*{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
}
.e{
	border: 1px solid red;
	padding: 3px;
	color: Red;
}
body{
	margin: auto;
	background-color: #fff;
	color: #666;
}
.separa{
	width: 100%;
	font-size: 0px;
	clear: both;
	float: none;
	height: 1px;
}
#principal{
	margin: auto;
	width: 920px;
}
#idiomas{
	height: 25px;
	width: auto;
}
#idiomas ul{
	text-align: right;
	margin-right: 15px;
}
#idiomas ul li{
	display: inline;
	margin-left: 5px;
}
#idiomas ul li a{
	font-size: 10px;
	color: #cccc00;
	text-decoration: none;	
}
#idiomas ul li a:hover{
	text-decoration: underline;
}	
#cabecera{
	width: 917px;
	height: 115px;
}
a:focus{
	outline: none;
}
h1{
	background-image: url(img/h1.png);
	background-repeat: no-repeat;
	width: 450px;
	height: 114px;
	float: left;
}
h1 a{
	width: 450px;
	height: 115px;
	display: block;
	text-indent: -9999px;
}
h2{
	text-indent: -9999px;
}
#cabecera ul{
	width: 750px;
	height: 115px;	
	float: left;
}
#cabecera ul li{
	height: 115px;
	display: block;
	float: left;
}
#cabecera ul li a{
	display: block;
	width: auto;
	height: 115px;
	text-indent: -9999px;
}
#cabecera .laempresa{width: 100px;}
#cabecera .book{width: 67px;}
#cabecera .noticias{width: 80px;}
#cabecera .medioamb{width: 135px;}
#cabecera .enlaces{width: 86px;}
#cabecera .clientes{width: 115px;}

#cabecera .art{
	background-image: url(img/m_art.png);
	width: 166px;
}
.lineaverde{
	font-size: 0px;
	width: auto;
	clear: both;
	background-image: url(img/lineaverde.png);
	background-repeat: repeat-x;
	height: 5px;
}
#animado{
	width: 917px;
	height: 352px;	
	background-image: url(img/animado.jpg);	
}
#presentacion{
	height: 140px;
	width: auto;
	margin-top: 10px;
}
#presentacion h2{
	height: 26px;
	margin-left: 15px;
	background-repeat: no-repeat;
	background-position: left;	
}
#presentacion h2 a{
	display: block;
	height: 26px;
	width: auto;
}
#presentacion .detalle{
	margin-left: 15px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#presentacion p{
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;	
}
#presentacion .linea{
	background-image: url(img/lineaverdevertical.png);	
	background-repeat: no-repeat;
	background-position: left;
}
#presentacion #prod_dist{
	width: 205px;
	height: 140px;
	display: block;
	float: left;
}
#presentacion #prod_dist .detalle{
	background-image: url(img/prod_dist.jpg);
	width: 175px;
	height: 53px;
}
#presentacion #prod_dist .detalle a{
	display: block;
	text-indent: -9999px;
	width: 175px;
	height: 53px;
}
#presentacion #prod_prod{
	width: 205px;
	height: 140px;
	display: block;
	float: left;	
}
#presentacion #prod_prod .detalle{
	background-image: url(img/prod_prod.jpg);
	background-repeat: no-repeat;
	width: 175px;
	height: 53px;
}
#presentacion #prod_prod .detalle a{
	display: block;
	text-indent: -9999px;
	width: 175px;
	height: 53px;
}
#presentacion #book{
	width: 212px;
	height: 140px;
	display: block;
	float: left;
}
#presentacion #book .detalle{
	background-image: url(img/book.jpg);
	width: 182px;
	/*height: 91px;*/
	height: 116px;
	margin-top: 0px;
}
#presentacion #book .detalle a{
	width: 182px;
	height: 110px;
	display: block;
	text-indent: -9999px;
}
#presentacion #ultimasnot{
	width: 295px;
	height: 140px;
	display: block;
	float: left;
}
#presentacion #ultimasnot #noticia{
	padding-left: 15px;
	padding-right: 15px;
}
#presentacion #ultimasnot img{
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
}
#presentacion #ultimasnot #noticia h3{
	margin-bottom: 5px;
}
#presentacion #ultimasnot #noticia p{
	padding: 0px;
	margin: 0px;
}
#presentacion a{
	font-size: 11px;
	color: #88952e;
	font-weight: normal;
	margin-bottom: 5px;	
	text-decoration: none;
}
#menu{
	height: 33px;
	margin: auto;
	display: block;
	background-color: #fff;
}
.base01{
	width: 920px;
	background-image: url(img/bg_lateral.jpg);
	background-repeat: repeat-y;
	margin-top: 7px;
}
.base02{
	width: 920px;
	background-image: url(img/bg_lateral_fin.jpg);	
	background-repeat: no-repeat;
	background-position: bottom left;
}
.lateral{
	width: 175px;
	height: 260px;
	float: left;
	display: block;
	padding-bottom: 175px;
	background-repeat: no-repeat;
/*	border-right: 49px solid #fff;		*/
}
.lateral .h2_l_areaclientes{
	height: 42px;
}
.l_default{
	background-image: url(img/l_default.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.lateral span.usuario{
	display: block;
	width: 100%;
	text-align: center;
	font-weight: bold;
}
.lateral ul{
	list-style: none;
	padding-top: 4px;
}
.lateral ul li{
	display: block;
	width: 175px;
}
.lateral ul li span{
	margin-left: 10px;
	display: block;
	padding-top: 6px;
}
.lateral ul li a{
	padding-left: 10px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: auto;
	padding-top: 2px;
	padding-bottom: 2px;
}
.lateral ul li a:hover{
	background-color: #ECEEF4;
	color: #000;	
}
.lateral ul{
	margin-bottom: 5px;
}
.lateral ul li ul li a{
	padding-left: 20px;
}	
#contenido{
	padding-bottom: 25px;
	width: 474px;
	float: left;
	margin-left: 49px;
}
#contenido a{
	color: #83950b;
	text-decoration: underline;
}
#contenido a:hover{
	text-decoration: none;
}
#contenido .txt{
	margin-left: 0px;
	padding-bottom: 15px;
	text-align: justify;
}
#contenido .txt h4{
	padding-top: 5px;
	margin-left: 0px;
}
#contenido p{
	margin-bottom: 15px;
}
#contenido .txt ul,ol{
	padding-left: 25px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 10px;
}
#contenido .txt li{
	margin-bottom: 5px;
}
#contenido ul{
	padding-bottom: 15px;
}
#contenido h2{
	background-repeat: no-repeat;
	background-position: left;
	text-indent: -9999px;
	height: 51px;
	margin-bottom: 15px;
}
#contenido h3{
	font-size: 22px;
	margin-bottom: 10px;
	color: #a2b42a;
	font-weight: normal;
}
#contenido span.h3{
	font-size: 22px;
	margin-bottom: 10px;
	color: #a2b42a;
	font-weight: normal;
	display: block;
}
#contenido h4{
	margin-bottom: 10px;
	text-transform: uppercase;
	height: 18px;
	margin-left: 15px;
}
#contenido ul#book{
	list-style: none;	
}
#contenido ul#book li{
	float: left;
	width: 150px;
	height: 145px;
	display: block;
	margin-bottom: 10px;
	margin-right: 5px;
}
#contenido ul#book li a{
	background-color: #ccc;
	color: #fff;
	text-align: center;
	display: block;
	font-weight: bold;
	text-decoration: none;
}
#contenido ul#book li a:hover{
	background-color: #83950b;
	color: #fff;
	text-decoration: none;	
}	
#contenido ul#book li span.titulo{
	display: block;
	padding: 3px;
	text-align: center;
	border-bottom: 1px solid #fff;
}
#contenido ul#book li span.img{
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	height: 115px;
}
#contenido ul#galeria{
	list-style: none;
}
#contenido ul#galeria li{
	float: left;
	width: 115px;
	height: 115px;
	margin-right: 2px;
	margin-bottom: 10px;
	text-align: center;
}
#contenido ul#galeria_exp{
	list-style: none;
}
#contenido ul#galeria_exp li{
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 14px;
	margin-bottom: 14px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: top left;
}
#contenido ul#galeria_exp li a{
	display: block;
	width: 78px;
	height: 78px;
	text-indent: -9999px;
	border: 1px solid #F0FFF0;
}
#contenido ul#galeria_exp li a:hover{
	border: 1px solid #ccc;
}
#contenido ol{
	list-style: decimal;
	list-style: circle;
}
#contenido ol li{
}
#contenido ul.flecha1, ul.flecha2{
	list-style: none;	
}
#contenido ul.flecha1 li{
	background-image: url(img/flecha1.png);
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	margin-bottom: 8px;
}
#contenido ul.flecha2 li{
	background-image: url(img/flecha2.png);
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	margin-bottom: 8px;
}
#contenido dl#download{
	
}
#contenido dl#download dt{
	margin-bottom: 6px;
	background-image: url(img/flecha2.png);
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: 2px 3px;
}
#contenido dl#download dd{
	margin-bottom: 8px;
}
/* FORMULARIOS */
input.nada{
	border: 0px;
	width: auto;
}
#contenido fieldset{
	margin-left: 52px;
	width: 400px;
	padding-bottom: 10px;
}
#contenido fieldset legend{
	padding-left: 70px;
	padding-right: 6px;
	margin-top: 5px;
	padding-bottom: 10px;
	display: none;
}	
#contenido fieldset .dato{
	display: block;
	margin-bottom: 3px;
	margin-right: 0px;
	height: 20px;
}
#contenido fieldset i{
	display: none;
}
#contenido fieldset .dato input{
	float: left;
	width: 150px;
	border: 1px solid #ccc;
}
#contenido fieldset .dato label{
	width: 120px;
	float: left;
}
#contenido fieldset div.error{
	width: 100px;
	float: right;
	display: block;
	border: none;
	color: red;
	margin-top: -21px;
}
#contenido fieldset p.desc{
	margin-top: -5px;
	margin-bottom: 5px;
}

#contenido textarea{
	width: 70%;
	margin-bottom: 5px;
	height: 50px;
	margin-bottom: 5px;
	height: 35px;
	border: 1px solid #ccc;
}

#contenido .enviar{
	clear: both;
	text-align: right;
	margin-right: 18px;
	margin-bottom: 5px;
	padding-top: 5px;
	width: 80%;
}
#contenido .enviar input{
	text-align: center;
	background-color: White;	
	color: #000;
	padding: 1px;
	border: 1px solid #ccc;
}
#contenido .volver{
	width: auto;
	text-align: right;
	clear: both;
	padding-top: 20px;
}
#contenido .volver a{
	color: #000;
	text-decoration: none;
	font-size: 10px;
	margin-left: 5px;
	margin-right: 5px;
}
#contenido .volver a:hover{
	color: #000;
	text-decoration: underline;
}
#contenido .volver span{
	margin-left: 5px;
	margin-right: 5px;
	font-size: 10px;
}
#contenido ul.candas{
	list-style: none;	
}
#contenido ul.candas li{
	background-image: url(img/li.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 6px;
}
#contenido ol{
	list-style: decimal;
	margin-left: 25px;
}
#contenido ol li{
	margin-bottom: 3px;
}
#contenido .fi{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
#contenido a.pdf{
	display: block;
	width: 100px;
	height: 30px;
	text-indent: -9999px;
	background-repeat: no-repeat;	
	float: right;
}
/* EXTRAS */
#extras{
	float: right;
	width: 175px;
}
#extras ul{
	list-style: none;
}
#extras li{
	background-repeat: no-repeat;
	background-position: bottom;
}
#extras li a{
	height: 32px;
	width: auto;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;	
}
#extras .prod_dist{background-image: url(img/prod_dist.jpg);height: 85px;}
#extras .prod_dist .ver{width: 175px;height:53px;display:block;}
#extras .prod_prod{background-image: url(img/prod_prod.jpg);height: 85px;}
#extras .prod_prod .ver{width: 175px;height:53px;display:block;}
#extras .atencion {background-image: url(img/atencion.jpg);height: 269px;}
#extras .atencion .ver{width: 175px;height:237px;display:block;}
/* uls */
#contenido ul.square{
	list-style: square;
	margin-left: 40px;
}
#contenido ul#list_noticias li{
	margin-bottom: 7px;	
}
#contenido ul#list_noticias{
	margin-bottom: 15px;
	list-style: none;
}
.img_izda{
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}
/* detalles */
.det_laempresa{
	width: 183px;
	height: 274px;
	background-image: url(img/det_laempresa.jpg);
	float: left;
	margin-right: 10px;
}
#paginacion{
	font-size: 10px;
	clear: both;
	text-align: center;
}
#paginacion a{
	font-size: 10px;
	padding: 3px;
	text-decoration: none;
	color: #999;
	font-weight: bold;
}
#paginacion a:hover{
	text-decoration: blink;
	background-color: #666;
	color: #fff;
}
#paginacion strong{
	padding-left: 3px;
	padding-right: 3px;
	background-color: #a2b42a;
	color: #fff;
}
/* GMAPS */
#mapa{

}
#gmap{
	text-align: center;
	padding: 4px;
	width: 100%;
	width: 400px;
	height: 300px;
	border: 1px solid #ccc;
}
.floatleft{
	float:left;
	margin-right: 6px;
}
#pie{
	width: 100%;
	clear: both;
	text-align: center;
	font-size: 10px;
	color: #666;
	padding-top: 20px;
	padding-bottom: 20px;
}
#pie a{
	font-size: 10px;
	color: #666;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#pie a:hover{
	text-decoration: underline;
}
#pie .ico_contacto{
	background-image: url(img/ico_contacto.png);
	padding-left: 14px;
}
#pie .ico_avisolegal{
	background-image: url(img/ico_avisolegal.png);
	padding-left: 10px;
}
#pie .ico_faq{
	background-image: url(img/ico_faq.png);
	padding-left: 10px;
}
#pie .ico_usuarios{
	background-image: url(img/ico_usuarios.png);
	padding-left: 9px;
}
/* captcha */
#getcaptcha{
	margin-bottom: 4px;
	padding-top: 3px;
}
/* migas */
#migas{
	font-size: 9px;
	color: #666;
	padding-top: 0px;
	padding-bottom: 2px;
	text-align: right;
	clear: both;
	width: auto;
	margin-bottom: 10px;
}
#migas a{
	font-size: 9px;
	text-decoration: underline;
	color: #666;
}
#migas a:hover{
	text-decoration: none;
}
#migas span{
	font-size: 9px;
	display: none;
}
#social{
	width: 100%;
	clear: both;
}
#social div{float:right;width:145px;}
#social p{display:inline;float:left;}
#social a{width: 16px; height: 16px; text-indent: -9999px;display: block;float:left;margin:0 0 0 7px;}
#social .facebook{background: url(img/facebook.png) no-repeat;}
#social .twitter{background: url(img/twitter.png) no-repeat;}
#social .youtube{background: url(img/youtube.png) no-repeat;}


/* EDITAR PAGINA */
#editarestapagina{
	margin: auto;
	clear: both;
	height: 30px;
	float: none;
	margin-bottom: 10px;
	color: #222222;
	background-color: #cecac3;
	background-image: url(img/eep/eep_bg.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}
#editarestapagina #administrador{
	display: block;
	width: 220px;
	float: left;
	padding: 5px;
	background-image: url(img/eep/eep_administrador.png);
	background-position: 0px 4px;
	padding-left: 21px;
	margin-left: 5px;
}
#editarestapagina strong{
	font-weight: bold;
}
#editarestapagina a{
	color: #222222;
	padding-bottom: 5px;
	padding-top: 2px;
	text-decoration: none;
}
#editarestapagina a:hover{
	text-decoration: underline;
}
#editarestapagina ul{
	list-style: none;
	width: 500px;
	display: block;
	float: right;
	padding-right: 10px;
	padding-top: 2px;
}
#editarestapagina ul li{
	float: right;
	padding: 5px;
	margin-left: 4px;
}
#editarestapagina li span{
	color: #7b7a7a;
	background-image: url(img/eep/eep_editar_off.png);
	background-position: 0px 0px;
	padding-left: 20px;
	padding-bottom: 3px;
	padding-top: 2px;
}
#editarestapagina #eep_salir{
	background-image: url(img/eep/eep_salir.png);
	background-position: 0px 0px;
	padding-left: 20px;
}
#editarestapagina #eep_edit{
	background-image: url(img/eep/eep_editar.png);
	background-position: 0px 0px;
	padding-left: 20px;
}
#editarestapagina #eep_admin{
	background-image: url(img/eep/eep_admin.png);
	background-position: 0px 0px;
	padding-left: 20px;
}


