/**
 * Esta hoja de estilo guarda la información común a la maquetación global de la Web.
 * Desde esta hoja de estilo se incluyen los estilos correspondientes al 
 * resto de elementos y/o áreas que componen el diseño global.
 *
 * @author Divisa Informática y Telecomunicaciones S.A.
 * @since Proxia Portal Server 6.6
 * @copy  2012
 */

/** INICIO ESTILOS GLOBALES **/
@import url('/css/general.css');
@import url('/css/cmclient/main.css');
@import url('/css/cmclient/banners.css');
@import url('/css/cmclient/menus.css');
@import url('/css/cmclient/calendar.css');
@import url('/css/cmclient/contents.css');
@import url('/css/cmclient/searcher.css');
@import url('/css/cmclient/popup.css');
@import url('/css/cmclient/sitemap.css');
@import url('/css/cmclient/models.css');
@import url('/css/boxes.css');
@import url('/css/cmclient/resources.css');
@import url('/css/related.css');
/*@import url('dvFormsWeb/dvFormsWeb.css');*/
@import url('/css/dvFormsWeb/dvFormsWebCustom.css');
@import url('/css/adaptative.css');
@import url('/css/gpdr.css');
@import url('/css/cmclient/cookies.css');
@import url('/css/cmclient/wizard.css');

html {
	font-size: initial;
}

BODY {
	font-size: 68%;	
	padding: 0;
	margin: 0 auto;
	line-height: normal;
	font-family:Verdana, Geneva, sans-serif;
	color: #4c4c4c;
	background-color:#FFF;
}


/** Encabezados **/
h1, h2 {
	text-align: left;
	font-weight : bold;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	margin:1em 0;
}


h4 {
	font-size: 1em;
	font-weight: bold;
	margin:1em 0;
}

h5 {
	font-size: 1em;
	font-weight : bold;
	margin:1em 0;
}

h6 {
	font-size: 1em;
	font-weight : normal;
	margin:1em 0;
}
/** FIN DE encabezados**/

/** Estilos básicos de tablas **/
TABLE {
	border: none;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: top;
}

TBODY {
	border: none;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

TR {
	border: none;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
}

TD {
	margin: 0;
	padding: 0;
}

TH {
	vertical-align: top;
	font-weight: bold;
}


/**
 * Estilos para formularios en general.
 */
LABEL {
	font-family:Verdana, Geneva, sans-serif;
	font-weight : normal;
	font-size : 1em;
	color : #4c4c4c;
}

INPUT {
	background-color: #fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size : 1em;
	color: #4c4c4c;
	border : 1px solid #c0c1c6;
	margin:0;
	padding:0;
}

INPUT.checkbox, INPUT.radio {
	background-color : #FFF;
	border : none;
}

SELECT {
	background-color: #fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size : 1em;
	color: #4c4c4c;
	border : 1px solid #c0c1c6;
	margin:0;
	padding:0;
}

TEXTAREA {
	background-color: #fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size : 1em;
	color: #4c4c4c;
	border : 1px solid #c0c1c6;
}

BUTTON {
	font-family:Verdana, Geneva, sans-serif;
	font-size : 1em;
	color: #4c4c4c;
	background-color : transparent;
	border : 0px outset #DDD;
	cursor : pointer;
	display: inline;
}

FIELDSET{
	border: none;	
	padding: 0;
}

LEGEND{
	margin-left: -0.45em; 	
}

FORM {
	margin: 0;
}


iframe.printIframe {
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
}


A ,
A:link{
	color:#70193c;
	text-decoration:none;
}
A:visited {
}
A:active {
}
A:hover {
	color:#c2862e;
	text-decoration:underline;
}

HR {
	color: #CCC;
	height: 1px;
	margin: 0px;
	border: none;
}

HR.blackrule {
}

/**
 * Estilos de lista
 */
OL {
	margin: 0 0 0 1.8em;
	padding:0 0 0 2em;
}

UL {
	margin:0 0 0 1.8em;
	list-style-type: disc;
	padding:0 0 0 2em;
}

UL.squarelist {
	margin: 0 0 0 0.75em;
	list-style-type: square;
}

UL.plain { /* lista sin bullets ni separacion */
	list-style: none;
	margin: 0.5em 0;
	padding: 0;
}

LI {
	margin: 0.4em 0;
}

LI.squarelist {
	margin-left: 0.75em;
	list-style-type: square;
}


/* FIN ESTILOS GLOBALES */

/* INICIO ESTILOS LAYOUT */
/*** Para que algo no se muestre ***/
.dontShow {
	display: none;
}

/*** Alineación de imágenes ***/
.cmEmbedImageright {
	margin-left: 1em;
}

.cmEmbedImageleft {
	margin-right: 1em;
}

/* clases comunes */
.flt {
	float: left;	
}

.frt {
	float: right;	
}

.inline {
	display: inline;	
}

.block {
	display: block;	
}

.hide {
	position:absolute;
	left:-9999px;
	overflow:hidden;
}

.oculto {
	display: none;
}

.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.underline {
	text-decoration: underline;
}

input,select,textarea{
	outline:none;
}



.cmMenuPopupImage{
	padding:0 0 0 0.2em;
	display:inline-block;
	background:none;
}

/* estilos redes sociales */
.portalLayoutCell.mainMenuInMain{
	position: relative;
}

td .portalLayoutCell.redes-sociales {
	width: 0;
	display: inline-table;
	height: 0;
	top: -38px;
	float: right;
	position: absolute;
	right: 0;
}

td .portalLayoutCell.redes-sociales .cmContainerListsTab{
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
}

td .portalLayoutCell.redes-sociales .cmContainerListsTab .nullshadow div{
    width: 30px;
    height: 30px;
}

td .portalLayoutCell.redes-sociales .cmContainerListsTab .nullshadow .cmMenuTitle{
	display: none;
}

td .portalLayoutCell.redes-sociales .cmContainerListsTab .nullshadow .cmMenuPopupImage{
	display: none;
}

td .portalLayoutCell.redes-sociales .cmContainerListsTab .nullshadow a{
	display: block;
	height: 30px;
}

@media screen and (max-width: 988px){
   	td .portalLayoutCell.redes-sociales{
    	right: 10px;
   	}
}

@media screen and (max-width: 600px) {
	td .portalLayoutCell.redes-sociales {
		top: -32px;
	}
	
	td .portalLayoutCell.redes-sociales .cmContainerListsTab .nullshadow div {
		height: 20px;
		width: 20px;
	}
}