html,body{margin:0;padding:0}
body{font: 85%/1.3 Verdana,Arial,Helvetica,sans-serif;
    text-align: center;background: #525252;padding-bottom:20px}
p{margin-top:0}
h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
h2{font-size:160%}
h3{font-size:120%}
a img {
    border:0px ;
    text-decoration: none;
}
a:hover img {
    border:0px ;
    text-decoration: none;
}
a:visited img{
    border:0px ;
    text-decoration: none;
}

div#header{width:100%;overflow:hidden;margin-top:0px;}
div#headerwrap{ position: relative; width:770px;margin: auto ; height: 136px; background: url("imagenes/es/header.png") center no-repeat;}
div#logoHeaderEs { position: absolute; bottom:0;  width: 243px; height: 107px; margin: 20px 0px 15px 26px; float: left; background: url("imagenes/es/logoHeader.png") left no-repeat;}
div#logoHeaderEu { position: absolute; bottom:0;  width: 243px; height: 107px; margin: 20px 0px 15px 26px; float: left; background: url("imagenes/eu/logoHeader.png") left no-repeat;}
div#logoHeader a {
    height: 100%;
    width: 100%;
    display: block;
}

div#header h1,div#menu{width:770px;margin:0 auto;text-align:left}


div#logotipo{float:left;text-align:left; margin-bottom:20px}
div#login{
    width: 320px;
    text-align: right;
    float:right;
    margin-top:6px;
    vertical-align: bottom;
       
}
div#logged{
    text-align: right;
    float:right;
    margin-top:6px;
    vertical-align: bottom;
       
}
div#registro { 
    margin-top: 6!important;
    margin-top: 19px;
    float:right;
    vertical-align: bottom;
    z-index: 1;
}
div#registro img { border: 0px;}

div#slogan { text-align: center; margin: 0 auto;}

div#textosAyuda {
    margin: 0px 20px 0px 30px;
}
div#textosAyuda li{
    font-weight: bold;
}

div#login table{
    text-align:center;
    color:#FFF;
    font-weight: bold; 
    font-size: small;
    margin-top: 60px!important;
    margin-top: 100px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
div#logged table{ text-align:center; color:#FFF; font-weight: bold; font-size: small; margin-top: 6px; margin-bottom: 0px; padding-bottom: 0px;}

div#trayectosInminentes{
    width: 480px;
    height: 200px;
    
    text-align: left;     
}

div#trayectosInminentes a{
     text-decoration: none;
     color: rgb(82,82,82);
}
div#trayectosInminentes a:hover{
     text-decoration: none;
     color: rgb(82,82,82);
}
div#trayectosInminentes a:visited{
     text-decoration: none;
     color: rgb(82,82,82);
}

div#trayectosInminentes table {
    margin-left: 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 9pt;
    text-align: left;
    color: rgb(82,82,82);
}

div#trayectosInminentesTexto table {
    margin-left: 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 9pt;
    text-align: left;
    color: White;
}

div#atrasVerTrayecto{
    margin-top: 10px;
}

div#atrasVerTrayecto img a{
    text-decoration: none;
    border: 0px ;
}
div#atrasVerTrayecto img a:hover{
    text-decoration: none;
    border: 0px ;
}
div#atrasVerTrayecto img a:visited{
    text-decoration: none;
    border: 0px ;
}

div#atrasVerTrayecto a{
    text-decoration: none;
    border: 0px ;
}
div#atrasVerTrayecto a:hover{
    text-decoration: none;
    border: 0px ;
}
div#atrasVerTrayecto a:visited{
    text-decoration: none;
    border: 0px ;
}


ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:left;font-size: 80%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 140px;padding: 5px 0;background: #98CB00;text-decoration:none;color: #FFC; font-weight:bolder}
ul#nav a:hover{background: #CDFFA1;color: #006A35}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}

ul#languageNav,ul#languageNav li{list-style-type:none;margin:0;padding:0}
ul#languageNav{float:right;font-size: 80%}
ul#languageNav li{float:left;margin-left: 1px;text-align: center}
ul#languageNav a{float:left;width: 30px;text-decoration:none}
ul#languageNav a:hover{}
ul#languageNav li.activelink a,ul#nav li.activelink a:hover{}

div#container{width:770px;margin:0 auto 10px;padding:20px 0 0px;text-align:left;background:#FFF}
div#content{float:left;display:inline;width:100%;margin:0 0 0px 0px;background:#FFF; position: relative;}
div#menuAbajo{width:770px;margin:0 auto;padding:2px 0 2px;text-align: center;background: #525252; font: 80%/1.3 Verdana,Arial,Helvetica,sans-serif ; font-weight: lighter; font-size: 80%; color: White;}
div#menuAbajo a { text-decoration: none;color: White }
div#menuAbajo a:visited {text-decoration: none; color: White;}
div#menuAbajo a:hover{ text-decoration: none;color: #99cc00 }
#menuAbajo .icono_abajo{
    margin: 0px 5px 5px 5px;
}


div#quienesSomos{margin: 2px 25px 25px 25px}

ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0}
ul#intro{width:100%;overflow:hidden;margin-bottom:20px}
ul#intro li{float:left;width:180px;margin-right:10px;padding: 10px 0}
li#mission{background: #E65714}
li#services{background: #42B4AC}
ul#intro li#more{margin-right:0;background: #7D63A9}
ul#intro p,ul#intro h3{margin:0;padding: 0 10px}
ul#intro h3{text-transform:uppercase;padding-bottom:3px;color: #FFF}

div#content h2{margin: 10px 0;color: #007BC4}
div.date{float:left;width: 4em;padding: 5px 0;background: #F1DDC4;color:#B0001E;
    text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9}
div.date span{display:block;font-size: 150%;font-weight:bold}

div#vadi {background: #EEE 10% ;margin: 5px 70px 10px 70px;padding: 15px 25px 15px 25px;width: auto; font-weight: bolder;}
div#vadi p {font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif}
div.comments div{background: #EEE;margin-bottom:10px}
div.comments form,div.comments p{padding: 10px;margin:0}
div.comments div.odd{background:#DAE6FE}

div#side{float:right;display:inline;width: 180px;background:#F3CF00; margin:0 10px 10px 0}
div#side p{margin:5px 0 10px;padding: 0 10px}
div#side div{margin: 0 0 10px;padding: 10px 0}

div#footer{clear:both;width:770px;margin:0;
    background: Black ;color: #FFF;text-align:center}
div#footer p{margin:0}


ul.postnav,ul.postnav li{margin:0;padding:0;list-style-type:none}
ul.postnav li{float:left;width: 9em;margin-right: 5px}
ul.postnav a{display:block;width:9em;padding:5px 0;font: bold 100% Verdana,Arial,Helvetica,sans-serif;
    text-transform:uppercase;background: #C7FF5A;color: #666;
    text-decoration:none;text-align:center}
ul.postnav a:hover{background: #A8E52F;color:#FFF}

/****/

#tabla1 table {
  width: 95%;
   padding-left: 15px;
  border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #F7F6F6;
  margin-bottom: 10px;
   margin-bottom: 20px;
  }
#tabla1 caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #03476F;
  text-transform: uppercase;
  }
#tabla1 td, th {
  border: 1px dotted #333333;
  padding: .4em;
  color: #363636;
  }

#tabla1 thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #333333;;
  text-align: left;
  background: #666666;
  color: #FFFFFF;
  padding-top:3px;
  }
#tabla1 tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
#tabla1 tbody td a:hover {
  background: #C2F64D;
  color: #363636;
  }
#tabla1 tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
#tabla1 tbody th a:hover {
  background: transparent;
  color: #363636;
  }
#tabla1 tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
#tabla1 tfoot td {
  border: 1px solid #03476F;
  background: #777A7B;
  padding-top:3px;
  color: #FFFFFF;
  }
#tabla1 .odd {
  background: #E9E4E4;
  }
#tabla1 tbody tr:hover {
  background: #8FD430;
  border: 1px solid #03476F;
  color: #FFFFFF;
  }
#tabla1 tbody tr:hover th,
#tabla1 tbody tr.odd:hover th {
  background: #8FD430;
  color: #FFFFFF;
  }

#search_box {
    width: 201px;
    height: 31px;
    background: url(css/img_buscador/bg_search_box.gif);
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 159px;
    background: none;
}
#search_box #go {
    float: right;
    margin: 3px 4px 0 0;
}
.one {
width: 201px;
height: 31px;
background: url(css/img_buscador/bg_search_box.gif) no-repeat ;
border: none;
padding: 4px 0 0 5px;
}
.buscadorBox {
width: 203px;
height: 47px;
background: url(css/img_buscador/buscadorBoxDoble.png) no-repeat ;
border: none;
padding: 12px 0 0 24px;
background-position: 0 -49px;
}
.buscadorBoxError {
width: 203px;
height: 47px;
background: url(css/img_buscador/buscadorBoxDoble.png) no-repeat ;
border: none;
padding: 12px 0 0 24px;
background-position: 0 -3px;
}
.flecha {
    margin: 10px 0 0 0px;
}


.loginText{
    text-align:center;
}

.loginBox {
width: 145px;
height: 22px;
background: url(css/img_buscador/bg_login_box.png) no-repeat ;
border: none;
padding: 2px 0 0 5px;
}


label .subrayado{text-decoration: underline;}


div#bloqueIzquierda{
    width: 260px;
    height: 263px;
    background: url("imagenes/es/container/Chica-y-coche.jpg") center no-repeat;
    float: left;
    margin: 0px 0px 0px 10px;
    z-index: 1;
}
div#buscadorDerecha{
    width: 490px;
    height: 100px;
    float: right;
    margin: 0px 10px 0px 0px;
    background: Black ;
    z-index: 1;
}
div#lemaDerecha{
    width: 490px;
    height: 171px;
    float: right;
    margin: 0px 10px 0px 0px;
    background: Blue ;
    z-index: 1;
}
div#lemaAbajo{
    width: 770px;
    height: 180px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 0;
    background: url("imagenes/es/container/Zona-frase2.jpg") center no-repeat;
    z-index: 1;
}
#foot {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: Red;
}

#menuAbajo .icono_abajo{
    margin: 0px 5px 5px 5px;
}



.botonLupa {
    background-image:url(css/img_buscador/Lupa.png);
    text-decoration: none;
    border:none;
    text-align:center;
    width:34px;
    height:34px;
    cursor:pointer;
}

.boton  {
	
	background-position: 0 0;
	text-decoration: none;
	height:24px;
	border:none;
	text-align:center;
        cursor: pointer;
}

.enviarBotonEs {
        background-image:url(imagenes/es/botones/enviar.png);
        width: 60px;
}
.enviarBotonEu {
        background-image:url(imagenes/eu/botones/enviar.png);
        width: 60px;    
}
.loginBotonEs {
        background-image:url(imagenes/es/botones/login.png);
        width: 60px;
}
.loginBotonEu {
        background-image:url(imagenes/eu/botones/login.png);
        width: 60px;    
}
.crearBotonEs {
        background-image:url(imagenes/es/botones/crear.png);
        width: 60px;
}
.crearBotonEu {
        background-image:url(imagenes/eu/botones/crear.png);
        width: 60px;    
}
.guardarBotonEs {
        background-image:url(imagenes/es/botones/guardar.png);
        width: 74px;
}
.guardarBotonEu {
        background-image:url(imagenes/eu/botones/guardar.png);
        width: 63px;    
}
.registrarBotonEs {
        background-image:url(imagenes/es/botones/registrar.png);
        width: 83px;
}
.registrarBotonEu {
        background-image:url(imagenes/eu/botones/registrar.png);
        width: 91px;    
}

.boton:hover {
	
	background-position: 0 -25px;
	height:24px;
	cursor:pointer;
	border:none;
	text-align:center;
}

a#miZonaHeaderIMGEs {
    display:block;
    width:113px;
    height:38px;
    background:url(imagenes/es/miZonaHeader.png) no-repeat;
    background-position: 0 0px;
}
a#miZonaHeaderIMGEu {
    display:block;
    width:128px;
    height:38px;
    background:url(imagenes/eu/miZonaHeader.png) no-repeat;
    background-position: 0 0px;
}
a#miZonaHeaderIMGEs:hover {background-position: 0 -36px }
a#miZonaHeaderIMGEu:hover {background-position: 0 -40px }

a#salirHeaderIMGEs {
    display:block;
    width:113px;
    height:36px;
    background:url(imagenes/es/salirHeader.png) no-repeat;
    background-position: 0 0px;
}
a#salirHeaderIMGEu {
    display:block;
    width:128px;
    height:36px;
    background:url(imagenes/eu/salirHeader.png) no-repeat;
    background-position: 0 0px;
}
a#salirHeaderIMGEs:hover {background-position: 0 -38px }
a#salirHeaderIMGEu:hover {background-position: 0 -38px }

a#registroHeaderIMGEs {
    display:block;
    width:159px;
    height:127px;
    background:url(imagenes/es/registroHeader.png) no-repeat;
    background-position: 0 5px;
}
a#registroHeaderIMGEu {
    display:block;
    width:165px;
    height:126px;
    background:url(imagenes/eu/registroHeader.png) no-repeat;
    background-position: 0 5px;
}
a#registroHeaderIMGEs:hover {background-position: bottom }
a#registroHeaderIMGEu:hover {background-position: bottom }

a#volverIMGEu {
    display:block;
    width:86px;
    height:24px;
    background:url(imagenes/eu/botones/volver.png);
    background-position: top;
}
a#volverIMGEs {
    display:block;
    width:86px;
    height:24px;
    background:url(imagenes/es/botones/volver.png);
    background-position: top;
}
a#volverIMGEu:hover, a#volverIMGEs:hover {background-position: bottom!important }


.loginFlecha{
    background:url(imagenes/es/botones/loginFlecha.png);
    background-position: 0 0;
    text-decoration: none;
    height:27px;
    width:27px;
    border:none;
    text-align:center;
    cursor: pointer;
}

.loginFlecha:hover{
    background-position: 0 -27px;
    height:27px;
    cursor:pointer;
    border:none;
    text-align:center;
}


.infoValidation, .successValidation, .warningValidation, .errorValidation, .validationValidation {
font-size:13px;
border: 1px solid;
margin: 10px 15px 0px 15px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.successValidation {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('imagenes/es/enviado.png');
display: block;
}
.errorValidation {
color: #D8000C;
background-color: #FFBABA;
background-image: url('imagenes/es/error.png');
display: none;
}
.warningValidation {
color: #D8000C;
background-color: #FFBABA;
background-image: url('imagenes/es/error.png');
display: block;
}



a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c; width:130px; text-decoration: none;}

a.Ntooltip {
position: relative; /* es la posición normal */
text-decoration: none !important; /* forzar sin subrayado */
color:#0080C0 !important; /* forzar color del texto */
font-weight:bold !important; /* forzar negritas */
}

a.Ntooltip:hover {
z-index:999; /* va a estar por encima de todo */
background-color:#000000; /* DEBE haber un color de fondo */
}

a.Ntooltip span {
display: none; /* el elemento va a estar oculto */
}

a.Ntooltip:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:2em; left:2em; /* donde va a estar */
width:100px; /* el ancho por defecto que va a tener */
height: 400px;
padding:5px; /* la separación entre el contenido y los bordes */
background-color: #0080C0; /* el color de fondo por defecto */
color: #FFFFFF; /* el color de los textos por defecto */
}