/* CSS Document */

@import url("cabecera.css");
@import url("lightbox.css");
@import url("catalogo.css");
@import url("contacto.css");

html * {
	margin:0;
	padding:0;
}

body {
	/*background:url(../images/bg_body.jpg);*/
	background:#EEE;
	
}
p {
	width:600px;
	min-width:500px;
	float:left;	
}
#contenedor {
	/*width:100%;
	min-height:399px;
	height:auto !important;
	height:399px;
	margin:0 auto;
	background:#FFFFFF url(../images/bg_contenedor.jpg) repeat-x left top;
	display:table;*/
	
	/*width:300px;
	height:300px;
	background-color:#FFFFFF; #D7E9F7*/
	margin:10px auto;
	width:880px;
	background:#FFF url(../images/bg_izq.jpg) repeat-y left top;
	border:1px solid #0070B4;
	display:table;
	
}

hr {
	display:none;
}

#contenido {
	/*width:775px;
	min-height:399px;
	height:auto !important;
	height:399px;
	margin:0 auto;
	display:table;
	clear:both;
	
	position:relative;
	background:url(../images/bg_contenido.jpg) repeat-y left top;
	
	position:relative;*/
	clear:both;
	width:700px;
	min-height:300px;
	height:auto !important;
	height:300px;
	margin:80px 0 0 150px;	
}


#contenido #fondo_superior_contenido {
	/*background:url(../images/bg_contenido_superior.jpg) no-repeat left top;
	padding:20px 40px;
	width:695px;
	min-height:399px;
	height:auto !important;
	height:399px;*/
}


#contenido #migas_pan {
	/*position:relative;*/
	float:left;
	clear:both;
	/*width:100%;
	padding:5px 0 0 0;*/
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#06C;
	width:100%;
	margin:0 0 10px 0;
}

#contenido img{
	border:none;
	text-decoration:none;
}

#contenido #migas_pan a {
	color:#06C;
	text-decoration:none;
}

#contenido #migas_pan a:hover {
	text-decoration:underline;
}

#contenido h3{
	font-family:"Lucida Sans Unicode",Arial, Helvetica, sans-serif;
	color:#0066CC;
	font-weight:bolder;
	/*color:#06C; */
	font-weight:bold;
	margin:10px 0;
	clear:both;
}

#contenido h4{
	float:left;
	margin:10px 0;
	width:660px;
	padding:0 10px;
	font-family:"Lucida Sans Unicode",Arial, Helvetica, sans-serif;
	font-size:17px;	
	font-weight:normal;
	color:#06C;
	border-bottom:1px dotted #CCC;
}

#contenido h5{
	float:left;
	margin:10px 0;
	width:660px;
	padding:0 10px;
	font-family:"Tahoma",Arial, Helvetica, sans-serif;
	font-size:15px;	
	font-weight:normal;
	letter-spacing:-1px;
	color:#000;
}
#contenido span{
	/*border:none;*/
	border:2px solid #00FF33;	
	font-family:"Tahoma",Arial, Helvetica, sans-serif;
	width:250px;
	margin:0 0 0 190px;
	clear:both;
}	
#contenido p{
	float:left;
	clear:left;
	margin:10px 0;
	width:660px;
	padding:0 10px;
	/*font-family:"Tahoma",Arial, Helvetica, sans-serif;
	color:gray;
	font-family:"Lucida Sans Unicode", verdana, helvetica, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#3366CC;
	font-size:11px;
	text-align:justify;
}
#contenido table{
	font-family:"Lucida Sans Unicode", verdana, helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	clear:both;	

}

#contenido table#texto_portada tbody tr td{
	width:200px;
	padding:0 30px 0 0;
}

#contenido table#texto_portada tbody tr td p{
	width:200px;
	padding:0;
	margin:0;
	float:none;
}


#contenido p a {
	/*color:black;*/
	text-decoration:none;
}

#contenido p a:hover {
	text-decoration:underline;
}


#contenido #listas ul, #contenido #listas ol, #contenido #listas dl {
	width:660px;
	padding:0 10px;
	font-family:"Tahoma",Arial, Helvetica, sans-serif;
	color:gray;
	font-size:13px;	
	color:gray;	
	float:left;
	clear:both;
}

#contenido #listas ul {
	list-style: none;
}

#contenido #listas ol {
	padding:0 0 0 20px;
}

#contenido #listas ul li, #contenido #listas ol li, #contenido #listas dl dd {
	margin: 5px 0 5px 0;
	border-bottom: 1px dotted #CCC;
	padding: 0 0 10px 0;
	float:left;
	clear:both;
	width:100%;
}

#contenido #listas ul li a, #contenido #listas dl dt a {
	color:#DB012F;
	text-decoration:none;
	background:url(../images/flechita.gif) no-repeat left center;
	padding:0px 0 0 20px;
	height:16px;
}

#contenido #listas ul li a:hover, #contenido #listas dl dt a:hover {
	text-decoration:underline;
}

#contenido #listas dl dt {
	margin:0 0 5px 0;
	color:#DB012F;
	font-size:16px;
}

#contenido #listas dl dt span{
	font-size:.7em;
	color:gray;
}

#contenido #listas dl dt strong {
	color:#DB012F;
	font-weight:normal;
}

#contenido #listas dl dd {
	margin:0 0 20px 0;
}

#contenido #listas dl dd img{
	vertical-align:middle;
}

#contenido #listas dl dd img.foto_descarga{
	float:right;
	padding:2px;
	border:1px solid #CCC;
	margin:-20px 0 0 0;
}


#contenido #listas dl dd a {
	color:black;
	text-decoration:underline;
}

#contenido #listas dl dd a:hover {
	text-decoration:none;
}


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



#contenedor #final_contenido {
	width:100%;
	height:30px;
	float:left;
	clear:both;
}

/* PORTADA ***********************************************************************/

#contenedor #caja_recomendados {
	display:block;
	width:550px;
	margin:0 70px !important;
	margin:0 35px;	
	float:left;
	background:url(../images/bg_recomendamos.jpg) no-repeat left top;
}

#contenedor #caja_recomendados h4{
	width:520px;
	margin:10px 0 10px 10px !important;
	margin:10px 0 10px 0;	
}

#contenedor #caja_recomendados #catalogo_general_simplificado li {
	width:120px;
}

#contenido #legal {
	width:100%;
	clear:both;
}

/* PIE DE PÁGINA ***********************************************************************/

#pie {
	width:880px;
	/*width:auto;
	height:auto;*/
	height:250px;
	padding: 0px;
	color:white;
	font-family: "Lucida Sans Unicode", verdana, helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	background:url(../images/bg_pie.jpg) no-repeat left top;
	float:left;
	clear:both;
	/*position:absolute;
	top:500px;*/
}

#pie a {
	color:#FFF;
}

#pie a:hover {
	color:#3D748F;
}

#pie img {
	vertical-align:middle;
	margin:0 0 0 10px;
	border:none;
}

#pie p {
position:relative;
left:200px;
top:100px;
}

/*#derec {
	width:100%;
	float:left;
	clear:both;
	height:100%;
	padding:600px 0;
	color:white;
	font-family: "Lucida Sans Unicode", verdana, helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	background:url(../images/bg_derec.png) no-repeat left top;
}*/

#pie_web {
	width:100%;
	font-family: "Lucida Sans Unicode", verdana, helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	padding:0 0 15px 0;
	color:#333;
}

#pie_web a{
	color:#06C;
	text-decoration:none;
}

#pie_web a:hover{
	text-decoration:underline;
}