/* CSS Document */
@import url("popin.css");
@import url("reset.css");

/*menu principal*/
div#menu_principal{
	float:left;
	width:189px;
	margin: 0;
	padding:10px;
	background: url(../images/bg.png) repeat !important;
	background: url(../images/bg.gif) repeat;
	}
div#menu_principal ul{ margin: 0px; padding: 0px; list-style-type: none;}
div#menu_principal ul li { 
	float: left;
	padding: 8px 0;
	clear:both;
	width: 100%;
	}
div#menu_principal ul li a{
	float: left;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size: 19px;
	color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	}
div#menu_principal ul li a:hover { color:#F4F866;}

/*segundo nivel de menu*/
#albums, #block_menu { 
	float: left; 
	width:174px; 
	margin:0; 
	padding: 0;
	/*background: url(../images/bg.png) repeat !important;
	background: url(../images/bg.gif) repeat;*/
	}
#albums ul, #block_menu ul { float:left; width: 174px; margin:-5px 0 0 0 !important; padding:0;}
#albums ul li.producto, #block_menu ul li.bloque_t { float:left; width:174px; padding:0 0 5px 0; margin:0;}
div#menu_principal ul li.producto a.foto_producto, div#menu_principal #block_menu ul li.bloque_t a.title {
	float:left; 
	width:174px; 
	margin:0; 
	padding:3px 0 3px 15px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color:#F4F866;
	background: url(../images/list1_bg.gif) no-repeat 5px 7px;
	}
div#menu_principal ul li.producto a:hover, div#menu_principal #block_menu ul li.bloque_t a:hover { color:#cccccc;}
/*tercer nivel de productos*/

#albums ul li ul li.producto, #block_menu ul li ul li.bloque_t {padding:3px 0 3px 15px; float:left; width: 159px;  }

#albums ul li ul li.producto a.foto_producto, div#menu_principal #block_menu ul li.bloque_t ul li.bloque_t a.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	color:#999999;
	width: 149px;
	margin:0; 
	padding:3px 0 3px 10px;
	background: url(../images/list_2_bg.gif) no-repeat 0 7px;
	}
#albums ul li ul li.producto a:hover, div#menu_principal #block_menu ul li.bloque_t ul li.bloque_t a:hover { color:#FFFFFF;}




* {  text-decoration: none; color: #000000; text-align: justify;}
p { font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:16px;}

strong{ font-weight: bold;}
em{}

html{background:url(../images/bg.jpg) no-repeat fixed top center;  }

body { margin: 0;}

div#l_all{ width: 989px; margin: 0 auto; padding: 0; }

div#content{float:left; width: 758px; padding-left: 20px;   }
/*Cabecera*/
#cabecera {
	float:left;
	width: 989px;
	margin: 0;
	padding: 30px 0;
	clear:both;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

#cabecera p.name { float:left; clear:both; width: auto; margin: 0; padding: 15px 5px 15px 0;  overflow: hidden;  font-size: 42px; color:#F4F866;}
#cabecera p.webname { float:left; width: auto; font-size: 19px; margin:0; padding: 0 5px 10px 0; color:#ffffff;}
#cabecera span { float:left; clear: left; width:auto; background:#000000; margin:0; padding: 0 0 0 10px;}
.light { float:right; width:auto; margin: 15px 0 0 0; padding:0; font-size: 11px; background: #000000; padding: 5px;}
/*Fin cabecera*/	

a img { border: none; }
a:link, a:active, a:visited { color: black; text-decoration: none; }
a:hover { color: #993366; text-decoration: none; }
form { margin: 0; padding: 0; }

/*h1*/
h1{
	clear:both;
	float:left;
	width: 100%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:24px;
	color:#000000;
	border-bottom: 1px solid #F4F866;
		}
h1 span{float:left; width:auto; background:#F4F866; margin:0; padding: 10px;}
/*fin h1*/
/*h2*/
h2{
	clear:both;
	float:left;
	width: 100%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:24px;
	color:#000000;
	border-bottom: 1px solid #F4F866;
		}
h2 span{float:left; width:auto; background:#F4F866; margin:0; padding: 10px;}
/*fin h2*/
/*h3*/
h3 { float:left;  width:auto; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px;}

/*caja. se usa para incluir contenidos de textos*/
.last_news { float:left; width:100%;}
.caja {
	float:left;
	padding:20px 0;
	margin: 3px 0 30px 0;
	background:#ffffff;}

/*listas*/

div.caja ul li {
	padding: 0 0 3px 10px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px;
	background: url(../images/list_bg.gif) no-repeat 0 3px;
	}
div.caja ol li {
	padding: 0 0 3px 10px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 12px;
	}
/*fin listas*/


/*texto lightbox*/
span#caption p{ font-weight: normal; text-align: justify; padding-left: 25px;}
span#caption strong {  	font-size: 12px;	color:#333333;
	}
span#caption p strong{}
/*colores otros estilos*/
/*index.css*/
.destacados .caja { background: url(../images/alonso_gil.png) no-repeat top right #ffffff; }
.info { color: #000000; background:#F4F866; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center;}
em.firma { color: #000000; background:#F4F866;}

/*picturres.css*/
div.picture p { color:#F4F866;}
h2.foto { 
	color:#333333;
	clear:both;
	float:left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#000000;
	border-bottom: 0;

}
h2.foto a {background: #ffffff;}
div.subalbum  p { color:#F4F866;}
div#subalbums{ float: left; padding: 0 0 20px 0; border-bottom: 1px solid #D3D3CC; margin: 20px 0 0; width: 100%;  }

/*cv.css*/
div.text{ border-bottom: 1px dotted #000000;}
/*bloques.css*/
div.details img{ border: 1px solid #D3D3CC; background:#ffffff;}
/*loadstyle*/
a.loadStyle2 { color:#F4F866;}
a.loadStyle { display: none;}
*{ outline:none;}