/*
 * Estilos Portal de Contratación
 */


/* Reset de estilos por defecto de navegadores */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	font-size:62.5%;
	
	/* color: #1b5ec1; */ 
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	background: white url(../img/leganesFondoBody.gif) right bottom no-repeat;
	background-attachment: fixed;
	
}

html, body {height:100%;}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* Color por defecto para todos los enlaces */
a, a:hover, a:visited, a:active, a:focus, a:link {
	color: #1b5ec1;
}

a img{text-decoration:none; border: 0;}


/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Position elements */
#pagewidth{ 
	/* Ancho dinámico */
 width:80%; 
 	/* Ancho fijo */
 width:80em;
 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 background: #FFF url(../img/leganes_fondo.gif) top left repeat-y;
   
} 
 
#header{
 position:relative; 
 height:100px; 
 width:100%;
 background: #1B5EC1 url(../img/fondo_cabecera_leganes.jpg) top right no-repeat; 
} 

h1#logo {
	height: 90px;
	overflow: hidden;
	position: relative;
	width: 100%;
	color: #1B5EC1; 
}

h1#logo span {
	background: url(../img/logosimbolo.gif) no-repeat;
	display: block;
	height: 100%;
	left: 1em;
	position: absolute;
	top: 1em;
	width: 100%;
}

/* Hacemos invisible el Título de la página porque el logo de Leganés es transparente */
h1#logo a{color:#1B5EC1;}

 
#leftcol{
 width: 20%; 
 float:left; 
 position:relative; 
}
 
#left3, #left4{
	height: 75px;
	background-color: #1B5EC1;
	margin: 2em 1em 1em 1em;
	padding: 1em;
}

#maincol{
 background-color: #FFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:76%; 
 margin: 0;
 padding: 2%; 
}
 
#footer{
  height:1.5em; 
  background-color:#1B5EC1; 
  clear:both;
  text-align: center;
  padding-top: 0.5em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 0.9em;
  color: #fff;
  
 } 
 
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content:"" ;
     clear: both;
     height: 0;
	 overflow: auto;
	 max-height: 0;
}
 
.clearfix{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

#menu_izqda {
	
}

.buttons { height: 1%; } /* Arreglo de error background en IE6 */

.buttons a, .buttons a:link {
	background: white;
	display: block;
	font-size: 1.1em;
	padding: 5px;
	padding-left: 8px;
	color: #1B5AC1;
	font-weight: bolder;
	text-decoration: none;
	text-align: left;
	margin: 0.5em 0.5em 0.2em 0.5em;
	border: 1px solid white;
}

.buttons a:hover {
	/* background-color: #1B5EC1; */ 
	text-decoration: none; 
	border: 1px solid #1B5EC1; 
	color: black; 
}

.buttons a:visited{
	color: #1B5AC1;
}

.buttonsHeader {height: 1%;} /* Arreglo de error background en IE6 */

.buttonsHeader p{
	background-color: #1B5EC1;
	color: white;
	padding: 0.2em;
	margin: 0.5em 0.5em 0.2em 0.5em;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
}

.cuadroLoginUsuario {
	color: #fff;
	background-color: #1B5EC1;
	border-top: 1px solid white;
	border-right: 3px double #fff;
	padding: 1em;
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align: center;
	padding-left: 15px;
	padding-top: 15px;
	background: #1B5EC1 url(../img/liclogoleg.gif) 0 0 no-repeat;
}	

.cuadroLoginUsuario a, .cuadroLoginUsuario p a {
	color: white;
	text-decoration: none;
}

#cuadroLoginUsuario a, #cuadroLoginUsuario p a {
	color: white;
	text-decoration: none;
}

.cuadroLoginUsuario a:hover, .cuadroLoginUsuario p a:hover {
	color: white;
	text-decoration: underline;
}

#rutaPagina {
	font: 1em Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #333;
}
#rutaPagina a {
	text-decoration:none;
	color: #333;
}
#rutaPagina a:hover {
	text-decoration:underline;
	color: #333;
}

.cabeceraCanal{
	font: 1.8em Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #1B5EC1;
	/* background:  url(../img/corchetes.gif) no-repeat; */
	border: 1px solid #1B5EC1;
	margin-top:.25em;
	margin-bottom:1em;
}
.cabeceraCanal a {
	color: #4AA0E0;
	text-decoration: none;
	font-weight:bolder;
	padding-left: 1.2em;
	background:	 url(../img/flechacabeceraleg.gif) no-repeat 0 0.1em;
	color: #1B5EC1;
	text-decoration: none;
}

.cabeceraCanal a:hover {
	text-decoration: none;
}

.cabeceraCanal img {
	vertical-align: middle;
}


h1 {
	font: 1.4em Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333;
	font-weight: bold;
}


/* TABS */

#pestanas {
	float:left;
	width:100%;
	background:#FFF;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	line-height:normal;
	border-bottom:1px solid #1b5ec1;
	clear: both;
}
#pestanas ul {
	margin:0;
	padding:10px 10px 0 20px;
	list-style:none;
}
#pestanas li {
	display:inline;
	margin:0;
	padding:0;
}
#pestanas a {
	float:left;
	background:url("tableftLeganes.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#pestanas a span {
	float:left;
	display:block;
	background:url("tabrightLeganes.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#627EB7;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#pestanas a span {float:none;}
/* End IE5-Mac hack */
#pestanas a:hover span {
	color:#fff;
}
#pestanas a:hover {
	background-position:0% -42px;
}
#pestanas a:hover span {
	background-position:100% -42px;
}

#pestanas #activo a {
	color: #fff; 
	background-position:0% -42px;
}
#pestanas #activo a span {
	color: #fff; 
	background-position:100% -42px;
}

#navContenido{
	display: block;
	border-left: 1px solid #1b5ec1;
	border-right: 1px solid #1b5ec1;
	border-bottom: 1px solid #1b5ec1;
	/* border-top: 1px solid #BCD2E6; */
	padding: 2em;
	padding-top: 5em;
	min-height: 280px;
}

.sinborde{
	border: none;
}

.bordeArriba{
	border-top: 1px solid #1b5ec1;
	padding-top: 4em !important;
}

.bloque{
	/* border: 1px solid #BCD2E6; */
	padding: 2em;
	padding-top: 2em;
	margin-bottom: 3em;
	font-size: 1.1em;
}

.sangria { 
	margin: 0 0 2em 3.5em;
	padding: 0.3em;
	display: block;
	overflow: hidden;
	width: auto;
}

.correoTexto {
	padding-left: 0.8em;
	font-size: 1em;
	margin: 2em 0em 0em 1em;
	color: #868686;
}

.cabeceraLeyenda{
	width: 35em;
}

/*
	LISTADO ORGANISMOS

*/

.organismo {
	padding: 1em;
	padding-top: 0;
	font-size: 1em;
	color: #666;
	color: black;
}

.organismo hr {
	text-align: center;
	color: #000;
	background-color: #000;
	height: 1px;
	width: 70%;
	margin:2em;
}

.organismo h2 {
	background: #1b5ec1 url(../img/tri15.gif) left no-repeat;
	background-position: left center;
	color: white;
	font-weight: bolder;
	font-size: 1.2em;
	padding: .4em;
	padding-left: 2em;
	text-transform: uppercase;	
	margin-bottom: 1em;
	margin-top: 1em;
	width:90%;
}

.organismo strong {
	text-align: right;
	
}
.organismo .direcciones{
	padding-left: 2em;
	margin-top: 1em;
}

.organismo .direcciones p {
	display: none;
}

.organismo .direcciones h3{
	font-size: 1em;
	/* padding-left: -1em; */
	margin-left: -1em;
	margin-left: -1em;
	padding-top: 1em;
	
		
}



.pie {
	padding: .25em;
	margin-top: 3em;
	font-size: .9em;
	color: white;
	background-color: #1b5ec1;
	text-align: center;
	vertical-align: baseline;
}

/*
 * ULTIMOS ANUNCIOS
 */
 
#enlacesBloque{
	font-family: Arial,Helvetica,sans-serif; 
	color: black;
	width: 30%; 
	/* margin: auto; */
	margin-left: 2em;
	margin-top: 0.5em;
	margin-bottom: 2em;
	text-align: left;
	padding: 1em;
	border: 1px solid #1b5ec1; 
	/*
	background: #FFCC00;
 */
}

#enlacesBloque a {
	font-size:1.1em;
	font-weight: bolder;
	color: #1b5ec1;
	color: black;
	text-decoration: none;
	/* background: url(../img/puntonaranja_b.gif) 0em 0.1em no-repeat; */
	padding-left: 0.5em;
	
}

#enlacesBloque a:hover {
	text-decoration: underline; 
	
}

.enlaceFinalBloque{
	font-size: 0.9em; 
	text-align: center; 
	text-decoration: none;
}

.bloqueFecha{
	float: right; 
	font-weight: bold;
}

.tituloBloque {
	background: #1b5ec1 url(../img/tri15.gif) 0px center no-repeat;
	padding: .3em .2em .2em 1.5em;
	color: white;
	font-weight: bolder;
	font-size: 1.2em;
	text-transform: uppercase;
}

.tituloBloque a {
	color: white;
}

#navContenido hr {
	text-align: center;
	width: 90%; 
	height: 0px; /*solo queremos borde*/ 
	border-top: 0px; /*quita el grosor extra de Opera y FFox*/ 
	border-bottom: #1b5ec1 dashed 1px;
	margin: 2em;
}

.paginador{
	text-align: center;
	padding:0.5em;
}

.paginador a{text-decoration: none; color: black;}
.paginador a:hover{text-decoration: underline;}


.subtituloContenido1 {
	margin-left: 0.5em;
	margin-bottom: 1em;
	margin-top: 1em;
	background: url(../img/puntonaranja_b.gif) 0em 0.3em no-repeat;
	display: block;
	padding-left: 0.7em;
	font-weight: bold;
	font-size: 1.1em;
	color: black;
}

/*
 * FORMULARIOS
*/

.fondoFormulario{
	font-size:1.1em;
	margin: 0;
	width: 51em;
}

.historial {
	font-size:1.1em;
	margin: 2em;
	padding-top: 2em;
	width: 45em;
}

.fondoFormulario fieldset {		
	display: block;
	position: relative;
	float: none;	
	margin: 0.5em 0 0 0;
	padding: 2em;	
	border: solid 1px #BCD2E6;	
}

.fondoFormulario a {
	color:#7e7e7e;
}


.fondoFormulario legend {		
	float: left;	
	font-weight: bold;	
	color: black;	
	border: solid 1px #BCD2E6;
	border: solid 1px #1b5ec1;
	padding: 1em;
	/* background: #FFCC00; */
}

.fondoFormulario p {
	display:block;
	position:relative;
	float:none;					
	padding: 0.5em 0em 0em 0em;
	clear:both;		
}

.fondoFormulario input{
	font-weight: normal;
	color: #7e7e7e;
	color: black;
	background-color: #fff;
	border: 1px solid #BCD2E6;	

}

.fondoFormulario input[readonly], .fondoFormulario textarea[readonly], .fondoFormulario select[readonly] {
	background-color: gainsboro;
	border: 0;
}

.fondoFormulario input[disabled], .fondoFormulario textarea[disabled], .fondoFormulario select[disabled] {
	background-color: gainsboro;
	border: 0;
}

.fondoFormulario textarea{
	font-weight: normal;
	color: #7e7e7e;
	color: black;
	background-color:#fff;	
	border: solid 1px #BCD2E6;	
}

.fondoFormulario input:focus, .fondoFormulario textarea:focus, .fondoFormulario select:focus{
	border-color: #FFCC03;	
}


.fondoFormulario label {
	clear: none;	
	font-weight: bold;	
	color: black;	
	text-align:left;
	height: 100%;
}

.fondoFormulario select {
	font-weight: normal;
	color: #7e7e7e;
	color: black;	
	background-color: #fff;
	border: solid 1px #BCD2E6;	
}

.fondoFormulario input[type="submit"] {
	color:white;
	font-weight: bold;
	border: 1px  outset #BCD2E6;
	background: #1b5ec1;
}
.fondoFormulario input:hover[type="submit"] {
	cursor: pointer;
	border: 1px groove #BCD2E6;
}
.fondoFormulario input[type="submit"]:hover {
	border: 1px inset #BCD2E6;
}

.ancho {
	width: 510px;
}



.left{
	width: 225px;
	float:left;
}
.corto {
	width: 50px;
}

.right{
	width: 225px;
	float: right;
}


.botonDerecha {
	float: right;
	text-align: right;
	width: 29%;
	height: 50%;
}
.botonIzquierda {
	float: left;
	text-align: right;
	width: 70%;
	height: 50%;
}

/*
 * Botoneras
 */
.botoneraDerecha { text-align:right; }
.botoneraIzquierda { text-align:left; }
.botoneraCentro { text-align:center; }

/*
 * TABLAS
 */

table.resultados {
	color: #868686;
	/* margin: 1em; */
	margin: auto; /* truquillo para centrar la tabla sin divs adicionales */
	font-size: 1.1em;
	background-color: white;
	text-align: center;
	width: 90%;
	border: 1px solid #1b5ec1;
	border-collapse: separate;
	padding:0em;
}

table.resultados caption {
	border: medium none;
	font-weight: bold;
	background-color: white;
	font-size: 0em;
	color: #FFFFFF;
}

table.resultados th {
	padding: 0.2em;
	font-weight: bold;
	background-color: #1b5ec1;
	color: white;
	border: 1px solid #FFFFFF;
}

table.resultados td {
	padding: 0.2em;
	font-weight: normal;
	color: black;
	border: 1px solid red; 
}

table.resultados th a { color: white; }
table.resultados th a:hover { color: white; }

table.resultados tr.filaImpar { color: black; background-color: white; }
table.resultados tr.filaImpar td { color: black; background-color: white; }
table.resultados tr.filaImpar td a { color: black; }
table.resultados tr.filaImpar td a:hover { color: black; }

table.resultados tr.filaPar { color: black; background-color: #EEE;}
table.resultados tr.filaPar td { color: black; background-color: #EEE;}
table.resultados tr.filaPar td a { color: black; }
table.resultados tr.filaPar td a:hover { color: black; }

table.resultados td { 
	border: 1px solid #FFF; 
	text-align:left;
	padding:0.2em 1em 0.2em 1em;
}



/*
 * Estilos para los anchos de columna
 */

.w4pct  { width: 4%;  }
.w5pct  { width: 5%;  }
.w7pct  { width: 7%;  }
.w10pct { width: 10%; }
.w20pct { width: 20%; }
.w25pct { width: 25%; }
.w30pct { width: 30%; }
.w40pct { width: 40%; }
.w50pct { width: 50%; }
.w80pct { width: 80%; }

/*
 * HISTORIAL
 */

.lineaHistorial{
	padding: 0.2em;
	margin: 1em;
	margin-bottom: 0;
	background: #BCD2E6 url();
	width: auto;
	vertical-align: middle;
	height: 3.4em; 
	font-weight: bold;
	font-size: 1.1em;
	color: #1b5ec1;
	border: 1px solid #BCD2E6;
}
.botoneraHistorial{
	margin-top:2em;
	text-align: left;
	margin-bottom: 1em;
}

.linkHistorial {
	float: right; 
	color:#49638C;
}

.linkHistorial a {
	text-decoration:none;
	color:#49638C;
}

.linkHistorial a:hover {
	text-decoration: underline;
	color:#49638C;
}
 .textoDerechaHistoral {
	float: right;
}

.textoIzquierdaHistoral {
	float: left;
}

a.botonHistorial , a.botonHistorial:hover, a.botonHistorial:link, a.botonHistorial:visited {
    font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
    padding: 2px;
	margin-right: .3em;
	background-color: #1b5ec1;
    color: #FFF;
    text-decoration: none;
	border: 1px outset #BCD2E6;
}



#detalleDocs {
	margin-left:0em;
}

#detalleDocs p {
	margin-left:1em;
}


.sellado{
	width: 20em;
	margin: auto;
	margin-top: 3em;
	line-height: 2.5em;
	border: 1px solid #294B8A;
	/* height: 50px; */
	padding: 2em;
	background: white url(../img/sellado_n.gif) top right no-repeat;
	 
}

.sellado a {
	color: black;
}
.sellado img{
	vertical-align: middle;
	margin-right: .5em;
}
.rojo {
	color: #FF0000;
}

.botonEnviarCorreo,
a.botonEnviarCorreo {
	background: #BCD2E6;
	color:black;
	font-weight:normal;
	text-decoration:none;
	font-size:1.3em;
	padding: 0.3% 1%;
}

.botonEnviarCorreo,
a.botonEnviarCorreo:link,
a.botonEnviarCorreo:active,
a.botonEnviarCorreo:visited {
	text-decoration:none;
	border: 1px outset #BCD2E6;
}

.botonEnviarCorreo:hover,
a.botonEnviarCorreo:hover {
	border: 1px inset	 #BCD2E6;
	cursor:pointer;
	text-decoration:none;
}

/* Elementos que no serán visibles con javascript activo */
.js #enlacesBloque,
.js #bloque {
	display: none;
}

.mensajeOK{
		color:#009900;
		font-weight:bold;
		font-size:1.2em;
}
	
.mensajeError{
		color:#FF0000;
		font-weight:bold;
		font-size:1.2em;
}

.textoAviso{
	color: #FF0000;
	font-weight: bold;
	padding: 0.5em;
}