@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF; background-image:url(../img/bg.png);
}

.centrada {
	width:957px;
	margin:0 auto 0 auto;
	text-align:left;
}
/* CABECERA */

#cabecera {
	float:left;
	position:fixed;
	z-index:5;
	background-image:url(../img/bg-cab.png);
	background-position:center top;
	background-repeat:repeat-x;
	width:100%;
	height:47px; border-bottom:1px solid #FFF;
	
}

#cabecera .izq a{
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../img/flecha1.gif);
	background-position:left 2px;	
	background-repeat:no-repeat;
	padding-left:20px;

}

#cabecera .izq a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	background-image:url(../img/flecha2.gif);
	background-position:left 2px;	
	background-repeat:no-repeat;
	padding-left:20px;	
}	

#cabecera .der a{
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../img/flecha1-2.gif);
	background-position:right 2px;	
	background-repeat:no-repeat;
	padding-right:20px;

}

#cabecera .der a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	background-image:url(../img/flecha2-2.gif);
	background-position:right 2px;	
	background-repeat:no-repeat;
	padding-right:20px;	
}

#cabecera2 {
	float:left;
	/*background-image:url(../img/bg-web.jpg);
	background-position:center top;
	background-repeat:no-repeat;*/
	width:100%;
	height:336px;
	margin-top:45px;
	background-color:#transparent;
}
/* MENU */
#menu {
	float:left;
	background-image:url(../img/bg-menu.png);
	background-position:center top;
	background-repeat:no-repeat;
	width:271px;
	height:446px;
	list-style-type:none;
}

#menu .boton {
	float:left;
	width:270px;
	height:51px;
	background-image:url(../img/separador.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	color:#FFFFFF;
	cursor:pointer;
	text-decoration:none;
}
#menu .boton:hover .texto {color:#2FBEF0;}

#menu li {
	float:left;
	background-image:url(../img/flecha_off.png);
	background-position:10px 15px;
	background-repeat:no-repeat;
}
#menu li:hover {
	background-image:url(../img/flecha_on.png);
}		

#menu .texto {
	float:left;
	font-size:15px;
	width:235px;
	margin-top:8px;
	margin-left:30px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

#menu .subtexto {
	float:left;
	font-size:10px;
	color:#FFF;
	width:235px;
	margin-left:30px;
	
}

/* CONTENIDO */
#contenido {
	float:right;
	width:671px;
}

#arriba {
	float:left;
	width:100%;
	height:60px;
	background-image:url(../img/bg-contenido-arriba.png);
	background-position:center top;
	background-repeat:no-repeat;
	
}
#arriba h1 {
	color:#272727;
	font-size:25px;
	font-weight:normal;
}
#arriba h2 {
	color:#9F9F9F;
	font-size:13px;
	font-weight:normal;
}

#medio {
	float:left;
	width:100%;
	background-image:url(../img/bg-contenido-medio.png);
	background-position:center top;
	background-repeat:repeat-y;
	color:#000000;
	line-height:147%;
	min-height:355px;
}

#medio h3{
	color:#000000;
	font-size:14px;
	font-weight:bold;
}

#medio ul{
	margin-left:20px;
}

#abajo {
	float:left;
	width:100%;
	height:10px;
	background-image:url(../img/bg-contenido-abajo.png);
	background-position:center top;
	background-repeat:no-repeat;
}

/* PIE */

#pie-base {
	float:left;
	width:100%;
	height:155px;
	background-image:url(../img/bg-pie.png);
	background-position:bottom;
	background-repeat:repeat-x;
}
#pie {
	float:left;
	margin:0 auto 0 auto;
	width:100%;
	height:155px;
	/*background-image:url(../img/bg-pie.jpg);
	background-position:center top;
	background-repeat:no-repeat;*/
	color:#FFFFFF;
	font-size:12px;
}
#pie a{
	color:#FFFFFF;
	text-decoration:none;
}
#pie a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}	

/* SLIDER */
.slider { 
	display:none;
}
.txt-slider {
	width:720px;
	height:50px;
	color:#FFFFFF;
	text-align:center;
	font-size:12px;
	display:none;
	margin-top:15px;
}
/* PROMOCIONES */
#marco {
	margin-left:-25px;
	margin-bottom:15px;
}

/* FORMULARIO */
.formulario input[type="text"]{
	width:244px;
}
.formulario textarea{
	width:244px;
}
.formulario select{
	width:246px;
}
.formulario a{
	text-decoration:none;
	color:#FFFFFF;
}	
.formulario a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}