* {margin: 0; padding: 0;}
body {margin: 0px; background:#525252 url(../img/bg.jpg) repeat-x; }
/* estilo de escritura por defecto*/
body, th, td, input, textarea { font-family:  Arial, Helvetica, sans-serif; font-size: 8pt; color: #171717;}
.clear{ clear:both;}
h1{font-size:25pt; padding:15px 0px 10px 20px; background:url(../img/h2.jpg) no-repeat top left; height:50px;  color:#006e7f;}
h1 a{color:#F90; text-decoration:none; background:none;}
h1 a:hover{text-decoration:underline;}
img{border:none;}
hr {display: none;}
/* estructura de la web */
.idiomas {width: 950px; color:#cccccc; height:25px; margin: 0 auto; padding: 0; background:none; font-weight:bold; font-size:14px;	}
.idiomas ul{float:right; list-style:none; width:500px; }
.idiomas ul li{ float:right; margin:3px 10px; list-style:none; width:40px;}
.idiomas li a{ float:right; color:#cccccc; text-decoration:none;}
.idiomas li a:hover{ float:right; color:#cccccc; text-decoration:underline;}
.grancontenedor {width: 950px; margin: 0 auto; padding: 0; background:#FFFFFF; }
.contacto{ height:25px;}
.contacto ul{float:right; list-style:none; width:500px; }
.contacto ul li{ float:right; margin:3px 10px; list-style:none; width:40px;}
.contacto li a{ float:right; color:#006e7f; text-decoration:none;}
.contacto li a:hover{ float:right; color:#006e7f; text-decoration:underline;}
.banner{ width:950px;}
.menu{width:950px; background:url(../img/bg_menu.jpg) repeat-x top; height:50px;}
.menu ul{ list-style:none; float:right;}
.contenidoa{width:430px; background:url(../img/bg_bsc.jpg) no-repeat; padding:15px 15px 15px 25px; float:left;}
.contenidoa h2{background:url(../img/h2.jpg) no-repeat top left; height:50px;  color:#006e7f; padding:15px 0px 0px 0px;}
.calaixoferta{width:400px; padding:15px; float:left; font-family:Arial, Helvetica, sans-serif; text-align:justify; font-size:18px; font-weight:bold;}
.calaixoferta h2{font-size:12px; font-weight:bold;}
.buscador{width:430px; height:300px; float:left; color:#9d9fa0; padding:5px 0px}
.buscador h2{ background:none; height:30px; color:#006e7f; font-size:13px;}
.destacado{ width:215px; float:left; color:#9d9fa0; padding:5px 0px}
.destacado h4{ color:#990000; font-size:18px; }
.destacado h3{ color:#006e7f; }

.destacado p{ width:175px; padding:5px 0px 0px 3px; color: #666666;}
.destacado a{ color:#006e7f; text-decoration:underline;}
.destacado a:hover{ color:#006e7f; text-decoration:none;}
.cajondestacado{ width:900px; background:#f1f2f3; padding:5px 5px 5px 35px; border-bottom:1px solid #CCCCCC; border-top:1px solid #ccc; margin:10px 0px 10px 5px}
.triasubmenu{width:900px; padding:10px 0px 0px 15px;}
.triasubmenu h2{ color:#006699; font-weight:bold; font-size:18px; background:url(../img/paso_01.jpg) no-repeat left; padding:15px 60px;}
.triasubmenu h3{ color:#006699; font-weight:bold; font-size:18px; padding:15px 0px;}
.elementosmenu{ padding:5px 0px 20px 50px; width:800px; }
.triasubmenu a{ padding:10px 10px; margin:10px; float:left; background:#006699; color:#FFFFFF; font-weight:bold; font-size:14px; text-decoration:none;}
.triasubmenu a:hover{ padding:10px 10px; margin:10px; background:#ccc;}
.triasubmenu a.active{ padding:10px 10px; margin:10px; float:left; background:#cc0000; color:#fff; font-weight:bold; font-size:16px; text-decoration:none;}
.triasubmenub{width:900px; margin:20px 0px 0px 15px; padding:10px 0px; border-top:1px solid #006699;}
.triasubmenub h2{ color:#006699; font-weight:bold; font-size:18px;background:url(../img/paso_02.jpg) no-repeat left; padding:15px 60px;  width:900px;   }
.triasubmenub h3{ color:#006699; font-weight:bold; font-size:18px; padding:15px 0px;}
.elementosmenu{ padding:5px 0px 20px 50px; width:800px; }
.triasubmenub a{ padding:10px 10px; margin:10px; float:left; background:#006699; color:#FFFFFF; font-weight:bold; font-size:14px; text-decoration:none;}
.triasubmenub a:hover{ padding:10px 10px; margin:10px; background:#ccc;}
.triasubmenub a.active{ padding:10px 10px; margin:10px; float:left; background:#ccc; color:#fff; font-weight:bold; font-size:14px; text-decoration:none;}
.triasubmenu2{width:900px; padding:10px 0px 0px 15px; position:relative;}
.triasubmenu2 h3{ padding:0px 0px 10px 60px; color: #666666; font-size:14px; font-weight:bold}
.triasubmenu2 h2{ color:#006699; font-weight:bold; font-size:18px; background:url(../img/paso_02.jpg) no-repeat left; padding:15px 60px;}
.triasubmenu2 h2 span{ color:#000; font-weight:bold; font-size:20px;}
.triasubmenu3{width:900px; padding:10px 0px 0px 15px;}
.triasubmenu3 h2{ color:#006699; font-weight:bold; font-size:18px; background:url(../img/paso_03.jpg) no-repeat left; padding:15px 60px;}
.contenidob{width:365px; height:630px; padding:40px 30px 0px 30px; float:left; background:url(../img/fonstxt.jpg) no-repeat; color:#525252; font-size:8pt; line-height:12pt;}
.contenidoc{width:390px; height:300px; padding:20px 10px 0px 20px; margin:0px 0px 0px 60px; float:left; background:url(../img/fons_mapa.jpg) no-repeat; color:#525252; font-size:8pt; line-height:12pt;}
.busquedarapida{
	position:absolute;
	top:70px;
	left:551px;
	width:350px;
	height:500px;
	background:#f1f2f3;
	border:1px solid #CCCCCC;
	padding:10px;
}
.busquedarapida h3{ background:none; color:#006699; font-size:16px; padding:10px 0px 5px 0px;}
.busquedarapida p{ width:350px; margin:0px 0px 5px 0px; border-bottom:1px solid #ccc; clear:both;}
.busquedarapida strong{color: #333333; font-size:12px;}
.busquedarapida a{ color: #CCCCCC; font-size:12px; text-decoration:none; font-weight:bold; padding:3px 5px; float:left; width:auto}
.busquedarapida a:hover{ color: #666666; font-size:12px; text-decoration:none; padding:3px 5px; float:left; width:auto }
.contenidob strong{ font-weight:bold; color:#000;}
.contenidob h3{color:#006e7f; }
.bottom{ width:900px; background:#e6e7e7; padding:15px 25px;}
.bottom h2{ font-size:12pt; font-weight:bold; color:#000; border-bottom:#999999 1px dashed;  margin:0px 0px 5px 0px;}
.bottom a{float:left; width:210px; color:#333; text-decoration:none;}
.bottom a:hover{float:left; width:210px; color:#333; text-decoration:underline;}
.lpromo{ width:420px; float:left;}
.lcerca{ width:160px; float:left; padding:0px 0px 0px 50px;}
.llegal{ width:190px; float:left; padding:0px 0px 0px 50px; color:#535353;}
.llegal span{color:#010000;}
.footer{ width:950px; background:#e6e7e7; height:20px;}
.subfooter{ width:950px; background:#525252; height:20px;}
/*ficha promocio*/
.fpromo{width:500px; padding:0px 30px 20px 20px; float:left;  color:#525252; font-size:8pt; line-height:12pt; }
.main_image {
	width: 500px;
	height: 375px;
	float: left;
	background: #f0f0f0;
	position: relative;
	border:1px solid #CCCCCC;
	padding:5px;
	overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
	color: #fff;
}
.main_image h2 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 10px;
}
.main_image p {
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 10px;
	margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
	font-size: 1em;
	padding: 0 0 0 20px;
	background: url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;
	left: 0; /*--Stick the desc class to the bottom of our main image container--*/
	width: 100%;
	display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;

}
.main_image a.collapse { /*--This is our hide/show tab--*/
	background: url(btn_collapse.gif) no-repeat left top;
	height: 27px;
	width: 93px;
	text-indent: -99999px;
	position: absolute;
	top: -27px;
	right: 5px;
}
.main_image a.show {background-position: left bottom;}
.image_thumb {
	float: left;
	border-right: 1px solid #ccc;
	border-top: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #fff;
}
.image_thumb img {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	float: left;
}
.image_thumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width:510px;
	background: #ddd;
}
.image_thumb ul li{
	margin: 0;
	padding: 5px 7px;
	background: #fff  repeat-x;
	float: left;

	
}
.image_thumb ul li.hover { /*--Hover State--*/
	background: #ddd;
	cursor: pointer;

}
.image_thumb ul li.active { /*--Active State--*/
	background: #f0f0f0;
	cursor: default;

}
html .image_thumb ul li h2 {
	font-size: 1.5em;
	margin: 5px 0;
	padding: 0;
}
.image_thumb ul li .block {
	float: left;
	margin-left: 10px;
	padding: 0;
	display:none;
	width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/
	
.dpromo{width:350px; padding:0px 0px 10px 10px; float:left;  color:#525252; font-size:8pt; line-height:12pt; position:relative;}
.dextra{ border:1px solid #ccc; padding:10px 5px; background:#fff; margin:15px 0px; background:#f0f0f0;}
.dinfof{ width:350px; float:left; padding:5px; }
.dinfof p{width:160px; float:left; padding:5px 0px 0px 5px;}
.dinfof b{ color:#000000;}
.dinfof p a{ font-weight:bold; color:#333333; text-decoration:none; font-size:8pt;}
.dinfo{ width:155px; float:left; padding:5px; }
.dinfo img{float:left; padding:3px 5px 3px 1px; background:#fff; border:1px solid #ccc;}
.dinfo p{ width:105px; float:left; padding:5px 0px 0px 5px;}
.dinfo p a{ font-weight:bold; color:#333333; text-decoration:none; font-size:8pt;}
.dinfoverd{ width:145px; float:left; padding:1px 5px; background:#090; color:#FFF; text-align:center; font-weight:bold; }

.dlocal{ width:325px; float:left; margin:10px 0px 0px 0px; padding:5px; background:#fff; border:1px solid #ccc; }
.dlocal img{float:left; padding:3px 5px 3px 1px; }
.dlocal em{ font-size:14px; color:#990000; font-weight:bold; font-style:normal; }
.dlocal b{color:#000; }
.dlocal p{ width:255px; float:left; padding:10px 0px 0px 5px;}
.dlocal p a{ font-weight:bold; color:#333333; text-decoration:none; font-size:8pt;}
.dminfo{position:absolute; left: 200px; top:-70px;}
.npromociones{ width:350px; background:#fff; border:0px solid #ccc; padding:5px; margin:5px 30px 5px 50px; float:left;}
.npromociones a{ padding:0; margin:0; background:none;}
.npromociones a:hover{ padding:0; margin:0; background:none;}
.npromociones h3{color:#006b7f; font-weight:bold; font-size:14px; padding:5px 0px; }
.video{ width:480px; padding:10px; float:left;}
.video ul, li{ list-style:none;}
/* Listado de búsqueda */
.resultados{ padding:5px 0px 0px 15px;}
.resultados h2{ color:#006b7f; font-weight:bold; font-size:18px;}

.cajondestacado2{ float:right; width:450px; background:#036; padding:15px 5px 5px 15px; border-bottom:1px solid #CCCCCC; border-top:1px solid #ccc; margin:10px 50px 10px 5px;}
.resultados2{ padding:5px 0px 0px 15px;}
.resultados2 h2{ color:#ff9; font-weight:bold; font-size:18px;}

ul.display {
	float: left;
	width: 900px;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.display li {
	float: left;
	width: 900px;
	border:1px solid #ccc;
	padding: 10px 0;
	margin: 5px 0px;
}
.tblRecomendadosOver{ background:#f6f6f6;}
ul.display li a {
	color: #006b7f;
	font-weight:bold;
	text-decoration: none;
}
ul.display li .content_block {
	padding: 0 10px;
}
ul.display li .content_block h2 {
	margin: 0;
	color:#006b7f;
	padding: 5px 0px;
	font-weight: normal;
	font-size: 14px;
	width:560px; float:left;
}
ul.display li .content_block p {
	margin: 0;
	padding: 5px 5px 5px 0px;  /*--The left padding keeps the
content from flowing under the image--*/
	font-size: 11px;
	width:560px;
	float:left;
}
ul.display li .content_block .precio  {
float:right;
padding:10px;
margin: 0 5px 0 0;
border-bottom: 1px solid #f1f1f1;
color:#ccc;   font-size:10px;

}
ul.display li .content_block .vermas  {
clear:both;
float:right;
padding:5px 10px 5px 35px;
margin: 0 5px 0 0;
border-bottom: 1px solid #f1f1f1;
background: url(../img/buscar.jpg) no-repeat left;
color:#ccc; font-size:10px;
}
ul.display li .content_block .vermasb  {
clear:both;
width:50px;
float:right;
padding:5px 10px 5px 45px;
margin: 0 5px 0 0;
background: url(../img/video.jpg) no-repeat left;
color:#ccc; font-size:10px;
}
ul.display li .content_block .vermasb ul  {
width:50px;
border:none;
}
ul.display li .content_block .vermasb ul li {
width:50px;
border:none;
}


ul.display li .content_block .precio strong {
color:#000; font-weight:bold;  font-size:16px;

}
ul.display li .content_block a img{ /*--Double border technique--*/
	padding: 5px;
	border: 1px solid #f1f1f1;
	background: #fff;
	margin: 0 15px 0 0;
	float: left;
}
ul.thumb_view li{ width: 180px; margin:0px 10px 10px 0px;} /*--Switch the width
to accommodate for the three column layout--*/
ul.thumb_view li h2 { display: inline; width:180px; }
ul.thumb_view li p{ display: none; }
ul.thumb_view li .content_block a img { margin: 0 0 10px; }
a.switch_thumb {
	width: 122px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 10px 33px 10px 0px;
	float:right;
	display: block;
	background: url(../img/switch.gif) no-repeat;
	outline: none;
	text-indent: -9999px;
}
a.swap { background-position: left bottom; }
a:hover.switch_thumb {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

/*contactar*/
.contactari{width:450px; float:left; margin:20px 0px 0px 10px; border:2px solid #CCCCCC; background:#f1f2f3;}
.contactarib{width:430px; float:left; margin:20px 0px 0px 10px; border:2px solid #CCCCCC; background:#f1f2f3; padding:10px;}
.contactari a{border:none; background:none; clear:both; font-size:10px; padding:0px; margin:0px; float:none;}
.contactari a:hover{border:none; background:none; clear:both; font-size:10px; padding:0px; margin:0px; float:none;}
.contactard{width:450px; float:left; margin:30px 0px 0px 10px;}

/*mapa web*/
.sitemap{width:900px; padding:10px 0px 0px 15px;}
.mapaweb{ float:left; margin:5px; background:#f1f2f3; border: 1px solid #ccc; padding:10px; width:400px;}
.mapaweb ul{ list-style:none;}
.mapaweb li{ padding:5px 0px 0px 0px; list-style:none;}
.mapaweb li a{ color:#333; text-decoration:none; padding:0px 0px 0px 0px;}
.mapaweb li a:hover{ color:#ccc; text-decoration:none; padding:0px 0px 0px 0px;}
.mapaweb li h3 a{ color:#006b7f; font-size:14px; text-decoration:underline; font-weight:bold;}.mapaweb li h3 a:hover{ color:#006b7f; font-size:14px; text-decoration:underline; font-weight:bold;}
.mapaweb li ul{padding:0px 0px 0px 10px;}
.mapaweb li ul li a{color:#666666; text-decoration:none; padding:0px 0px 0px 5px;}
.mapaweb li ul li a:hover{color:#ccc; text-decoration:none; padding:0px 0px 0px 5px;}

/*victor*/
.destacat{padding:20px; background:#eee; border:solid 1px #CCC; text-align:center; width:400px; float:right; margin:20px 50px 0 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#069; }
