/* CSS Hoja de estilos */
/*************************************************************************************************************/
/**** Tenemos que sobrescribir la cabcera, añadir una capa para el archivo flash y sobrescribir el contenido,*/
/**** Porque esta página es diferente del resto, la estructura es diferente***********************************/
/*************************************************************************************************************/
/*En la cabecera es donde se muestra el logotipo de la empresa*/
#cabecera 		{ float: left; width: 956px; height: 93px; margin: 0px; padding: 0px; text-align: center;
				background: #fff;}

/*#cabecera	img	{ width: 281px; height: 93px; margin: 0px 0px -4px 20px; padding: 0px; border: none;}*//*Estilo usado si ponemos en el codigo <img>*/

#cabecera	h1	{ display: inline; float: left; width: 281px; height: 93px; margin: 0 0 0 348px; padding: 0px;
				background: url(../images/logo.gif) no-repeat top left #fff;}

#cabecera	img { border: none}

/*En esta capa ira el adorno en flash*/
#adorno_flash	{ float: left; width: 956px; height: 279px; margin: 0 0 7px 0; padding: 0px; text-align: center;
				background: #fff; position: relative}

/*En esta capa ira el contenido principal*/
#cont			{ float: left; width: 956px; margin: 16px 0 0 0 ; padding: 0px; text-align: center;
				background: #fff;}

/*En esta capa ira el contenido principal de la parte izquierda*/
#cont_izq		{ float: left; width: 465px;  height: 389px; margin: 0px; padding: 0px; text-align: left;
				background: #fff; }

#cont_izq	h2 	{ height: 20px; margin: 33px 0 0 0; padding: 0px; border-bottom: 1px solid #B78F52}

.promocion		{ display: inline; float: left; width: 465px; height: 73px;  border-bottom: 1px solid #B78F52;
				background: #fff; text-decoration: none;}

.promocion_link		{ display: inline; float: left; width: 465px; height: 73px;
					background: #fff; text-decoration: none;}

.promocion_link:hover {background: #eee;}

.promocion_txt 	{ display: inline; float: left; width: 350px; text-decoration: none; color: #666; line-height: 13px;
				 margin: 2px 0 0 0; cursor: hand;}


.promocion img 	{ display: inline; float: left; width: 95px; height: 59px; margin: 7px 9px 7px 4px; border: none}

.promocion_tit	{ display: inline; float: left; font: 11px "Trebuchet MS",Arial, Helvetica, sans-serif;
				font-weight: bold; color: #53360E; margin: 12px 0 0 0; padding: 0; cursor: hand;}

/*.promocion h3	{  font: 11px "Trebuchet MS",Arial, Helvetica, sans-serif;
				font-weight: bold; color: #53360E; margin: 12px 0 0 0; padding: 0;}*//*En el caso de usar h3 para los titulos de las promociones*/

.promocion p 	{ margin: 0; padding: 0; line-height: 13px; margin: 2px 0 0 0; color: #666666; text-decoration: none;}

#cont_izq a.vermas 	{ display: inline; float: left; width: 271px; height: 25px; border: none; margin: 18px 0 0 90px;
					background: url(../images/img_vermas.gif) no-repeat top left transparent;}

#cont_izq a.vermas:hover	{ background-position: 0px -25px;}

#cont_izq a.btn_piloto 	{ display: inline; float: left; width: 461px; border: 1px solid #cdcdcd; margin: 20px 0 0 2px;}

#cont_izq a.btn_piloto:hover	{ border: 1px solid #4a698c;}

/*En esta capa ira el contenido principal de la parte derecha*/
#cont_dch		{ float: left; width: 490px; margin: 0px; height: 389px; padding: 0px; text-align: center;
				background: url(../images/fondo_cont_dch.jpg) no-repeat bottom left #fff;
				background-position: 0 96px; }

#cont_dch p.cont_dch_tit 	{ display: inline; float: left; width: 327px; height: 57px; margin: 35px 0 0 118px;
							padding: 0px;}

.nomostrar 		{ display: none;}

#cont_dch p.cont_dch_txt	{ font: 11px "Trebuchet MS",Arial, Helvetica, sans-serif; color: #000; text-align: left;
							display: inline; float: left; width: 235px; margin: 7px 0 0 222px ;
							padding: 0; line-height: 13px;}

.negrita		{ font-weight: bold;}

#cont_dch ul 	{ display: inline; float: left; width: 200px; text-decoration: none; text-align: left; margin: 24px 0 0 275px;
				padding: 0; list-style: none;}

#cont_dch ul li { float: left;  width: 200px; text-align: left;  margin: 0 0 8px 0px; padding: 0;}

#cont_dch ul li a { text-decoration: none; color: #4b698f; font-weight: bold; margin: 0; padding: 0 0 0 12px;
				  background: url(../images/icon_flecha.gif) no-repeat top left; background-position: 0px 3px;}

#cont_dch ul li a:hover { text-decoration: underline;}


#slider { float: left; width: 568px !important; height: 277px !important; overflow: hidden }
#slider_right { background: #eaedf1; width: 388px; height: 277px; float: right; position: relative; font-family: Arial, sans-serif; }
#slider_right .logo_viso_valdebebas { width: 210px; height: 64px; margin: 22px auto 18px }
#slider_right .p1, #slider_right .p2 { padding: 10px 18px 0px 18px; margin-bottom: 15px; color: #40332e; font-style: italic; font-size: 14px }
#slider_right .p2 { color: #3f618b; margin-top: 0; padding-top: 0; margin-bottom: 22px }
#slider_right .p3 { color: #715d54; font-size: 10px }
#slider_right .p3 .telefono { color: #a39791 }
#slider_right .p3 .telefono strong { color: #715d54; font-weight: bold; margin-bottom: 5px }
#slider_right .logo_proel { position: absolute; bottom: 15px; left: 112px }

a#capa_oculta { width: 956px; height: 279px; display: block; position: absolute; top: 0; left: 0; background: url("../images/pixel.gif")  0 0 no-repeat; z-index: 100000 }