/*0.8em->10px; 0.9em -> 11px; 1.6em->20px; 1.9em->23px*/
body {
	margin: 0em;
	height: 100%;
}

html {
	min-height: 100%;
	margin-bottom: -4em;
	height: auto;
}

td {
	font-size: 0.9em;
	color: #666666;
	font-family: verdana, helvetica, sans-serif;
	vertical-align: top;
}

tr {
	font-size: 0.9em;
	color: #666666;
	font-family: verdana, helvetica, sans-serif;
}

div {
	font-size: 0.9em;
	color: #666666;
	font-family: verdana, helvetica, sans-serif;
}
	
h1 {	
	margin-top: 0.1em;
	font-weight: normal;
	font-size: 1.9em;
	margin-bottom: 0.5em;
	color: #3366cc;
	font-family: arial, verdana, helvetica, sans-serif;
	letter-spacing: 0em;
}

h2 {
	margin-top: 1.2em;
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #999900;
	font-family: verdana, arial, helvetica, sans-serif;
	letter-spacing: 0.2em;
}

h3 {
	margin-top: 1em;
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 0.2em;
	color: #666666;
	font-family: verdana, arial, helvetica, sans-serif;
}

ul {
	margin-top: 0.8em;
	margin-bottom: 0.1em;
	font: 0.9em/ 160% verdana, arial, helvetica, sans-serif;
	color: #666666;
}

li {
	margin-top: 0.1em;
	margin-bottom: 0.6em;
	font: 0.9em/ 160% verdana, arial, helvetica, sans-serif;
	color: #666666;
}

ol {
	margin-top: 0.0em;
	margin-bottom: 0.0em;
	font: 0.9em/ 160% verdana, arial, helvetica, sans-serif;
	margin-left: 1.9em;
	color: #666666;
}

a:link {
	font-size: 1em;
	color: #6699cc;
	font-family: verdana, helvetica, sans-serif;
	text-decoration: none;
}

a:visited {
	font-size: 0.9em;
	color: #6699cc;
	font-family: verdana, helvetica, sans-serif;
	text-decoration: none;
}

a:hover {
	color: #3366cc;
}

a.mainlevel:link {
	padding-left: 1.6em;
	font-weight: normal;
	vertical-align: middle;
	color: #666666;
	font-family: verdana, helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
}

a.mainlevel:visited {
	padding-left: 1.6em;
	font-weight: normal;
	vertical-align: middle;
	color: #666666;
	font-family: verdana, helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
}

a.mainlevel:active {
	font-weight: normal;
	color: #666666;
	font-family: verdana, helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
}

a.mainlevel:hover {
	font-weight: normal;
	color: #cecf63;
	font-family: verdana, helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
}

select {
	font-family: verdana, helvetica, sans-serif, arial;
	font-size: 1em;
	border-width: 0.1em;
	background-color: #fff
}

.imagefooter {
	margin-top: 0.1em;
	font-weight: normal;
	font-size: 0.8em;
	margin-bottom: 0.8em;
	color: #666666;
	font-family: arial, verdana, helvetica, sans-serif;
	letter-spacing: 0.0em;
}

table.header {
	padding-right: 0.12em;
	border-top: #cccccc 0.1em solid;
	padding-left: 0.12em;
	padding-bottom: 0.12em;
	color: #cccccc;
	padding-top: 0.12em;
	background-color: #ffffff;
}

table.footer {
	padding-right: 0.12em;
	border-top: #cccccc 0.1em solid;
	padding-left: 0.12em;
	padding-bottom: 0.4em;
	color: #cccccc;
	padding-top: 0.4em;
	background-color: #f7f7f7;
}

table.denominacion,th.denominacion,td.denominacion {
	border: 0.1em solid #d4e0ee;
	border-collapse: collapse;
	font-family: arial, sans-serif;
	color: #555;
}

td.denominacion,th.denominacion {
	padding: 0.3em;
}

thead th {
	text-align: center;
	background: #e6edf5;
	color: #4f76a3;
	font-size: 100% !important;
}

tbody th {
	font-weight: bold;
}

tbody tr {
	background: #fcfdfe;
}

tbody tr.odd {
	background: #f7f9fc;
}

.horaLocal {
	text-align: center;
	font-size: 1.8em;
	font-weight: normal;
	border: 0em;
}

.hora {
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	border: 0em;
}

.fecha {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	border: 0em;
}

.diferencia_horaria {
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	border: 0em;
}



/* ******************************* Estilo del men� ****************** */

#p7tmnav { /* BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid */
	margin-left: 0.1em;
}

#p7tmnav div {
	line-height: 1.5;
	margin: 0em;
}

#p7tmnav div div {
	margin: 0em 0em 0em 1em;
}

#p7tmnav div a {
	font-size: 1.4em;
	font-weight: bold;
	color: #696969;
	padding-right: 0em;
	padding-left: 0em;
	padding-bottom: 0em;
	padding-top: 0em;
	text-decoration: none
}

/* Color del men� de primer nivel */
#p7tmnav div a:visited {
	color: #999999;
}

#p7tmnav div a:hover {
	color: #3366cc;
	text-decoration: underline;
}

#p7tmnav div div a {
	font-size: 1.2em;
	font-weight: normal;
	color: #696969
}

/* Color del men� de segundo nivel */
#p7tmnav div div a:visited {
	font-size: 1.2em;
	color: #999999
}

/* Color del men� de segundo nivel cuando pasa el raton por encima*/
#p7tmnav div div a:hover {
	color: #3366cc;
	text-decoration: underline;
}

/* ******************************* CSS del tooltip del mapa de google ****************** */
div.markerdetail {
	color: black;
	font-weight: bold;
	background-color: white;
	white-space: nowrap;
	margin: 0;
	padding: 0.2em 0.3em;
	border: 0.1em solid black;
}

div.linea1markertooltip {
	color: black;
	font-size: 14px;
	font-weight: bold;
	background-color: white;
	white-space: nowrap;
	margin: 0;
	padding: 0.2em 0.3em;
	border-style: solid solid dotted solid;
	border-width: 0.1em;
	text-align: center;
}

div.linea2markertooltip {
	color: black;
	font-size: 12px;
	font-weight: bold;
	background-color: white;
	white-space: nowrap;
	margin: 0;
	padding: 0.2em 0.3em;
	border-style: none solid none solid;
	border-width: 0.1em;
	text-align: center;
}

div.linea3markertooltip {
	color: black;
	font-size: 10px;
	font-weight: bold;
	background-color: white;
	white-space: nowrap;
	margin: 0;
	padding: 0.2em 0.3em;
	border-style: none solid solid solid;
	border-width: 0.1em;
	text-align: center;
}

/* *************************** Estilos de la cabecera **********************/
#header{
	width: 100%;
	text-align: center;
}

#headerLogo{
	float: left;
	widht: 400px;
	height: 85px;
}

#headerIcons{
	float: right;
	padding-top: 3em;
	padding-right: 1em;
}
   
#headerBlueBar {
	border-top: #9BBCDD 1px solid;
	border-bottom: #9BBCDD 1px solid;
	background-color: #DCE6F3;
	height: 1em;
	clear:both;
}

/* *************************** Contenido ***********************************/

#content {
	padding-top: 0.5em;
}

#contentLeft {
	width: 17%;
	float: left;
	background: url('../images/fondo_menu.png') repeat-y;
	border-top: #6699cc 0.05em solid;
	border-bottom: #6699cc 0.05em solid;
	border-left: #6699cc 0.05em solid;
	border-right: #cccccc 0.05em dotted;
	margin-left: 0.5em;
}

#contentMain {
	width: 65%;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	float: left;
}

#contentRight {
	width: 15%;
	float: left;
	text-align: center;
}

/* *************************** Estilos del pie de pagina *******************/
#footer {
	position:relative;
	padding-right: 1em;
	padding-left: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-top: #cccccc 0.08em solid;
	color: #cccccc;
	background-color: #f7f7f7;
	text-align: center;
	clear:both;
}
	
#rightFooter {
	position:absolute;
	top:0;
	right:0;
	width:33%;
	padding-right: 1.9em;
	text-align: right;
	height:100%;
	color: #999999;

	font-weight: normal;
	font-size: 0.7em;
	font-family: verdana, arial, helvetica, sans-serif;
}

#leftFooter{
	position:absolute;
	top:0;
	left:0;
	width:33%;
	padding-left: 1.9em;
	padding-top: 0.5em;
	text-align: left;
	height:100%;
	color: #999999;
	
	vertical-align: middle;
}


/* ***************************** Estilos generales *************************/

#borderRightDashed {
	border-right: #cccccc 0.1em dashed;
}

#borderLeftDashed {
	border-left: #cccccc 0.1em dashed;
}

#contentHeading {
	margin-top: 0.1em;
	font-weight: normal;
	font-size: 1.9em;
	margin-bottom: 0.5em;
	color: #3366cc;
	font-family: arial, verdana, helvetica, sans-serif;
	letter-spacing: 0em;
}

#whereAreYouGeneral {
	font-size: 0.8em;
	padding-left: 0.4em;
	padding-bottom: 1em;
	padding-top: 0.2em;
}

#whereAreYouCity {
	font-size: 0.8em;
	padding-left: 0.4em;
	padding-bottom: 0em;
	padding-top: 0.2em;
}
	
/* ***************************** Estilo cambio horario **********************/
#cambioHorario {
	width: 80%;
	border: 1px solid #ccc;
	padding: 1em 0em 0.5em 0.5em;
	font-size: 1em;
}

/* **************************** Formulario ocultos ***************************/
#formHide {
	padding: -10px; 
}

/* **************************** Banner mis favoritos ************************/
#banner {
	text-align: center;
	padding: 3em 0em 0em 0em;
}
	
/* **************************** Imprimir ************************************/
#imprimir {
	background-image:url(../images/fileprint.png);
	background-position:0px;
	background-repeat:no-repeat;
	width:22px;
	height:22px;
}

/* **************************** Compartelo ***********************************/
#compartelo {
background-image:url(../images/compartelo.gif);
background-position:0px;
background-repeat:no-repeat;
margin:0px 0px 0px 10px;
padding:0px 25px 5px 0px;
text-align:right;
width:120px;
height:20px;
}

#compartelo_misfavoritos {
background-repeat:no-repeat;
display:inline;
float:left;
font-weight:bold;
height:18px;
list-style-type:none;
margin:5px 0px 0pt 68pt;
padding:0px;
}

#compartelo_meneame {
background-repeat:no-repeat;
display:inline;
float:left;
font-weight:bold;
height:18px;
list-style-type:none;
margin:6px 0px 0pt 4pt;
padding:0px;
}

