/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color: #EEF0FB;
/*	margin: 1em 1em 1em 1em;*/
  	margin: 10px 10px 10px 10px;
	padding: 0em 0em 0em 0em;
	text-align: center;
}
/*nuevo*/
#cuerpo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color: #EEF0FB;
	margin: 0em;
	padding: 0em;
	text-align: center;
}
#cuerpoLH {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color: #EEF0FB;
	margin: 0em;
	padding: 0em;
	text-align: center;
}
#cuerpo1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color: #FFFFFF;
	margin: 0em;
	padding: 0em;
	text-align: center;
}





#cabecerah1 {
	color: #D52E25;
	font-size: 170%;
	font-weight: normal;
}
/*nuevo*/
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

html {
	margin: 0em;
	padding: 0em;
	text-align: center;
	scrollbar-face-color: #515B99;
	scrollbar-3dlight-color: #263280;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #fffffff;
}

#pagina{
	width: 95%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
#pagina1{
	width: 97%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
#pagina2{
	width: 65%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

#cabecera{
	position: relative;
	height: 102px;
	width: 100%;
	background-image: url(./images/cab_fnd.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}
#cabimg1 {
	background-image: url(./images/cab_fnd1.jpg);
	background-repeat: no-repeat;
	height: 96px;
	float: left;
	width: 100%;
}
#cabimg1izq {
	float: left;
}
#cabimg1der {
	background-image: url(./images/cab_fnd2.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: auto;
	float: right;
	padding-right: 1em;
	padding-top: 25px;
	color: #263480;
	text-align: right;
	background-position: right top;
}
#cabimg1der span {
	background-color: #FFFFFF;
	color: #D52E25;
	font-weight: bold;
}
#cabimg1der a {
	color: #263480;
}
#cabimg1der p {
	margin: 0em 0em 0.5em 0em;
	padding: 0em 0em 0em 0em;
}

#leftcol {
/*	width: 25%; */
	width: 20%;
	float: left;
	position: relative;
	background-image: url(./images/fnd_menutop.gif);
/*	background-color: #263280; */
	background-position: top left;
	background-repeat: no-repeat;
}
#leftcol .tit {
	text-align: right;
	margin: 0em;
	padding: 0.8em 1em 0em 0em;
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
}
* html #leftcol { width:24%}

/* Menu 1 nivel */
#menulat ul {
	margin: 0.5em 0.5em 0.5em 5px;
	padding: 0.5em 0.5em 0.5em 0em;
	list-style-type: none;
	/* Chivato */
	background-color: transparent;
}
#menulat li {
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 20px;
	/* Chivato */
	background-color: transparent;
} /* separacion menu */
* html #menulat ul  {
	width: 95%;
} /*IE ancho menu */

/* JOC: Menú lateral para líneas y horarios (inicio) */
#paginaLH{
	width: 97%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
#maincolLH {
	float: left;
	display: inline;
	position: relative;
	width: 70%;
	background-color: #FFFFFF;
}

#leftcolLH {
	width: 25%;
	float: left;
	position: relative;
	background-color: #263280;
	background-position: top left;
	background-repeat: no-repeat;
}
#leftcolLH .tit {
	text-align: right;
	margin: 0em;
	padding: 0.8em 1em 0em 0em;
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
}

#menulatLH {
	/*	width: 24%; */
}
#menulatLH ul {
	margin: 0em 0.5em 0em 5px;
	padding: 0em 0.5em 0em 0.5em;
	list-style-type: none;
}
#menulatLH li {
/*	padding-top: 9px; */
	padding-top: 0px;
	padding-bottom: 8px;
	padding-left: 20px;
} /* separacion menu */
#menulatLH ul a {
	text-decoration: none;
	color: #FFFFFF;
} 
#menulatLH ul a:hover		{
	color: #FFFFFF;
	text-decoration: underline;
}
/* JOC: Menú lateral para líneas y horarios (fin) */

.select  {
	background-image: url(./images/fnd_menuizq.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;
}
.select2 {
	background-image: url(./images/fnd_menuizq2.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;
}

#menulat ul a		{
	text-decoration: none; color:#FFFFFF; } /* altura menu */

#menulat ul a:hover		{
	color: #FFFFFF;
	text-decoration: underline; }


#maincol {
	float: right;
	display: inline;
	position: relative;
	width: 73%;
/*	width: 74%; */
	background-color: #FFFFFF;
}
#maincolfull {
	width: 100%;
	background-color: #FFFFFF;
}

#contenidos {
	padding: 1em;
}
#contenidos ul {
	list-style-type: square;
}
#contenidos h2 {}

#pie {
	background-color: #D52E25;
	clear: both;
	background-image: url(./images/pie_fnd.gif);
	padding-top: 7px;
	padding-bottom: 2px;
	color: #FFFFFF;
	text-align: right;
	padding-right: 1em;
}
#pie a {
	color: #FFFFFF;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#wrapper {
	background-color:#263280;
	background-image: url(./images/fnd_menupg.gif);
	background-position: top left;
	background-repeat: repeat-y;
} /* parche fondo color menu izquierdo */

#wrapperfull {	background-image: none}

.clearfix{ display: inline-table; }

/* 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; }
#leftcolLH{display:none; }
#twocols, #maincol{width:100%; float:none; }
}


/* elementos */

#migas { color: #263480;	}
#migas a { color: #263480; } #migas span { font-weight: bold; }



/*  =============  MENÚ SUPERIOR (inicio)  ============  */
#menusup{
	background-image: url(./images/fnd_pestint_fnd0.gif);
	width: 100%;
	height: 27px;
/*	font-weight: bold;*/
	font-weight: normal;
	float: left;
	clear: both;
	color: #FFCC00;
}
#menusup a {
	color: #FFFFFF;
	font-weight: normal;
}
#menusup .pesta {
	width: auto;
	text-align: center;
	float: left;
	display: block;
	height: 27px; 
	padding-left: 0.4%;
	padding-right: 0.4%;
	background-image: url(./images/fnd_pestint_fnd.gif);
	background-position: top;
}
#menusup .separ {
	background-color: transparent;
/*	width: 2.5%;*/
	width: 1.4%;
	background-image: url(./images/fnd_pestint.gif);
	background-position: center top;
	background-repeat: no-repeat;
	float: left;
	display: block;
	height: 27px;
}
#menusup .fin {
	background-color: transparent;
	background-image: url(./images/fnd_pestint_fin2.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	display: block;
	height: 27px;
	width: 13px;
}
/*  =============  MENÚ SUPERIOR (fin)  ============  */

.buscadornuevo {	background-color: #EBEBEB;	 background-position: top left;	background-repeat: repeat-x; text-align: right;	height: 13em;}.buscador .separa { margin:0.5em}
.buscador {
	background-color: #EBEBEB;
	background-image: url(./images/gpcab2.gif);
	background-position: top left;
	background-repeat: repeat-x;
	text-align: right;
	height: 85px;
}.buscador .separa {
	margin: 0.5em;
}
.linea {	background-color:#EBEBEB;	color: #D52E25;	font-size:110%;	font-weight:bold;	text-align: right;	padding: 1em;} .linea span { color:#666666;  font-size:90%; font-weight:normal}
ul.lineacuad   { margin:0em; padding:0em; margin-left:60% }
ul.lineacuad li  { list-style:none; background-color:#D52E25; border:4px #CCCCCC solid; margin-bottom:0.5em; padding:0.5em; color:#FFFFFF;  text-align:center}
ul.lineacuad span { margin-left:1em;}

/* fin maquetacion */
/* h1 { color: #D52E25; font-size: 170%; font-weight: normal;  } */
h2 { color: #D52E25; font-size: 130%; font-weight: normal; }
h3 { color: #000000; font-size: 110%; font-weight: bold; text-align:left }
h4 { color: #000000; font-size: 100%; font-weight: bold; }

a.link1 { color:#000000}
a:hover.link1 {color:#000000}

/*a:link { color: #000000;}
a:visited { color: #000000;}
a:hover  { text-decoration: none;}
a:active { color: #000000;}*/

.txtresaltado {
	background-color:#EBEBEB;
	padding:0.5em;
	width: auto;
	font-weight: bold;
}
.titresul {
	background-image: url(./images/fnd_titresul.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
	color: #263280;
	font-weight: bold;
	height: 20px;
	font-size: 110%;
}
.titresul1 {
	background-image: url(./images/fnd_titresul.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: left;
	color: #263280;
	font-weight: bold;
	height: 20px;
	font-size: 110%;
}



/* formularios, listados */
form { margin:0em; padding:0em;}
caption {	margin-left:auto; margin-right:auto; margin-bottom:1em;	color: #263480;	font-weight: bold;}
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%; }
input.btn {	font-weight:bold;	padding-top:0.1em;	padding-bottom:0.2em;	margin-left:0.5em; border:solid #D52E25 1px;	color: #FFFFFF;	background-color: #D52E25;}
input.btn2 {	font-weight:bold;	padding-top:0.1em;	padding-bottom:0.2em;	margin-left:0.5em; border:solid #DCDCDC 1px;	color: #263480; background-image:url(./images/btn2_fnd.jpg); background-repeat:repeat-x}
input.form2 { border:solid #000000 1px;	color: #000000; background-color:#FFFFFF	}
input.form { border:solid #D52E25 1px;	color: #000000;	}
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%;}
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%;}

table.listado { margin-left:auto; margin-right:auto; }
th {}
.fimpar {}
.fpar {}
.thcolor1 { background-color:#EBEBEB; padding:5px}


/*-------------------------------------------------------------------------------------*/

/* listados */

table.listado { margin-left:auto; margin-right:auto; }

.listado {
	background-color: #FFFFFF;
	text-align: center;
}
.listado caption { text-align:left}
.listado a { color:#263480}
.listado table { font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;   }
.listado td { padding:3px; }
.listado th {
	background-color: #263280;
	padding: 8px 3px 8px 3px;
	color: #FFFFFF;
	vertical-align: middle;
}
.listado .th1 { background-color: #F0F0F0; color:#000000; text-align:right}
.listado ul { list-style:square; font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;  font-size:100%; margin:0; /*padding:0; margin-left: 15px*/}
.listado .fpar { }
.listado .fimpar { background-color: #F0F0F0;  }
.listado .nav {	padding: 1em 0.5em 0.5em 0.5em;	text-align:right; }
.listado .nav a { font-weight:bold;}
.listado .nav .resaltado { color:#D52E25; font-weight:bold;}

/* formularios */
.formulario { background-color:#FFFFFF; text-align:left}
.formulario .campos-datos { border: 0;	margin: 0;}
.formulario fieldset {	border: 0;	margin: 0;}
.formulario .estira { margin-bottom:5px; background-color:#F3F3F3}
.formulario .estira span { margin-left:10px}
.formulario label { margin-left:10px; }
.formulario legend {	color: #263280;	font-size: 110%; font-weight:bold;	margin: 15px 0px 8px 0px;}
.formulario input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%; border:#000000 solid 1px; }
.formulario input.sinborde { border:none}
.formulario .botones {	text-align:center;	margin-top: 1em;}


/* mapa web */
.mapaweb  { text-align:left; background-color:#FFFFFF;  font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size:100% }
.mapaweb a {  color:#263480 }
.mapaweb li { margin-bottom:0.2em; margin-top:0.2em;}
.mapaweb ul { list-style-image: url(./images/topic.gif); font-weight:bold  }
.mapaweb ul ul { list-style-image: none; list-style:square; font-weight:normal;color: #000000 ; margin-bottom:0.5em; }




.tituloResultado {
/* Estilo utilizado para mostrar la cabecera (el título) de los resultados */
	background-image: url(./images/fnd_titresul.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
	color: #000000;
	font-weight: bold;
}





/*  LÍNEAS Y HORARIOS (inicio)  */

#planoRecorrido a {
	text-decoration: none;
}
#planoRecorrido img {
	border: thin dotted Black;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	text-align: center;
}

#horario a {
	text-decoration: none;
}
#horario img {
	border: thin dotted Black;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	text-align: center;
}
#horario td {
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
#lineasHorarios td {
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
#lineasHorarios table {
	border-color: #FFFFFF;
	border-width: 0px;
	width: 97%;
}

/*  LÍNEAS Y HORARIOS (fin)  */







h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#D70000;
}

/*
#txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 55%;
	float:left;
	text-align:left;
	padding-left: 10px;
	padding-right: 5px;
}

#txt li {
	list-style-image:url(./images/cuadro_rojo.gif);
}


#imagenes { 
	float:left;
	text-align:center;	
}

#imagenes img {
	border-width: 1px;
	border-style:solid;
	border-color: #666666;
	padding: 5px;
}
*/





/***************************************************************************************/
.txtChico {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: justify;
	color: #333333;
}

.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 55%;
	float: left;
	text-align: left;
	padding-left: 10px;
	padding-right: 5px;
	background-color: White;
}
/*
.txt img {
	border-width: 1px;
	border-style:solid;
	border-color: #666666;
	padding: 5px;
}
*/
.txt li {
	list-style-image:url(./images/cuadro_rojo.gif);
}

.info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float:left;
	text-align:left;
	padding-left: 10px;
	padding-right: 5px;
}
.info img {
	border-width: 1px;
	border-style:solid;
	border-color: #666666;
	padding: 5px 5px 5px 5px;
}
.info li {
	list-style-image:url(./images/cuadro_rojo.gif);
}

.imagenes {
	float:left;
	text-align:center;	
}
.imagenes img {
	border-width: 1px;
	border-style:solid;
	border-color: #666666;
	padding: 5px 5px 5px 5px;
}
.imagenCentrada {
	width: 100%; 
	text-align: center;
}
.imagenCentrada img {
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	padding: 5px 5px 5px 5px;
	margin: 3px 3px 3px 3px;
}


.tabula{
	padding-left: 5px;
}
.txtIzda {
	float: left;
	text-align: left;
	width: 33%;
	font-variant: small-caps;
	font-family: "MS Sans Serif", Geneva, sans-serif;
}
.txtDcha {
	float: right;
	text-align: right;
	width: 33%;
	font-variant: small-caps;
	font-family: "MS Sans Serif", Geneva, sans-serif;
}
.txtJustificado {
	text-align: justify;
}

.letrasmin ol {
	list-style-type: lower-alpha;
}


table.obj {
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.obj {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a.obj:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}

/***************************************************************************************/
div.capaCompleta {
	width: 94%;
	float: left;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 5px;
	min-height: 300px; /* como min-height no funciona en IE ponemos las siguientes 2 líneas */
	height: auto !important;
	height: 280px;
} 
.capaCompleta li {
	list-style-image:url(./images/cuadro_rojo.gif);
}

div.capaIzda {
	width: 45%;
	float: left;
	text-align: left;
	display: inline;
} 
.letrasMin li {
	list-style-type: lower-alpha;
}

div.capaDcha {
	width: 35%; 
	/*float: left;*/
	text-align: right;
	display: inline;
	vertical-align: middle;
}
.capaDcha img {
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	padding: 5px 5px 5px 5px;
	margin: 8px 8px 8px 8px;
	display: inline;
}

.sinborde img {
	border-width: 0px;
}
/***************************************************************************************/
