/* LAYOUT-------------------------------------------------------------------------------------*/
body{ margin: 0; padding: 0; }
div#cuerpo{position:relative;width:750px;margin:0 auto;background:#fff;z-index:1;}
div#contenido{float:left;width:100%;}
div#contenidoInterior{margin-left: 230px;width:500px;}
div#menu{position:relative;float:left;width:350px;margin-left:-360px;margin-top:-86px;}
div#lateral{float:left;width:160px;margin-left:-750px}
div#pie{clear:left;width:100%}

/* DISENY BASE --------------------------------------------------------------------------------*/
body{
	background: url(../img/interface/fondos/peuBody.gif) repeat-x bottom right fixed #00356A;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#666;
}
div#contenido{
	margin-top:15px;
	background: url(../img/interface/fondos/fonsContenido.jpg) no-repeat right top;
}

/* TAGS */
p{
	font-size:1.1em;
}
/* DISENY MENU --------------------------------------------------------------------------------*/
#menu ul{
	margin:0;
	padding:0;
	height:90px;

}
#menu li{
	position:relative;
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}
#menu li a span{
	display:none;
	text-decoration:none;
}
#menu li a{
	position:absolute;
	height:83px;
}

#menu li#botoInicio a:link,#menu li#botoInicio a:visited{
	width:60px;
	background: url(../img/interface/botones/inicio.jpg) top right;
}
#menu li#botoInicio a:hover{
	background: url(../img/interface/botones/inicioHover.jpg);
}


#menu li#botoEmpresa{
	left:63px;
}
#menu li#botoEmpresa a:link,#menu li#botoEmpresa a:visited{
	width:84px;
	background: url(../img/interface/botones/empresa.jpg);
}
#menu li#botoEmpresa a:hover{
	background: url(../img/interface/botones/empresaHover.jpg);
}

#menu li#botoPromociones{
	left:150px;
}
#menu li#botoPromociones a:link,#menu li#botoPromociones a:visited{
	width:111px;
	background: url(../img/interface/botones/promociones.jpg);
}
#menu li#botoPromociones a:hover{
	background: url(../img/interface/botones/promocionesHover.jpg);
}

#menu li#botoContacto{
	left:264px;
}
#menu li#botoContacto a:link,#menu li#botoContacto a:visited{
	width:83px;
	background: url(../img/interface/botones/contacto.jpg);
}
#menu li#botoContacto a:hover{
	background: url(../img/interface/botones/contactoHover.jpg);
}

/* CABECERA */
div#cabecera{
	position:relative;
}
#cabecera #logo{
	position:absolute;
	height:129px;
	width:369px;
	background: url(../img/interface/fondos/logo.gif) no-repeat;
	border-bottom: 2px solid #00376A;
}
#cabecera #extraCabecera{
	float:right;
	top:0;
	right:0;
	height: 129px;
	width:383px;
	z-index: 3;
	background: url(../img/interface/fondos/fonsMenu.gif) no-repeat;
	border-bottom: 2px solid #00376A;
}
#cabecera #logo h1{
	display:none;
}

/* BANNERS*/
div#lateral{
	background: url(../img/interface/fondos/fonsBanner.jpg) no-repeat 15px 15px;
	padding:35px 15px 0 15px;
}
div#lateral h3{
	margin:0;
	padding:0;
}
div#lateral h3 span{
	display:none;
}
div#lateral ul{
	width:175px;
	margin:0;
	padding:0 0 80px 0;
	background: url(../img/interface/fondos/peuBanners.gif) bottom right no-repeat;
}
div#lateral li{
	margin:10px 0 10px 10px;
	padding:5px;
	width:138px;
	list-style:none;
	border:1px solid #c5c5c5;
	background: #ffffff url(../img/interface/fondos/fonsLiBanner.jpg) no-repeat top;
}
div#lateral li img{
	border-left: 1px solid #626669;
	border-top: 1px solid #626669;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
div#lateral li{
	text-align: right;
}
div#lateral li a:link,div#lateral li a:visited,.promociones ul#listaPromociones li a:link,.promociones ul#listaPromociones li a:visited{
	color:#666;
	text-decoration:none;
	font-style: normal;
}
div#lateral li a:link cite,div#lateral li a:visited cite,.promociones ul#listaPromociones li a:link cite,.promociones ul#listaPromociones li a:visited cite{
	color:#00386E;
	text-decoration:none;
	font-weight:bold;
	font-style: normal;
}
div#lateral li a:hover cite{
	color: #666;
}
div#lateral li a span cite{
	display:block;
}
/* PIE */
#pie{
	background: url(../img/interface/fondos/peuContenido.jpg) bottom repeat-x;
	padding:10px 0 5px 0;
	text-align:right;
}
#pie p{
	margin:15px 15px 0 0;
}
/* CONTENIDO */
div#contenidoInterior{
	padding:10px 5px 210px 0;
	background: url(../img/interface/fondos/casasContenido.gif) bottom right no-repeat;
}	
div#contenidoInterior p{
	margin:5px 10px 5px 10px;
}
	
div#contenidoInterior p{
	line-height: 150%;
}
div#contenidoInterior h2{
	margin:0 0 10px 0;
	padding:0;
}
div#contenidoInterior img{
	padding:2px;
	border:1px solid #999;
	margin:5px 10px 5px 10px;
}
div#contenidoInterior h2 span{
	display:none;
}
div#contenidoInterior h3{
	font-size:100%;
	margin:3px;
	padding:0;
}

/* Contenido  INICIO */
.inicio div#contenidoInterior img{
	float:left;
}
.inicio div#contenidoInterior h2{
	background: url(../img/interface/titulos/inicio.gif) no-repeat;
	position:relative;
	height:25px;
	width:200px;
}
/* Contenido CONTACTO*/
.contacto div#contenidoInterior h2{
	background: url(../img/interface/titulos/contacto.gif) no-repeat;
	position:relative;
	height:25px;
	width:200px;
}
.contacto #infoContacto{
	display:block;
	overflow: auto;
	height:235px;
	padding:5px;
	border:1px solid #ccc;
}
.contacto #infoContacto p{
	width:220px;
}
.contacto #infoContacto img{
	float:right;
	margin-right:5px
}
.contacto #infoContacto p .direc,.contacto #infoContacto p .cpostal,.contacto #infoContacto p .provi,.contacto #infoContacto p .tel{
	color: #2F354A;
}
.contacto #infoContacto p .direc,.contacto #infoContacto p .tel{
	display: block;
}
.contacto #infoContacto p .provi{
	margin-left:0.7em;
}
.contacto #infoContacto p .cpostal,.contacto #infoContacto p .direc,.contacto #infoContacto p .tel{
	margin-left:30px;
}
.contacto form{
	margin-top:5px;
	padding:10px;
	width:350px;
	background: url(../img/interface/fondos/formulario.jpg) bottom right no-repeat #eaedf3;
	border:1px solid #ccc;
}
.contacto label{
	display: block;
	width: 200px;
	margin-bottom: 3px;
	margin-left:5px;
	font-weight: bold;
	color: #00386E;
}
.contacto input{
	width: 200px;
	margin-bottom: 10px;
	padding:3px;
	display:block;
	font-size:0.9em;
	border:1px solid #ccc;
	background: url(../img/interface/fondos/inputs.jpg) top repeat-x #fff;
}
.contacto textarea{
	height:60px;
	width:200px;
	font-family: Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #ccc;
	background: url(../img/interface/fondos/inputs.jpg) top repeat-x #fff;
}
.contacto form input.bFormContacto{
	font-size:1.1em;
	font-weight:bold;
	background:#666;
	padding:2px 5px 2px 5px;
	color:#00386E;
	border:1px solid #fff;
	border-color:#CCC #CCC #FFF #FFF;
	text-decoration:none;
	cursor:pointer;
	width: 150px;
	background: url(../img/interface/botones/envioForm.jpg) top repeat-x #A8B2BC;
}
/* Contenido EMPRESA*/
.empresa div#contenidoInterior h2{
	background: url(../img/interface/titulos/empresa.gif) no-repeat;
	position:relative;
	height:25px;
	width:200px;
}
/* Contenido PROMOCION*/
.promocion div#contenido{
	background-image:none;
}
.promocion div#infoPromocion{
	background: url(../img/interface/fondos/fonsContenido.jpg) no-repeat right top;
	position:relative;
	padding:15px 15px 0 30px;
}
.promocion div#contenidoInterior h2{
	background: url(../img/interface/titulos/promocion.gif) no-repeat;
	position:relative;
	height:25px;
	width:200px;
	margin:0;
}
.promocion div#contenidoInterior h3{
	float:right;
	font-size:1.3em;
	position:relative;
	margin:0 10px;
	top:-15px;
}
.promocion div#infoPromocion h4{
	font-size:1.4em;
	margin:0 0 5px 0;
	color:#597193;
}
.promocion div#contenidoInterior ul#subMenuPromocion{
	clear:right;
	margin: 0 0 10px 0;
	padding:0;
}
.promocion div#contenidoInterior #subMenuPromocion li{
	position:relative;
	display:inline;
	list-style:none;
	padding:0;
	margin:15px 0px;
}
.promocion div#contenidoInterior #subMenuPromocion li a{
	background:#e9ebed url(../img/interface/botones/subMenuPromociones.gif) top repeat-x;
	padding:5px 6px 3px 6px;
	margin:0;
	font-weight:bold;
	font-size:0.95em;
	color:#5A6F8E;
	border: 1px solid #CFCFD1;
	text-decoration:none;
}
.promocion div#contenidoInterior #subMenuPromocion li a:link,.promocion div#contenidoInterior #subMenuPromocion li a:visited{
	color:#5A6F8E;
}
.promocion div#contenidoInterior #subMenuPromocion li a:hover{
	color:#FF6600;
	background-image:none;
}
/* Contenido PROMOCIONES*/
.promociones div#contenidoInterior h2{
	background: url(../img/interface/titulos/promociones.gif) no-repeat;
	position:relative;
	height:25px;
	width:200px;
}
.promociones div#contenidoInterior{
	background-image:none;
}
.promociones ul#listaPromociones{
	margin:0;
	padding:0;
}
.promociones ul#listaPromociones li{
	position:relative;
	list-style:none;
	float:left;
	width:240px;
	height:80px;
	margin:0 5px 10px 0;
	background:url(../img/interface/fondos/listaPromociones.gif) no-repeat #FFF;
	border:1px solid #CCC;
}
.promociones ul#listaPromociones li:hover{
	border:1px solid #fff;
}
.promociones ul#listaPromociones li img{
	float:left;
	width:67px;
}
.promociones ul#listaPromociones li cite{
	display:block;
}
.promociones ul#listaPromociones li a{
	position:relative;
	top:10px;
}
/* Clases varias */
#error{
	width:200px;
	padding:10px;
	margin:5px auto;
	background: #eee;
	border:1px solid #ccc;
}
.error{
	font-weight: bold;
	
	color: #8B0000;
}
.agradContacto{
	width:80%;
	font-weight: bold;
}