/* 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;}

/*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;}