/* --------------------------- Gral --------------------------------------------------- */

/* 
Colores:
Verde claro #c9eb37
Verde oscuro #a8c633

Tipos utilizadas: 
Open Sans:400,700;
*/




html{background-color:#fff;}

body {
	margin:0 auto;padding:0px;
	width:100%;height:100%;
    font-size:15px;color:#333;
}

h1,h2,h3,h4 {
	font-family: Arial,Helvetica,sans-serif;
	font-family: 'Oswald', sans-serif;
}

p,a,div,span,th,td,dl,dt,dd,ul,ol,li {
	font-family: Arial,Helvetica,sans-serif;
	font-family: 'Open Sans', sans-serif;
}

a {text-decoration:none;}
a:link {color:#c9eb37;}
a:visited {color:#c9eb37;}
a:hover {color:#a8c633;text-decoration:underline;}
a:active {color:#c9eb37;}

dfn, abbr {font-style:normal;border:none;}








/* --------------------------- Contenidos --------------------------------------------- */

header {/*CSS-JS 300,450,600*/
	position:fixed;float:none;top:0;
	margin:0 auto;padding:0px;
	width:100%;height:100px;
	clear:both;overflow:hidden;
	background-position:left top;
	background-repeat:repeat;
    background-image:url('../img/header_bg.png');
	z-index:999;
}

footer {
	position:relative;float:none;
	margin:0px auto 0 auto;padding:60px 0 60px 0;
	width:100%;min-height:70px;
	clear:both;overflow:hidden;
	background-color:#222;
}

section, aside, nav {margin:0 auto;padding:0px;}

#content {
	position:relative;float:none;
	margin:0 auto;padding:0px 0 40px 0;
	width:100%;min-height:100px;
	clear:both;overflow:hidden;	
	background-color:#fff;
}







/* --------------------------- Abrigos ------------------------------------------------ */

.wrap {/*CSS-JS*/
	position:relative;float:none;
	margin:0 auto;padding:0px;
	min-height:10px;
	clear:both;
}

header .wrap {overflow:hidden;}
#content .wrap {width:960px;overflow:hidden;}
#moreservices .wrap {width:960px;overflow:hidden;}
#promocion .wrap {width:960px;overflow:hidden;}
#toppage .wrap {width:960px;overflow:hidden;}







/* --------------------------- Logo --------------------------------------------------- */

header h1.logo {/*CSS-JS*/
	position:relative;float:left;
	width:124px;height:70px;
	margin:15px auto 0 15px;padding:0;	
	overflow:hidden;
	text-indent:-900em;
	background-position:center top;
	background-repeat:no-repeat;
	background-image:url('../img/logo.jpg');	
	z-index:999;
}

h1.logo a{display:block;width:124px;height:70px;}









/* --------------------------- Menú principal ----------------------------------------- */


header nav {margin:0 auto;}

header nav ul.mainmenu {/*CSS-JS*/
	position:absolute;top:0px;
	margin:0 auto;padding:0;
	width:100%;height:145px;
	overflow:visible;
    list-style-type:none;
	text-align:center;
	z-index:2;
}

header nav ul.mainmenu li {/*CSS-JS*/
	/*position:relative;float:left;*/
	margin:0 auto;padding:0;
	width:125px;min-height:20px;
	text-align:center;
	overflow:visible;
	display:inline-block;
}

header nav ul.mainmenu li a {/*CSS-JS*/
	margin:35px 10px 0 10px;padding:8px 20px 5px 30px;
	width:75px;height:100%;
	font-size:125%;text-align:left;line-height:100%;color:#fff;font-weight:normal;text-decoration:none;
	overflow:hidden;
	background:#555;
	border-radius:5px;
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;	
}

header nav ul.mainmenu li.on a,
header nav ul.mainmenu li a:hover {background-color:#c9eb37;box-shadow:inset 0 0 5px rgba(0,0,0,0.5);}

header nav ul.mainmenu li a.contacto{background-image:url('../img/mainmenu_contacto.png');}
header nav ul.mainmenu li a.inicio{background-image:url('../img/mainmenu_inicio.png');}
header nav ul.mainmenu li a.servicios{background-image:url('../img/mainmenu_servicios.png');}







/* --------------------------- Mas servicios ------------------------------------------ */



#moreservices {
	position:relative;float:none;
	margin:0 auto;padding:65px 0 65px 0;
	width:100%;min-height:200px;
	clear:both;overflow:hidden;	
	background-color:#fff;
}

#moreservices .productos,
#moreservices .principiosactivos {
	position:relative;float:left;
	margin:0 auto;padding:0;
	min-height:200px;
	overflow:hidden;		
}

#moreservices .productos {width:30%;}
#moreservices .principiosactivos {width:67%;padding-left:3%;}

#moreservices .principiosactivos .principiosactivos_item {
	position:relative;float:left;
	margin:0 auto;padding:0;
	width:33%;min-height:100px;
	overflow:hidden;		
}

#moreservices .principiosactivos .principiosactivos_item h5 {margin:0 auto;min-height:30px;font-size:100%;font-weight:normal;color:#a8c633;}

#moreservices .productos h4 a,
#moreservices .principiosactivos h4 a {font-size:150%;font-weight:normal;color:#a8c633;}

#moreservices .productos ul,
#moreservices .principiosactivos ul {
	position:relative;float:left;
	margin:0 auto;padding:0;
	width:100%;min-height:100px;
	overflow:hidden;
	list-style-type:none;				
}

#moreservices .productos ul li,
#moreservices .principiosactivos ul li{
	position:relative;float:left;
	margin:0 auto;padding:0;
	width:100%;min-height:20px;
	overflow:hidden;
	color:#999;	
}

#moreservices .productos ul li {margin-top:5px;padding:5px 0 5px 0;border-bottom:1px solid #999;}
#moreservices .principiosactivos ul li {margin-top:5px;padding:2px 0 2px 0;}







/* --------------------------- Promoción ---------------------------------------------- */



#promocion {
	position:relative;float:none;
	margin:0 auto;padding:25px 0 75px 0;
	width:100%;min-height:20px;
	clear:both;overflow:hidden;	
	background-color:#fff;
	box-shadow:inset 0 0 100px rgba(0,0,0,0.4);
	text-align:center;
}

#promocion h2 {font-size:225%;color:#333;}

#promocion .promo_item {
	position:relative;float:left;
	margin:2.5% 2.5% 2.5% 2.5%;padding:0;
	width:45%;min-height:20px;
	overflow:hidden;
	box-shadow:0 0 10px rgba(0,0,0,0.4);
	border-radius:25px;
}

#promocion .promo_item .promo_item_tit {
	position:relative;float:none;
	margin:0 auto;padding:7% 5%;
	width:90%;min-height:30px;
	clear:both;overflow:hidden;	
	background-color:#ff9900;
	font-size:175%;color:#fff;
}

#promocion .promo_item .promo_item_img img {
	position:relative;float:none;
	margin:5% 5% 1% 5%;padding:0;
	width:90%;
	clear:both;
	border:0;border-radius:5px;
	box-shadow:0 3px 15px rgba(0,0,0,0.3);
}

#promocion .promo_item .promo_item_txt {
	position:relative;float:none;
	margin:0 auto;padding:5%;
	width:90%;min-height:100px;
	clear:both;overflow:hidden;color:#333;
	background-color:#fff;	
}
#promocion .promo_item .promo_item_txt p {font-size:100%;}
#promocion .promo_item .promo_item_txt p.intro {font-size:125%;color:#ff9900;}







/* --------------------------- Importante --------------------------------------------- */



#importante {
	position:relative;float:none;
	margin:0 auto;padding:75px 0 55px 0;
	width:100%;min-height:20px;
	clear:both;overflow:hidden;	
	background-color:#b2b2b2;
	text-align:center;font-size:175%;font-style:italic;color:#333;
	box-shadow:inset 0 0 100px rgba(0,0,0,0.4);
}









/* --------------------------- Pie de página ------------------------------------------ */



footer a.datafiscal {
	position:relative;float:left;
	margin:0 auto;padding:0 20px 0 15px;
	width:auto;min-height:15px;
	text-align:left;
}
footer a.datafiscal img {width:55px;height:75px;border:0;}

footer address {/*CSS-JS 300,450,600*/
	position:relative;float:left;
	margin:0 auto;padding:5px 0 0 0;
	width:50%;min-height:15px;
	overflow:hidden;
	text-align:left;color:#999;font-size:80%;line-height:120%;font-style:normal;
}

footer span.author {/*CSS-JS 300,450,600*/
	position:relative;float:right;
	margin:0 auto;padding:65px 0 0 0;
	width:25%;min-height:15px;
	overflow:hidden;
	text-align:right;color:#999;font-size:75%;
}

footer span.author a {color:#999;clear:both:display:inline-block;}
footer span.author a:hover {color:#999;}







/* --------------------------- Menú rápido -------------------------------------------- */

#fastmenu {
	position:fixed;right:0;top:0;
	margin:0 auto;padding:0;
	width:auto;height:70px;
	overflow:hidden;
	z-index:999;
}

#fastmenu ul.fastmenu_socnet {/*CSS-JS 300,450,600*/
	position:relative;float:right;
	margin:0 auto;padding:15px 15px 0 0;
	width:auto;min-height:20px;
	overflow:hidden;
	list-style-type:none;
}

#fastmenu ul.fastmenu_socnet li {/*CSS-JS*/
	position:relative;float:right;	
	margin:2px 0px 5px 5px;padding:0 0 0 7px;
	width:30px;height:30px;
	overflow:hidden;
}

#fastmenu ul.fastmenu_socnet li a {
	position:relative;float:none;
	margin:0 auto;padding:0;
	width:30px;height:30px;
	overflow:hidden;
	display:block;
	text-indent:-900em;
	border-radius:15px;
	background-color:#555;
	background-repeat:no-repeat;
	background-image:url('../img/fastmenu_socnet.png');	
}
#fastmenu ul.fastmenu_socnet li a:hover {background-color:#c9eb37;}

#fastmenu ul.fastmenu_socnet li a.fb{background-position:0 0;}
#fastmenu ul.fastmenu_socnet li a.tw{background-position:-30px 0;}
#fastmenu ul.fastmenu_socnet li a.gp{background-position:-60px 0;}