@charset "utf-8";
/* CSS Document */

body{
	background:url(../images/bg_body.jpg) 0 0 repeat;
	margin:0;
	padding:0;
	}
	
img{
	border:none;
	}

#main{
	margin:0;
	padding:0;
	}
	
#header{
	background:url(../images/bg_grad.jpg) 0 0 repeat-x;
	}
	
#head{
	background:url(../images/logo_header.gif) 0 0 no-repeat;
	width:882px;
	height:85px;
	margin:0 auto;
	padding:254px 0 0 87px;
	}
	
#clima{
	width:657px;
	height:59px;
	display:block;
	}
	
#head2{
	background:url(../images/logo_header_c.gif) 0 0 no-repeat;
	width:882px;
	height:85px;
	margin:0 auto;
	padding:254px 0 0 87px
	}

#head3{
	background:url(../images/logo_header_h.gif) 0 0 no-repeat;
	width:882px;
	height:85px;
	margin:0 auto;
	padding:254px 0 0 87px
	}
	
#head4{
	background:url(../images/logo_header_t.gif) 0 0 no-repeat;
	width:882px;
	height:85px;
	margin:0 auto;
	padding:254px 0 0 87px
	}
	
#head5{
	background:url(../images/logo_header_h2.gif) 0 0 no-repeat;
	width:882px;
	height:85px;
	margin:0 auto;
	padding:254px 0 0 87px
	}
	
#content{
	margin:0;
	padding:0;
	clear:both;
	}

#nav{
	width:969px;
	margin:0 auto;
	padding:0;
	clear:both;
	}
	
#sub{
	width:877px;
	margin:0 auto;
	}

#path_c{
	width:969px;
	height:26px;
	background:url(../images/top_content_c.gif) 0 0 no-repeat;
	clear:both;
	padding-top:10px;
	}
	
#path_h{
	width:969px;
	height:26px;
	background:url(../images/top_content_h.gif) 0 0 no-repeat;
	clear:both;
	padding-top:10px;
	}

#path_h2{
	width:969px;
	height:26px;
	background:url(../images/top_content_h2.gif) 0 0 no-repeat;
	clear:both;
	padding-top:10px;
	}
	
#path_t{
	width:969px;
	height:26px;
	background:url(../images/top_content_t.gif) 0 0 no-repeat;
	clear:both;
	padding-top:10px;
	}
	
#path_c h3, #path_h h3, #path_t h3, #path_h2 h3{
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	color:#8D7658;
	margin:0 0 0 40px;
	}
	
#path_c h3 a, #path_c h3 a:hover, #path_h h3 a, #path_h h3 a:hover, #path_t h3 a, #path_t h3 a:hover, #path_h2 h3 a, #path_h2 h3 a:hover{
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	color:#D1CABD;
	text-decoration:none;
	}

#container{
	width:969px;
	margin:0 auto;
	padding:0;
	clear:both;
	}
.stage{
	width:908px;
	background:url(../images/bg_content.png) 0 0 repeat-y;
	margin:0;
	padding:0 30px 10px 31px;
	}
	
#cols{
	width:889px;
	margin:0 auto;
	padding:0 12px 6px 6px;
	clear:both;
	background-color:#FEFEFC;
	border:solid 1px #999;
	}
	
#colI{
	width:663px;
	float:left;
	}
#colD{
	width:209px;
	float:right;
	}
	
#dir{
	width:621px;
	border:solid 1px #999;
	padding:5px 20px 30px 20px;
	clear:both;
	}
	
#formulario{
	width:601px;
	border:solid 1px #999;
	padding:60px 20px 30px 40px;
	clear:both;
	background: #FFF url(../images/btn/bg_form.gif) 20px 5px no-repeat;
	}
	
#formulario2{
	width:601px;
	border:solid 1px #999;
	padding:20px;
	margin-top:6px;
	clear:both;
	background-color:#FFF;
	}
	
#formulario, #formulario table td, #formulario2, #formulario2 table td{
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	color:#5F7966;
	}
#formulario2 table td{
	padding-right:5px;
	padding-top:5px;
	}
	
#formulario2 .borde td {
	border-bottom:1px solid #999;
	}

.rojo{
	color:#D17174;
	}
	
.historia{
	width:561px;
	border:solid 1px #999;
	padding:25px 25px 25px 75px;
	margin-top:6px;
	clear:both;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
.historia h1{
	font-weight:bold;
	font-size:18px;
	color:#333;
	margin:0 0 10px 0;
	padding:0;
	}
.historia h2{
	font-weight:bold;
	font-size:12px;
	color:#66667E;
	margin:0 0 20px 0;
	}
.historia h3, .historia p{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	color:#333;
	}
	
.historia a, .historia a:hover{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#5F7A66;
	}
	
.imgH{
	width:505px;
	height:329px;
	clear:both;
	margin:0 auto;
	}
	
.benviar{
	width:68px;
	height:21px;
	display:block;
	background:url(../images/btn/enviar_contacto.gif) 0 0 no-repeat;
	border:none;
	}
	
.item{
	width:663px;
	clear:both;
	border:solid 1px #B6B6B6;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
.iDesc{ 
	width:262px;
	padding:20px;
	float:left;
}

.iDesc p{
	font-size:11px;
	margin:5px 0;
	}
.iDesc h2{
	font-size:22px;
	margin:0;
	}

.iFoto{
	width:358px;
	height:274px;
	float:right;
	}
	
.cargar{
	width:63px;
	height:20px;
	background:url(../images/btn_agregar_carrito.gif) 0 0 no-repeat;
	display:block;
	border:none;
	}
	
.precio{
	color:#5F7A66;
	font-size:18px;
	font-weight:bold;
	}
	
.check{
	width:651px;
	padding:6px;
	margin-top:6px;
	}
	
.leyenda{
	font-size:9px;
	color:#999;
	margin:15px 0 0 0;
	}

#dirL{
	width:300px;
	float:left;
	}
#dirR{
	width:300px;
	float:right;
	}
	
#dirL h2, #dirR h2{
	font-size:16px;
	color:#333;
	}
#dir #dirL h3, #dir #dirR h3{
	font-size:18px;
	color:#5F7966;
	}
#dirL p, #dirR p{
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:14px;
	color:#333;
	margin-left:25px;
	}
#dirL p a, #dirR p a, #dirL p a:hover, #dirR p a:hover{
	font-size:10px;
	color:#5F7966;
	text-decoration:none;
	}
	
.lagris{
	width:907px;
	height:22px;
	clear:both;
	background-color:#D9D8D2;
	margin-top:6px;
	}
.btnformulario{
	width:663px;
	height:44px;
	background:url(../images/btn/formulario_off.gif) 0 0 no-repeat;
	display:block;
	clear:both;
	border:none;
	margin-top:6px;
	}
	
.btnformulario:hover{
	width:663px;
	height:44px;
	background:url(../images/btn/formulario_over.gif) 0 0 no-repeat;
	display:block;
	clear:both;
	border:none;
	margin-top:6px;
	}

.btnformulario2{
	width:663px;
	height:44px;
	background: url(../images/btn/formulario2_off.gif) 0 0 no-repeat;
	display:block;
	clear:both;
	border-bottom:solid 1px #CCC;
	margin-top:6px;
	}
	
.btnformulario2:hover{
	width:663px;
	height:44px;
	background:url(../images/btn/formulario2_over.gif) 0 0 no-repeat;
	display:block;
	clear:both;
	border-bottom:solid 1px #CCC;
	margin-top:6px;
	}
	
.btnpedidomail{
	width:663px;
	height:44px;
	background: url(../images/btn/pedido_mail_off.gif) 0 0 no-repeat;
	display:block;
	clear:both;
	margin-top:6px;
	}
	
.btnpedidomail:hover{
	width:663px;
	height:44px;
	background:url(../images/btn/pedido_mail_over.gif) 0 0 no-repeat;
	display:block;
	clear:both;
	margin-top:6px;
	}

.mT6{
	margin-top:6px;
	}
	
.btnformularioL, .btnformularioL2{
	width:209px;
	height:87px;
	background: url(../images/btn/escuchamos.gif) 0 0 no-repeat;
	display:block;
	clear:both;
	border:none;
	margin-top:6px;
	}
	
.btnformularioL:hover, .btnformularioL2:hover{
	width:209px;
	height:87px;
	background: url(../images/btn/escuchamos_over.gif) 0 0 no-repeat;
	display:block;
	clear:both;
	border:none;
	margin-top:6px;
	}

#footer{
	background:#3D3A3B url(../images/bg_footer.gif) 0 0 repeat-x;
	font:normal 11px/13px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
	padding:40px 0;
	clear:both;
	}
	
#flash, #flash2{
	width:908px;
	clear:both;
	}
	
#llamados{
	width:908px;
	clear:both;
	margin-top:10px;
	}
	
.imgBC{
	display:block;
	clear:both;
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
.clearfix {display: block;}

.clear{
	clear:both;
	}
	
#radio{
	width:303px;
	height:116px;
	display:block;
	background:url(../images/btn/radio.gif) 0 0 no-repeat;
	}

#radio:hover{
	width:303px;
	height:116px;
	display:block;
	background:url(../images/btn/radio2.gif) 0 0 no-repeat;
	margin:0;
	padding:0;
	}
	
a.tiendaH{
	width:303px;
	height:116px;
	display:block;
	background:url(../images/btn/comunidad.gif) 0 0 no-repeat;
		margin:0;
	padding:0;
	}

a:hover.tiendaH{
	width:303px;
	height:116px;
	display:block;
	background:url(../images/btn/comunidad_over.gif) 0 0 no-repeat;
	}
	
a.mesa{
	width:303px;
	height:116px;
	display:block;
	background:url(../images/btn/tres.gif) 0 0 no-repeat;
	}

a:hover.mesa{
	width:303px;
	height:116px;
	display:block;
	background:url(../images/btn/tres2.gif) 0 0 no-repeat;
	}
	
a.comparte{
	width:303px;
	height:116px;
	display:block;
	background:url(../images/btn/comunidad2.gif) 0 0 no-repeat;
	}

a:hover.comparte{
	width:303px;
	height:116px;
	display:block;
	background:url(../images/btn/comunidad3.gif) 0 0 no-repeat;
	}
	
a.media{
	width:303px;
	height:116px;
	display:block;
	background:url(../images/btn/multimedia.gif) 0 0 no-repeat;
	}

a:hover.media{
	width:303px;
	height:116px;
	display:block;
	background:url(../images/btn/multimedia2.gif) 0 0 no-repeat;
	}
	
a.radio2{
	width:209px;
	height:112px;
	display:block;
	background:url(../images/btn/gran_radio.gif) 0 0 no-repeat;
	}

a:hover.radio2{
	width:209px;
	height:112px;
	display:block;
	background:url(../images/btn/gran_radio2.gif) 0 0 no-repeat;
	}
	
a.tranvia{
	width:209px;
	height:118px;
	display:block;
	background:url(../images/tranvia.gif) 0 0 no-repeat;
	margin-top:6px;
	}

a:hover.tranvia{
	width:209px;
	height:118px;
	display:block;
	background:url(../images/tranvia2.gif) 0 0 no-repeat;
	margin-top:6px;
	}
	
/*Overlays Divs*/
div.overlay {
	
	width:660px;
	height:500px;
     
    /* initially overlay is hidden */ 
    display:none;
} 

div.overlay div.close {
	background-image:url(../images/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:28px;
	width:28px;
} 

#boca, #malecon{
	width:425px;
	height:350px;
	padding:10px;
	background-image: url(../images/445_370.png);
	background-color:#FFF;
	}

#modulos{
	width:640px;
	height:480px;
	padding:10px;
	background-image: url(../images/660_500.png);
	background-color:#FFF;
	}

.vermapa{
	width:68px;
	height:15px;
	background:url(../images/vermapa.gif) #FFF 0 0 no-repeat;
	border:none;
	display:block;
	cursor:pointer;
	}
	
.linklogo{
	width:234px;
	height:35px;
	display:block;
	position:absolute;
	left:434px;
	top:10px;
	border:none;
	}
	
.mensaje{
	font:bold 11px/13px Georgia, "Times New Roman", Times, serif;
	color:#8D7658;
	border:solid 1px #C60;
	padding:10px;
	margin:5px;
	background-color: #FFFFD9;
	}
	
.mensaje p{
	margin:5px 0;
	}