/* Estilos Home y subhomes */
/* 
	- Listas de ofertas 
	- Topos
	- Promociones
	- OhTools
*/

#content div.container { border:1px solid #716F6E;padding:3px 0;margin-bottom:10px;overflow:hidden;}
#content div.container h2,#content div.container h3,#content div.container h4 {color:#6695FF;}

/* = SUB HOME COCHES
----------------------------------------------- */
/* #coches #content div.container {height:295px; } */
#coches #buscador {margin-bottom:10px;}
/* imagen promocion destacado coches */
.destaca_img {width:367px;overflow: hidden;}

/* estilo para topos de 2 unidades*/
.topos_height {height:251px;}


/* =LISTA OFERTAS 
----------------------------------------------- */
.listaofertas {height:auto!important;height:190px;min-height:190px}
.listaofertas table.items {	width:100%;	margin-bottom:5px;}
.listaofertas table.items th,.listaofertas table.items td {padding:5px 3px 5px 10px;width:85%;text-align:left;}	
.listaofertas table.items td.last {padding:5px 15px 5px 0;width:15%;text-align:right;}

.listaofertas table.items a {text-decoration:none;border-bottom:1px dotted #6695FF;}
.listaofertas table.items a:hover {border:none;color:#666;}

.masofertas {margin:10px; font-size:1.4em;font-weight:bold;}
.masofertas a {text-decoration:none;border-bottom:1px dotted #6695ff;}
.masofertas a:hover {border:none;color:#666;}

/*.masofertas {margin:10px;font-size: 14px; font-weight:bold; text-align:right;}*/


/* = SUB HOME CRUCEROS - OFERTAS
----------------------------------------------- */
.container .titofertas {background:transparent url(../images/layout/titles.png) no-repeat scroll right -195px; margin-right:10px;padding:15px 10px 20px;}
.container .titofertas h2 { font-size:18px;}
.container .titofertas p {color: #666;font-size:13px;width:90%;margin-top:3px;}
.container .titofertas span{color:#666;}

div.listaofertas .tabs-nav {padding-left:10px; border-bottom: 1px dotted #716F6E;margin:10px 0;display:block;}
div.listaofertas .tabs-container{border:0;}

#cruceros div.listaofertas .items {margin:0 0 0 10px; padding:0px;}
#cruceros div.listaofertas .items li{padding:3px 10px 3px 10px;color: #6695FF;}
#cruceros div.listaofertas .items span {font-size: 13px;font-weight: normal;color: #6695FF;margin-top:-15px;}
#cruceros div.listaofertas .items h4 {font-size:13px;}
#cruceros div.listaofertas .items a {font-weight: bold; font-size:13px;margin:0px;}
#cruceros div.listaofertas .bullet {background-image:url(../images/bullet_azul.gif);background-repeat: no-repeat;background-attachment: scroll;background-position: 0pt 7px;}


/* = PROMOCIONES
----------------------------------------------- */
/* TODO: Incluir estilos comunes en un mismo estilo promo con variaciones */
/* imagen: tamaño máximo para evitar problemas de variaciones */
div.promo1 { border:1px solid #666;margin-bottom:10px;height:105px; overflow:hidden;}
/* 	promo2: no te olvides
	promo3: reservas y ofertas
	promo4: ofertas doble cruceros
*/
div.promo2,div.promo3,div.promo4 { border:1px solid #666;padding:10px;font-size:12px;} 
.c1{height:148px!important;}
div.promo3{margin-bottom:10px;}
div.promo2 ul, div.promo3 ul, div.promo4 ul{padding:7px 0;}
div.promo2 li,div.promo4 li{list-style:disc;margin-bottom:5px;}
div.promo3 li {list-style:disc;margin-bottom:5px; float: right; width:50%;}
div.promo2 a,div.promo4 a{color:#6695FF;text-decoration:none;border-bottom:1px dotted;font-weight:bold;}
div.promo3 a {color:#6695FF;text-decoration:none;border-bottom:1px dotted;font-weight:bold;clear:both;}
div.promo2 a:hover,div.promo3 a:hover,div.promo4 a:hover{color:#666;border:0;}
/* Caso especial cruceros -> Ver si crear nuevo estilo*/
#cruceros .promo2{height:84px;}
#cruceros .promo4{height:201px;}

/* = OHTOOLS
----------------------------------------------- */
.ohtoolsSub {background:#6695FF url(../images/bg_ohtool.gif) repeat-x scroll center bottom;border:1px solid #669FFF;color:#FFF}
.ohtoolsSub .cont {background:transparent url(../images/logoipod.gif) no-repeat scroll left top;min-height:138px;height:128px;margin:0 0 0 7px;padding:10px 0 0 70px;}
.ohtoolsSub li {font-size:12px;font-weight:bold;padding-left:12px;margin-top:5px;list-style-type:none;width:120px;float:left;
background-image:url(../images/bullet_amarillo.gif);background-position: 0 3px;background-repeat: no-repeat;margin: 0;margin-top:5px;
padding: 0 0 0 16px;}
.ohtoolsSub li a {color:#FFF;}
.ohtoolsSub li a:hover {color:#FFF; text-decoration:none;}
.ohtoolsSub h3 {font-size:14px;margin-bottom: 4px;color: #FFF;}
.ohtoolsSub h3 span {color:#FFFF00;font-size:18px;}

/*ESTILO PARA SEPARAR IMAGEN DE PROPUESTA
----------------------------------------------- */
.topos h2 img { margin-bottom:10px;}

/*= PROPUESTAS (TOPOS)
----------------------------------------------- */
.propuestas h2 {margin-bottom:2px;font-size:16px;}
.propuestas h2 span{color:#6695FF;}
.propuestas h1 span{color:#6695FF;}
.propuestas ul{margin:0;padding:0;}
.propuestas ul li{float:left;margin-bottom:10px;display:block;}
.propuestas ul li img{width:179px;}
.propuestas ul li.pad {margin-right:10px;}
html:first-child .propuestas ul li.pad {margin-right:5px;}/* Opera <9 */

/*SEPARACION DE TOPOS */
.separatopo{ margin-bottom:10px; }


/*= OHTOOLS
----------------------------------------------- */
.ohtools {background:#6695FF url(../images/bg_ohtool.gif) repeat-x scroll center bottom;border:1px solid #669FFF;color:#FFF}
.ohtools .cont {background:transparent url(../images/logoipod.gif) no-repeat scroll left center;height:138px;margin:0 0 0 7px;padding:10px 0 0 70px}
.ohtools ul {margin-left:0.3em;} 
.ohtools li {font-size:12px;font-weight:bold;list-style-type:none;width:120px;float:left;background-image:url(../images/main/bullet_amarillo.gif);background-position: 0 3px;background-repeat: no-repeat;margin: 5px 0 0 0;padding: 0 0 0 16px;}
.ohtools li a {color:#FFF;}
.ohtools li a:hover {color:#FFF; text-decoration:none;}
.ohtools h3 {font-size:1.3em;margin-bottom:5px;color: #FFF;}
.ohtools h3 span {color:#FF0;font-size:1.4em;}