@CHARSET "UTF-8";

/* fixed and hacks para IE */
@import url("./ie.css"); 
@import url("./detalle.css"); 
@import url("./listados.css");
@import url("./especial.css"); 
@import url("./style.css"); 

/* fin estilos estructura de las paginas */

body { 
 /*background: url(layout_grid.gif) ;
 background-position:top left;
 background-repeat: no-repeat;*/
 font-size:65%;
 background-color:#e8efef;
 font-family: Verdana, Arial, "Times New Roman"  ;
 color:#676464;
}
/* generales */
.img_der{
	padding:5px;
	float:right;
}
.img_izq{
	padding:5px;
	float:left;
}
h2,h3{
	font-size:1.4em;

}

th,td{
	font-size:10px;

}
a:link{
  color:#2B469D;
  text-decoration:none;
}

a:visited{
  color:#2B469D;
  text-decoration:none;
}
a:hover{
   color:red;
}

a:active{
  color:red;
}

a img{
	border:0; 
	vertical-align:middle;
}
#menuprincipal ul{
	margin-right:5%;
}
#submenuprincipal a:link{
  color:#2B469D;
  text-decoration:none;
}
#submenuprincipal a:visited{
  color:#2B469D;
  text-decoration:none;
}
#submenuprincipal a:hover{
   color:#fff;
   background:#2B469F;
}

#submenuprincipal a:active{
   color:#fff;
   background:#2B469F;
}
ul li {
display:inline;
}
ul, ol {
    list-style-type:none;
}
h1 {
    display:none;
}
hr {
   background-color:rgb(62%, 82%, 94%);
   border:0;
   margin:5px 0;
   height:3px;
}
/* fin estilos generales */
/* estilos Estructura de la pagina  */
#contenedorPagina{
    text-align:left; /* para devolver el orden de las letras en IE */
    width:72%;
    margin:0px auto;
    min-width:740px; /* esto no funciona en IE */
    background-color:#ffffff;
}
#menuheader{
    min-width:740px; /* esto no funciona en IE */
/* background-color:red;*/
    background-image:url(../images/fondoheader.jpg);
    background-position:top right;
    background-repeat:no-repeat;
    min-height:82px;
}
/* dentro de menuheader */
#logo{
    float:left;
    padding:17px 0px 0 9px;
}
#menuprincipal{
    float:right;

    text-align:right;
    padding:60px 28px 10px 9px;
    word-spacing:5px;
}
#menuheader img{
    border:0px;
}

/* fin capas del menuheader */
#submenuheader{
     min-width:740px; /* esto no funciona en IE */
/*background-color:blue;*/
     background-image:url(../images/fondosubmenu.jpg);
     background-position:top right;
     background-repeat:no-repeat;
     min-height:180px;

}
/* dentro del submenuheader */
#submenuprincipal, ul.domtabs{
	padding: 0 0 5px 15px;
	word-spacing:2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #8CCAF1;
	border-right-color: #8CCAF1;
	border-bottom-color: #8CCAF1;
	border-left-color: #8CCAF1;
	background-color: #FFFFFF;
	border-top-style: solid;
}
#submenuprincipal li ,ul.domtabs  li{
margin:0;
padding:0;
}
#submenuprincipal li a,ul.domtabs li a{
margin:0 0.5em 0.4em 0.5em;
padding:0 0.5em 0.4em 0.5em;
}
/* fin del submenuheader */
#contenidocentral{
/*background-color:green;*/
    min-height:250px;
}
/* dentrocontenido central */
/* ofertasbloque1 son las que se situan en la izquierda */
#ofertasbloque1 {
    width:365px;
    float:left;
}
/* dentro de las de izquierda temos 2 bloque, el bloque1 es el superior
    y el bloque 2 es el inferior */

#bloque1{
  border-bottom:1px dotted silver;
border-right:1px dotted silver;
  min-height:110px;
  height:auto !important;
  height:110px;
}
#bloque1  p{

     padding:0  0 7px 4.8px;
     margin:0;
     border:0;
     vertical-align:top;


}


#oferta_principal_col1{
	
	 font-family: Verdana, Arial, "Times New Roman"  ;
	min-width:175px;
	width:175px;
	float:left;
}
#oferta_principal_col2{
	
    margin:8px 5px 0 0;
	min-width:175px;
	width:175px;
	float:right;
}
#oferta_principal_col1_oferta{
	font-size:15px;
	color:#ff0000;
}
#oferta_principal_col1_oferta span{
	font-size:20px;
	color:blue;
}

#oferta_principal_col1_nombre{
	font-size:12px;
	color:#000000;
}
#oferta_principal_col1_subtitular{
	font-size:10px;
	color:silver;
}

#bloque2{
	clear: both;
}

#bloque2 div p {
    text-indent:4.8px;
}
#bloque2 div{
     padding: 8px 4.8px 0 4.8px;
    width:111px;

    float:left;
  border-right:1px dotted silver;
}
#bloque2 img{

}
#bloque2 div a {
    word-spacing:3px;
}
/* ofertasbloque2 son las que se situan en la derecha
    dentro de estas tenemos bloque3 que esta situada a la izquierda
    y bloque 4 situada a la derecha
    dentro de bloque4, tenemos el bloque5 situada superiormente
    y bloque6 situada inferiormente
*/

.subtitular_portada{
	font-size:9px;
}
#ofertasbloque2{
    float:right;
    padding:0 5px 0 0;
}
#bloque3{
    float:left;
    margin: 0;
    padding:9px 15px 10px 0px;
}
#bloque3 p {

    text-align:right;
    padding: 3px 0;
}
#bloque4 {
    padding:3px 5px 0 5px;
    text-align:right;

}
#bloque4 div {
    padding:6px 0;
}
#bloque4 div p {
    padding:0px 0 2px 0;
}
/* fin dentro contenido central */
#footer {
    clear:both;
    background-color:white;
    color:#676464;
    text-align:center;

}
/* dentro de footer */
/* fin estilos de estructura de la pagina*/

/* estilos para las fotos del detalle */

.detalle_foto {
   display:inline;
   float:left;
   background-color:#f5f7f9;
   padding:5px;
   margin:10px;
   text-align: center;
   border-right: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px;
}


.nombre_portada{
  color:red;
}

/* estilos para capas redondeadas */

#caminomigas{
margin:2% 0 2% 3%;
font-size:1.2em;
font-weight:bolder;
}
.info{
   border:0;
}

/*estilos para la colocacion de imagenes flotando en un parrafo */
.img_der {
 	padding:5px;
 	float:right;
}

.img_left{
	padding:5px;
	float:left;
}

/* estilos para el formulario de regirstro */
#formularioregistro{
	text-align:left;
}
#formularioregistro p{
	text-align:left;
	margin:5px 0px 10px 0;
}
#formularioregistro label{
	min-width:150px;
    float:left;
	width:150px; 
	margin:0 5px 0 0; 
	text-align:right;
}

#formularioregistro div#camposInteres label{
	min-width:75px;
    float:left; 
	width:75px; 
	margin:0 5px 0 0; 
	text-align:right;
} 
#formularioregistro div#camposInteres{
	width:350px;
}

#formularioregistro div#camposInteres label{
	min-width:90px;
    float:left; 
	width:90px; 
	margin:5px 5px 0 0px; 
	text-align:right;
} 
#formularioregistro div#camposInteres label input{
	margin:5px 0 0 5px;
} 
#formularioregistro div#camposInteres {
	
	margin:0 0 0 75px; 

} 


#formularioregistro label span{
	color:red;
}
#formularioregistro input{
	background:#9DCFF0;
	text-align:left;
	
}
#formularioregistro input.boton {
	background:silver;
	margin:10px 0 0 175px; 
}

#registro{
	width:500px;
	margin:0px auto; 
}

/* seeccion de autocares*/
#listados_tabla #autobuses ul li{
		 list-style-type:none;
		 display:block;
		 padding-top:1%;
}

/* seccion galerias */
#listado_galerias caption{
	font-size:1.5em;
}
#listado_galerias caption, #listado_galerias th{
	padding:1em 0;
	text-align:center;
}
#listado_galerias td{
	padding:0 1em;
}