/**
 * 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.
 */

/** INICIO ESTILOS GLOBALES **/
@import url('main.css');
@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('boxes.css');
@import url('searcher.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('/css/cookies.css');
@import url('/css/gpdr.css');
@import url('client-edit.css');
@import url('estilos-proxia.css');

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

/** 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 {
	margin: 0;
	padding: 0;
}

TH {
	vertical-align: top;
	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: #fff;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size : 1em;
	color: #333;
	border : 1px solid #c0c1c6;
}

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

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

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

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

FIELDSET{
	border: none;	
	padding: 0;
}

LEGEND{
	margin-left: -0.45em; 	
}

FORM {
	margin: 0;
}

A {
	text-decoration : none;
	color: #4e884e;
}

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

A:hover SPAN {
	cursor: pointer;
}

A:active {
	text-decoration : underline;
}

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

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

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

UL {
	margin: 0 0 0 1.8em;
	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;
}

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

/* 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 */
/* cuerpo de la pagina */
DIV.middleWrapper {
	background-color: #f2f2f2;
	width: 100%;
}
/* FIN ESTILOS LAYOUT */

/**
 *	paginas de error y acceso prohibido
 */
.centeredModule,
.loginContainer{
	max-width: 53em;
	margin:4em auto 0;
	border:4px solid #4E884E;
	padding:1em 1.5em 2em;
}

.sslSignJsp{
	margin:0.1em auto 0;
	border:none;
}

.sslSingAuthJsp{
	margin:8em auto 0;
	border:none;
}

.centeredModule h1.cabecera,
.popupTitle h1,
.popupTitle h2.cabecera{
	background-image:url(/imagenes/portada/logoMostolesVer.png);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:1.5em 0 1em 4em;
	color:#4ea52e;
	font-size:2em;
	margin:0.3em 0 0;
	border:none;
	min-height:43px;
}

.centeredModule h2{
	color:#3D651F;
	margin:0.5em 0;
}

.centeredModule .centeredModuleHeader,
div.popupTitle{
	font-size:1.2em;
}

.centeredModule .centeredModuleFooter,
.popupFooter{
	text-align: center;
	padding-top: 1.5em;
}

.centeredModule .centeredModuleFooter a,
.popupFooter a{
	background-color:#3d651f;
	color:#FFF;
	padding:0.3em 0.5em 0.3em 1.8em;
	font-weight:bold;
	background-image: url("/imagenes/contenidos/bullet6.gif");
	background-position: 0.5em 0.5em;
	background-repeat: no-repeat;
	border:1px solid #fff;
}

.successMsg{
	color:#4F8A10;
	background-color: #DFF2BF;
	font-weight:bold;
	background-image:url(/imagenes/contenidos/success.png);
	background-repeat:no-repeat;
	background-position:0.5em 0.5em;
	border:#4F8A10 1px solid;
	padding:1.3em 0 1.3em 4em;
	margin:1em 0;
}

.errorMsg{
	color: #D8000C;
	background-color: #FFBABA;
	background-image:url(/imagenes/contenidos/error.png);
	background-repeat:no-repeat;
	background-position:0.5em 0.5em;
	border:#D8000C 1px solid;
	padding:1.3em 0 1.3em 4em;
	margin:1em 0;
}

/* Estilo para el iframe de la versión imprimible */
iframe.printIframe {
	margin: 0;
	padding: 0;
	width: 0; 
	height: 0;
}

body.authDosPuntoCero{
	background-color:transparent;
}

body.prettyPhotoAuth{
	background-color:#FFF;
	margin:1em;
}

a:focus span.cmPopupText,
a:active span.cmPopupText,
a:hover span.cmPopupText {
	width: auto;
	height: auto;
	clip: auto;
	margin: 0;
	padding: 3px 4px;
}

a.cmZoomedImageLink{
	text-decoration:none;
}

a.cmContentImageLink:focus span.cmPopupText,
a.cmContentImageLink:active span.cmPopupText,
a.cmContentImageLink:hover span.cmPopupText {
	font-size: 11px;
	line-height: 1;
}

/*formulario de envio de contraseña*/
div.form{
	background-color:#E7F7E7;
	margin-top:1em;
	overflow:hidden;
	padding-bottom:1em;
}

div.form .fieldset{
	margin-top:1em;
}

div.form fieldset{
	margin:0;
}

div.form legend{
	margin:0;
	padding:0.1em 1em 0.1em 1.7em;
	background-image:url(/imagenes/contenidos/bullet6.gif);
	background-repeat:no-repeat;
	background-position:0.4em 0.3em;
	background-color:#4e884e;
	color:#FFF;
	font-weight:bold;
}

div.form div.row,
div.form div.formField{
	padding:1em;
}

div.form .formLabel{
	padding-right:0.7em;
	color:#898783;
	display:inline-block;
	width:25em;
	text-align:right;
}

div.form .userLabel{
	padding-right:0.7em;
	color:#898783;
	display:inline-block;
	width:20.9em;
	text-align:right;
}

div.form .formInput input,
div.form .formInput select,
div.form .userInput input{
	width:18.1em;
}

div.form div.button,
div.form div.enterButton{
	text-align:center;
	padding-left:5em;
}

div.form div.button input,
div.form div.enterButton input,
div.form div.button button,
div.popupButtons button{
	background-image: url("/imagenes/contenidos/bullet6.gif");
	background-position: 0.4em 0.55em;
	background-repeat: no-repeat;
	padding:0.2em 0.4em 0.3em 1.3em;
	border:1px solid #fff;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	margin-left:1em;
}

div.form div.enterButton input{
	background-position: 0.4em 0.5em;
}

div.form div.button input,
div.form div.enterButton input.submit,
div.form div.button button,
div.popupButtons button.submit{
	background-color:#39611B;
}

div.form div.enterButton input.reset,
div.popupButtons button.reset{
	background-color:#95B3BE;
}

div.form div.captcha{
	overflow:hidden;
	padding-left:26em;
	margin-bottom:1em;
}

div.form div.captcha div.captachRefresh,
div.form div.captcha div.captchaImg{
	float:left;
}

div.form div.captcha div.captachRefresh{
	padding-top:1em;
	padding-left:1em;
}

div.dataProtection{
	margin-top:4em;
}

div.dataProtection h2{
	color:#4e884e;
	margin-bottom:0.3em;
	border-bottom:1px solid #CCC;
}

/*Pantalla de mandar a un amigo*/
div.sendContentByEmailJsp .cmSendMailLabel{
	float:left;
	width:15em;
}

div.sendContentByEmailJsp .formItem{
	padding-left:2em;
	padding-bottom:0.5em;
}

div.sendContentByEmailJsp .formFirstItem{
	padding-top:1em;
}

div.sendContentByEmailJsp .divBottom{
	text-align:right;
}

div.sendContentByEmailJsp legend{
	color:#000;
}

em.cmAutoAudioShown {
	width: auto;
	height: auto;
}