@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800);

/* ====== COLORS ===== */
/* GREEN 		#02833D 	*/
/* LIGHT GREEN 	#7AC042 	*/
/* YELLOW 		#FEEF01 	*/



/* ====== SETTINGS ===== */

html, body{
	width:100%;
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}
.clear {
	clear:both;	
}

.left{
	float:left;
}

.right{
	float:right;
}

.center{
	margin:0 auto;	
}

hr {
	border:#7AC042 thin solid;
	margin-top:15px;
	margin-bottom:15px;
}

.block-height10{
	width:100%;
	height:10px;
}

.block-height20{
	width:100%;
	height:20px;
}


.text{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serifM;
	font-size:14px;
	text-align:justify;
	color:#000;
}


.imgFrame{
	 -webkit-border-radius: 4px;
   	 -moz-border-radius: 4px;
   	 border-radius: 4px;		 
 	 padding: 3px;
 	 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
 	 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
 	 box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	 overflow:hidden;
	 background-color:#FFF;
}

.imgFrameLeft{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	-webkit-border-radius: 4px;
   	 -moz-border-radius: 4px;
   	 border-radius: 4px;		 
 	 padding: 3px;
 	 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
 	 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
 	 box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	 overflow:hidden;
	 background-color:#FFF;
}

.imgFrameRight{
	float:right;
	margin-left:15px;
	margin-bottom:15px;
	-webkit-border-radius: 4px;
   	 -moz-border-radius: 4px;
   	 border-radius: 4px;		 
 	 padding: 3px;
 	 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
 	 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
 	 box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	 overflow:hidden;
	 background-color:#FFF;
}


/* ===== BOTON ARRIBA ===== */
.ir-arriba {
	padding:10px;
	display:inline-block;
	background:#02833D;
	color:#fff;
	position: fixed;
	font-size:20px;
	bottom:20px;
	right:20px;
	display:none;
	cursor:pointer;
}
/* ====== HEADER ===== */

#header{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

#header .headerWrap{
	width:900px;
	padding:20px;
	margin:0 auto;
}

#header .logoHeader{
	float:left;
	height:160px;
	width:auto;
}

#header .slogan{
	float:right;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	font-size:32px;
	text-align:right;
	font-style:italic;
	color:#02833D;
	margin-bottom:5px;

/*	
text-shadow:1px 1px 0 #fff,
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
0px 1px 0 #fff,
1px 0px 0 #fff,
0px -1px 0 #fff,
-1px 0px 0 #fff,
4px 4px 3px #000;
*/	
}

#header .productsLine{
	float:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:20px;
	text-align:right;
	font-style:italic;
	color:#7AC042;
	margin-bottom:5px;
}

#header #logosHeader {
	float:right;
	margin-top:10px;
}

#header #logosHeader ul{
	 list-style:none;
	 margin:0;
	 padding:0;

}

#header #logosHeader li{
	display:inline-block;
}

#header #logosHeader img{
	height:40px;
	width:auto;
	margin-left:40px;
}
/* ====== MENU NAV ===== */

#menuNav{
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background-color:#02833D;
	margin-top:20px;
	z-index:9999;
}

#menuNav .menuWrap{
	width:900px;
	margin:0 auto;	
}

#cssmenu {
  border: none;
  border: 0px;
  margin-left:10px;
  padding: 0px;
  font: 67.5% "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  width: auto;
}
 #cssmenu ul {
  background: #02833D;
  height: 70px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu li {
  float: left;
  padding: 0px;
}
#cssmenu li a {
  background: #02833D url("imagenes/menu/seperator.gif") bottom right no-repeat;
  display: block;
  font-weight: normal;
  line-height: 70px;
  margin: 0px;
  padding: 0px 40px;
  text-align: center;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  color: #FFFFFF;
}
#cssmenu ul ul a {
  color: #FFFFFF;
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
  background: #7AC042 url("imagenes/menu/hover.png") bottom center no-repeat;
  color: #ffffff;
  text-decoration: none;
}
#cssmenu li ul {
  background: #333333;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 225px;
  z-index: 200;
  /*top:1em;
	/*left:0;*/

}
#cssmenu li:hover ul {
  display: block;
}
#cssmenu li li {
  background: url('imagenes/menu/sub_sep.gif') bottom left no-repeat;
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 225px;
}
#cssmenu li:hover li a {
  background: none;
}
#cssmenu li ul a {
  display: block;
  height: 40px;
  font-size: 14px;
  font-style: normal;
  margin: 0px;
  padding: 0px 10px 0px 15px;
  text-align: left;
  line-height:40px;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
  background: #7AC042 url('imagenes/menu/hover_sub.png') center left no-repeat;
  border: 0px;
  color: #ffffff;
  text-decoration: none;
}
#cssmenu p {
  clear: left;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu ul ul ul {
  left: -9999px;
  top: 0;
}
#cssmenu ul ul li:hover > ul {
  left: 100%;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center > ul {
  text-align: center;
}
#cssmenu > ul > li {
  position: relative;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right > ul > li:hover > ul {
  right: 0;
  left: auto;
  text-align: right;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 100%;
}


/* ====== SLIDE ===== */
#slide{
	width:100%;
	height:350px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#slide .background{
	width: 100%;
	height: 350px;
	background-image: url(../imagenes/slide/background/background-slide1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#slide .slideImgWrap{
	width:900px;
	margin:0 auto;
}

#slide .slideImgSize{
	height:320px;
	padding:15px;
}

#slide .slideImgFullSize{
	width:100%;
	height:auto;
	position: relative;
   	margin-left: auto;
   	margin-right: auto;
   	top: -50%;
	
}




/* ====== CONTENT ===== */

#content{
	width:900px;
	padding:20px;
	margin:0 auto;
}


#content .welcomeLeft{
	float:left;
	width:480px;
	height:270px;
	overflow:hidden;
}

#content .welcomePic{
	width:400px;
	height:auto;
}

#content .welcomeRight{
	float:right;
	width:400px;
}


#content .welcomeTittle{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;	
	text-align:left;
	font-weight:bold;
	color:#02833D;
	padding:0;
	margin:0;
	
}

#content .welcomeText{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serifM;
	font-size:14px;
	text-align:justify;
	color:#000;
}



#content #SectionBox{
	
}

#content #SectionBox ul{
	list-style:none;
	margin:0;
	padding:0;
}

#content #SectionBox li{
	display:inline-block;
	margin-right:10px;
}

#content #SectionBox li:last-child{
	margin-right:0px;
}

#content #SectionBox #Box{
	width:290px;
	height:245px;
	position:relative;
}


#content #SectionBox #Box .greenBox{
	width:290px;
	height:50px;
	background-color:#02833D;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serifM;
	font-size:24px;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	color:#7AC042;
	line-height:50px;
	
	position:absolute;
	top:0;
	left:0;
}


#content #SectionBox #Box .imageBox{
	width:290px;
	height:195px;
	
	position:absolute;
	top:50px;
	left:0;
	overflow:hidden;
}

#content #SectionBox #Box img{
	width:290px;
	height:195px;
}


#content #indexTheme{
	float:left;
	width:600px;
}
#content #indexTheme .tittle{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;	
	text-align:left;
	font-weight:bold;
	color:#02833D;
	padding:0;
	margin:0;
}

#content #indexFacebook{
	float:right;
	width:280px;
	height:500px;
	padding:0;
	margin:0;
}

#content .contentText{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:16px;
	color:#333;
	text-align:justify;
	line-height:20px;
}


#content .contentTittle{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;	
	text-align:left;
	font-weight:bold;
	color:#02833D;
	padding:0;
	margin:0;
}


#content #ProductLeftList{
	float:left;
	width:200px;
	height:auto;
	padding:15px;
	background-color:#02833D;
	-webkit-border-radius: 4px;
   	 -moz-border-radius: 4px;
   	 border-radius: 4px;
	 
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;	
	text-align:left;
	font-weight:normal;
	color:#7AC042;
}

#content #ProductLeftList a{
	text-decoration:none;
	color:#7AC042;
}

#content #ProductLeftList a:hover{
	color:#FFF;
}

#content #descriptionBox .fichaTecnicaImg{
	margin:0;
	padding:0;
	border:none;
	width:150px;
	height:auto;
	-moz-box-shadow:none;
 	 -webkit-box-shadow:none;
 	 box-shadow:none;
	 margin-bottom:10px;
		
}

#content #ProductLeftList ul{
	list-style:none;
	margin:0;
	padding:0;
}

#content #ProductLeftList li{
	display:list-item;
}

#content #ProductRightList{
	float:right;
	width:660px;
	height:auto;
}

#content #ProductBox{
	
}

#content #ProductBox ul{
	list-style:none;
	margin:0;
	padding:0;
}

#content #ProductBox li{
	display:inline-block;
	margin-right:7px;
	margin-bottom:7px;
}

#content #ProductBox li:last-child{
	margin-right:0px;
}

#content #ProductBox #Box{
	width:290px;
	height:245px;
	position:relative;
}


#content #ProductBox #Box .greenBox{
	width:290px;
	height:50px;
	background-color:#02833D;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serifM;
	font-size:20px;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	color:#7AC042;
	line-height:50px;
	
	position:absolute;
	top:0;
	left:0;
}


#content #ProductBox #Box .imageBox{
	width:290px;
	height:195px;
	
	position:absolute;
	top:50px;
	left:0;
	overflow:hidden;
}

#content #ProductBox #Box img{
	width:290px;
	height:195px;
}



#content #descriptionBox{
	
}

#content #descriptionBox ul{
	list-style:none;
	margin:0;
	padding:0;
}

#content #descriptionBox li{
	display:list-item;
	margin-bottom:10px;
	margin-right:10px;
}

#content #descriptionBox #productImageLeft{
	float:left;
	width:180px;
	height:180px;
	overflow:hidden;
	
	margin-right:10px;
	margin-bottom:10px;
	
	-webkit-border-radius: 4px;
   	 -moz-border-radius: 4px;
   	 border-radius: 4px;		 
 	 padding: 3px;
 	 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
 	 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
 	 box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	 overflow:hidden;
	 background-color:#FFF;
	 
}

#content #descriptionBox #productImageLeft img{
	width:180px;
	height:180px;
}

#content #descriptionBox #productDescriptionRight{
	float:right;
	width:440px;
}



#content #descriptionBoxOnlyImage ul{
	margin:0;
	padding:0;
	list-style:none;
}

#content #descriptionBoxOnlyImage li{
	display:inline-block;
	margin-right:7px;
	margin-bottom:7px;
}

#content #descriptionBoxOnlyImage #imageWrapp{
	width:200px;
	height:200px;
	position:relative;
	margin-right:10px;
	margin-bottom:10px;	
}

#content #descriptionBoxOnlyImage #imageWrapp img{
	width:200px;
	height:200px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;

	-webkit-border-radius: 4px;
   	 -moz-border-radius: 4px;
   	 border-radius: 4px;		 
 	 padding: 3px;
 	 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
 	 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
 	 box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	 overflow:hidden;
	 background-color:#FFF;
	 
}

#content #descriptionBoxOnlyImage #imageWrapp #productName{
	width:200px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:16px;
	font-weight:bold;
	color:#333;
	text-align:center;
	
	position:absolute;
	top:180px;
	left:0;
	z-index:10;
}

#content .tittleBox{
	width:100%;
	height:50px;
	
	-webkit-border-radius: 4px;
   	 -moz-border-radius: 4px;
   	 border-radius: 4px;
	 background-color:#02833D;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serifM;
	font-size:26px;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	color:#FEEF01;
	line-height:50px;
	margin-bottom:15px;
	
}

#content #descriptionBox .descriptionBox{
	float:right;
	width:680px;
}

#content #descriptionBox .descriptionTittle{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;	
	text-align:left;
	font-weight:bold;
	color:#02833D;
	padding:0;
	margin:0;
}

#content #descriptionBox .descriptionText{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:14px;
	color:#333;
	text-align:justify;
}


#content .contactLeft{
	float:left;
	width:300px;
}

#content .contactVline{
	float:left;
	height:460px;
	width:20px;
	border-right:#727376 thin solid;
}

#content .contactRight{
	float:right;
	width:550px;
	height:auto;
}

#content .contactAdress{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:justify;
	color:#727376;
}	

#content .contactPhone{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;	
	text-align:left;
	font-weight:bold;
	color:#02833D;
	padding:0;
	margin:0;
}	

/* ======== CONTACT FORM ======== */

#form{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#727376;
	font-size: 14px;
	font-weight:normal;	
	text-align:left;
	padding:0;
	margin:0;
}

#form .asterisk{ color: #599DD6; }
	
#form input{
	width:100%;
	text-decoration:none;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color:#666;
	
	padding:5px 0px 5px 5px;
	margin-bottom:10px;
	margin-top:5px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;	
	border: 1px solid #999;
	
}

#form textarea{
	width:100%;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color:#666;
	
	padding:0px 5px 5px 0px;
	margin-bottom:10px;
	margin-top:5px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;	
	border: 1px solid #999;
}


#form ul{
	width:100%;
	list-style:none;
	padding:0;
	margin:0;
}
	
#form li { 
	display:inline;
	margin-bottom:10px;
}


#form #send-btn{
	float:right;
	right:0;
	margin-bottom:20px;
}

.send {
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding:9px 50px;
	text-decoration:none;
	
	background-color:#1777A5;
	color:#ffffff;
	display:inline-block;
}
.send:hover {	
	background-color:#4C94C7;
}
.send:active {
	position:relative;
	top:1px;
}


/* ====== FOOTER ===== */
#footer{
	width:100%;
	height:auto;
	background-color:#02833D;
}

#footer .footerWrap{
	width:900px;
	height:165px;
	margin:0 auto;
}

#footer .logo{
	float:left;
	margin-top:20px;
}

#footer .vLine{
	float:left;
	border-left:#FFFFFF solid thin;
	height:120px;
	width:10px;
	margin-top:20px;
	margin-left:20px;
}

#footer #phoneNumbers{
	float:left;
	width:200px;
	margin-top:50px;
	margin-left:20px;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:15px;
	color:#FFF;
	text-align:left;
	line-height:20px;
}

#footer #footerIcons{
	float:right;
	margin-top:40px;
}

#footer #footerIcons .iconSize{
	width:auto;
	height:25px;
	margin-left:8px;
	margin-right:10px;
}

#footer #footerMenu{
	float:right;
	margin-top:30px;
}

#footer #footerMenu ul{
	list-style:none;
}

#footer #footerMenu li{
	display:inline-block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:3px 10px;
	border-left:#FFF solid thin;
}

#footer #footerMenu li:first-child{
	border-left:none;
}

#footer #footerMenu li a{
	color:#FFF;
	text-decoration:none;
}
#footer #footerMenu li a:hover{
	color:#FEEF01;
}

#footer #copyright{
	float:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size:12px;
	color:#FFF;
	text-align:right;
	margin-right:10px;
}


#footer #copyright a{
	color:#FFF;
}

#footer #copyright a:hover{
	color:#FEEF01;
}