/**
 * Esta hoja de estilo guarda la informacion comun a la maquetacion global
 * del Portal de Mostoles.
 * Desde esta hoja de estilo se incluyen los estilos correspondientes al 
 * resto de elementos y/o areas que componen el diseno global.
 *
 * @author Divisa Informática y Telecomunicaciones S.A.
 * @since Proxia Portal Server 5.5
 * @copy  2009
 */

/** INICIO ESTILOS GLOBALES **/
@import url('areas.css');
@import url('menus.css');
@import url('banners.css');
@import url('navegacion.css');
@import url('calendar.css');
@import url('contents.css');
@import url('dhtmlselect.css');
@import url('boxes.css');
@import url('searcher.css');
@import url('contactar.css');
@import url('popup.css');
@import url('webmap.css');
@import url('resources.css');
@import url('relatedcontents.css');
@import url('modelos_xsl.css');
@import url('requestServices.css');
@import url('sqlqueries.css');
@import url('formulariosDinamicos.css');
@import url('faq.css');
@import url('forum.css');

/** los estilos de impresion lo ultimo */
@import url('printContent.css');

/**
 * Estilo general de los distintos elementos globales del sistema, cuerpo,
 * controles de formulario, celdas y cabeceras, etc.
 */
BODY {
	font: 68% Verdana, Geneva, Tahoma, sans-serif;
   	color: #515151;
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	text-align: center; /* para emular el margin 0 auto en IE 6 y 7 */
}

BODY.mainBody {
	background-color: #656565;
	width: 100%;
}

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

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 {
	vertical-align: top;
	font: 68% Verdana, Geneva, Tahoma, sans-serif;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;		
	margin: 0;
	padding: 0;
}

TH {
	vertical-align: top;
	font: 68% Verdana, Tahoma, Geneva, sans-serif;
	font-weight: bold;
}

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

INPUT {
	background-color: #EDEDEA;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size : 1em;
	color: #333;
	border : 1px solid #AEAEAB;
}

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

SELECT {
	background-color: #EDEDEA;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size : 1em;
	color: #333;
	border : 1px solid #AEAEAB;
}

TEXTAREA {
	background-color: #EDEDEA;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size : 1em;
	color: #333;
	border : 1px solid #AEAEAB;
}

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

FIELDSET{
	border: none;	
	padding: 0;
}

LEGEND{
	margin-left: -0.45em; 	
}

FORM {
	margin-bottom: 0;
}

A {
	text-decoration : none;
   	color: #646360;
}

A:hover {
	text-decoration : underline;
	color : #000;
}

A:hover SPAN {
	cursor: pointer;	
}

A:active {
	text-decoration : underline;
}

HR {
	background-color: #ccc;
	height: 1px;
	margin: 4px;
	border: none;
}

HR.blackrule {
	background-color: #666;
}

/**
 * Estilos de lista
 */
OL {
	margin: 0 0 0 2.25em;
}

UL {
	margin-left: 1.8em;
	margin-right: 0;
	margin-bottom: 0;
	list-style-type: disc;
}

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;
}

/* 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 { /* esta clase se usa para limpiar los contenedores con elementos flotados */
	zoom:1; /* hack para ie8 y posteriores, quizas habria que ponerlo en una hoja condicional */ 	
}

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

.underline {
    text-decoration: underline;
}

/* la siguiente clase sustituye un <table><tr><td>texto</td></tr></table> puesto que un table tiene por defecto un cellpadding="1" y un cellspacing="2" */
DIV.celdaBasica, SPAN.celdaBasica {
	padding: 0.3em 0;
}

SPAN.celdaBasica {
	display: block;
}
/* FIN ESTILOS GLOBALES */

/* INICIO ESTILOS LAYOUT */
/** Layout genérico de las páginas: Contenedor global **/

/** contenedor principal del sistema. **/
.mainTable {
	float: left; /*** para obligar a que se extienda cuando el contenido no entra ***/
	min-width: 100%;
	padding-left: 1.5%;
	padding-right: 1em;
	vertical-align: top;
	text-align: left;
}

/** Estilos utilizados para el botón de Contactar y el de mapa Web de la parte superior **/
DIV.headerServices {
	background-color: #fff;
	width: 100%;	
	min-height: 1.6em;
	height: auto!important;
	height: 1.6em;
	padding: 0.2em 0 0 0;
	position: relative;
	z-index: 0;
}

DIV.headerServicesIntranet {
	background-color: #E8E5DE;
	padding-left: 15%;
}

DIV.headerServices A {
	color: #505050;	
}

DIV.headerServices A:hover {
	color: #505050;	
}

DIV.headerServices UL.links {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

DIV.headerServices UL.links LI {
	display: inline;
	margin-left: 0.3em;
	margin-right: 0.5em;
}

DIV.headerServices UL.links LI#resizeLinksLocation A {
	margin-right: 0.4em;	
}

DIV.headerServices A.contactar {
	background: transparent url(../imagenes/iconos/icoMail.jpg) no-repeat left center;
	padding-left: 1.45em;
	color: #DF283E;
	font-weight:bold;
} 

DIV.headerServices A.contactar:hover {
	color: #DF283E;
}

A.contactarIntranet {
	background: transparent url(../imagenes/iconos/icoMailIntranet.jpg) no-repeat left center;
	padding-left: 1.45em;
} 

A.webmap {
	background: transparent url(../imagenes/iconos/icoWMap.jpg) no-repeat left center;
	padding-left: 1.7em;
} 

A.webmapIntranet {
	background: transparent url(../imagenes/iconos/icoMapIntranet.jpg) no-repeat left center;
	padding-left: 1.75em;
} 

A.legal {
	background: transparent url(../imagenes/logos/avisoLegal.gif) no-repeat left center;
	padding-left: 1.3em;
} 

A.intranet {
	background: transparent url(../imagenes/logos/intranet.jpg) no-repeat left center;
	padding-left: 1.3em;
}
 
A.portalIntranet {
	background: transparent url(../imagenes/logos/intranet.jpg) no-repeat left center;
	padding-left: 1.75em;
} 

A.weather {
	background: transparent url(../imagenes/logos/weather.jpg) no-repeat left center;
    padding-left: 7.4em;
} 

/* cuerpo de la pagina */
DIV.middleWrapper {
	background-color: #fff;	
}

DIV.middleWrapperIntranet {
	background-color: #E8E5DE;	
}

/** pie con direccion, estandares y login ***/
DIV.bottomWrapper{
	float: left;
	width: 100%;
	padding-left: 38%;
	background-color: #F0F0F0;
}

DIV.bottomWrapper DIV.vcard {
	float: left;
	width: 26%;	
	padding: 0.4em 0 0 0;
	color: #888;
	font: bold 0.9em Arial, "Helvetica Neue", Helvetica, sans-serif;
}

DIV.bottomWrapper DIV.vcard .tel {
	padding-top: 1em;
	color: #9c9c9c;	
	font-size: 1.1em;
}

DIV.bottomWrapper DIV.vcard SPAN.street-address {
	display: block;	
}

DIV.bottomWrapper DIV.standards {
	float: left;
	width: 33%;	
	padding: 0 0.4em 0 0;
	text-align: right;
	font: 1em Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #888;;
}

DIV.bottomWrapper DIV.standards P {
	margin: 0;
	padding: 0;
}

DIV.bottomWrapper DIV.standards UL {
	margin: 0;
	padding: 0;
	list-style: none;
}

DIV.bottomWrapper DIV.standards UL LI {
	display: inline;
	margin: 0 0.3em 0.2em 0;
	padding: 0;	
}

DIV.bottomWrapper DIV.standards .screenRes {
	padding: 0.4em;
	clear: both;
	font-weight: normal;	
}

DIV.bottomWrapper DIV.footerActions {
	float: right;
	width: 41%;	
	padding: 0.3em;
	background-color: #656565;
}

DIV.bottomWrapper.bottomWrapperEsp DIV.footerActions {
	min-height: 6.8em;
	height: auto!important;
	height: 6.8em;
}

DIV.bottomWrapper DIV.footerActions UL {
	margin: 0;
	padding: 0;
	list-style: none;
}

DIV.bottomWrapper DIV.footerActions UL LI {
	display: inline;	
	margin: 0;
	padding: 0 0 0 1em;
	background: transparent url(../imagenes/contenidos/separador.gif) no-repeat center left;
	line-height: 1.6em;
}

DIV.bottomWrapper DIV.footerActions UL LI.first {
	background: none;
	padding-left: 0;
}

DIV.bottomWrapper DIV.footerActions UL LI IMG {
	vertical-align: bottom;	
}

DIV.bottomWrapper DIV.footerActions UL LI A, DIV.bottomWrapper DIV.footerActions UL LI A:hover {
	color: #CDCDCD;
}

/** Estilo para los botones de añadir a favoritos, etc. **/
TD.favoritos {
	white-space: nowrap;
	width: 32%;
	height: 1.6em;
	vertical-align:top; 
	text-align: right; 
	padding-top: 0.2em;
}

/** Estilo para la zona del simple **/
TD.spacer {
	white-space: nowrap;
	width: 25%;
	empty-cells: show;
}

TD.searcher {
	text-align: right;
	vertical-align: top;
}

TD.advancedSearchLink {
	white-space: nowrap;
	text-align: right;
	vertical-align: top;
	padding-top: 0.2em;
}


/*** otros elementos ***/
DIV.currentDate {
	font-size: 1em;
	color: #827C63;
	text-align: right;
	height: 2em;
}

DIV.cmContactLink {
	font-size: 1.03em;
}

.aytoCopyright {
	text-align: center;
	font-size: 0.8em;
}
/* FIN ESTILOS LAYOUT */


/** ESTILOS COMPONENTE DE AUTENTICACION **/
DIV.loginTable {
	width: 10.4em;
}

DIV.loginTable DIV, DIV.loginTable P, DIV.loginTable H1 {
	color: #9A90C4;
	background-color: #FFF;
	text-align: right;
	vertical-align: middle;
	margin: 0;
	padding-top : 0.45em;
}

DIV.loginTable H1.userData {
	color: #036;
	text-align: left;
	background: #fff url(../imagenes/fondos/fondotabla2.jpg) no-repeat top left;
	height: 1.2em;
	margin: 0;
	padding: 0 0 0 1em;
	font-weight: bold;
	font-size: 0.9em;
}
/** FIN ESTILOS COMPONENTE DE AUTENTICACION **/


/**
 *	paginas de error y acceso prohibido
 */
.centeredModule {
	width: 40.4em;
	margin: 2.5em auto 0 auto;
	font-family: "Times New Roman", Times, serif;
	color: #000;
	text-align: left;
}

.centeredModule H1 {
	margin-bottom: 0;
	color: #900;
}

.centeredModule .centeredModuleHeader {
	font-weight: bold;
}

.centeredModule .centeredModuleHeader P {
	margin: 0;
	font-size: 1.1em;
}

.centeredModule HR {
	margin: 0.7em 0;
}

.centeredModule .centeredModuleContent {
	font-size: 0.9em;	
}

.centeredModule .centeredModuleFooter {
	text-align: center;
}

.centeredModule .centeredModuleFooter A {
	color: #00e;
	text-decoration: underline;
}

.centeredModule .centeredModuleFooter A:hover {
	text-decoration: none;	
}