@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:"Arista";
	src:url("../fuentes/Arista/Arista.eot?") format("eot"),
	url("../fuentes/Arista/Arista.woff") format("woff"),
	url("../fuentes/Arista/Arista.ttf") format("truetype"),
	url("../fuentes/Arista/Arista.svg#Arista") format("svg");
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family:"Avdira";
	src:url("../fuentes/Avdira/Avdira_R.eot?") format("eot"),
	url("../fuentes/Avdira/Avdira_R.woff") format("woff"),
	url("../fuentes/Avdira/Avdira_R.ttf") format("truetype"),
	url("../fuentes/Avdira/Avdira_R.svg#Avdira") format("svg");
	font-weight:normal;
	font-style:normal;
	}
@font-face {
	font-family:"Miso";
	src:url("../fuentes/Miso/miso.eot?") format("eot"),
	url("../fuentes/Miso/miso.woff") format("woff"),
	url("../fuentes/Miso/miso.ttf") format("truetype"),
	url("../fuentes/Miso/miso.svg#Miso") format("svg");
	font-weight:normal;
	font-style:normal;
	}
body{
	background:url(../img/bg.jpg) no-repeat center top;
	}
#contenedor{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	overflow:hidden;
	}
#menu{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	z-index:130;
	}
#menu-960{
	width:960px;
	margin:auto;
	position:relative;
	}
.menu{
	float:left;
	position:relative;
	width:285px;
	}
.menu ul li{
	font-size:19px;
	font-family:"Arista";
	}
.menu ul li a{
	text-decoration:none;
	color:#FFF;
	font-size:19px;
	float:left;
	position:relative;
	text-align:center;
	}
.menu-r{
	width:325px;
	}
#m1 a{
	width:140px;
	padding-top:30px;
	padding-bottom:39px;
	}
#m1 a:hover{
	background:url(../img/m1.png);
	color:#767676;
	}
#m1 .selec{
	background:url(../img/m1.png);
	color:#767676;
	}
#m2 a{
	width:129px;
	font-size:27px;
	margin-left:8px;
	padding-top:25px;
	padding-bottom:36px;
	}
#m2 a:hover{
	background:url(../img/m2.png);
	color:#767676;
	}
#m2 .selec{
	background:url(../img/m2.png);
	color:#767676;
	}
#m3 a{
	font-size:27px;
	width:168px;
	margin-left:10px;
	margin-right:5px;
	padding-top:25px;
	padding-bottom:36px;
	}
#m3 a:hover{
	background:url(../img/m3.png);
	color:#767676;
	}
#m3 .selec{
	background:url(../img/m3.png);
	color:#767676;
	}
#m4 a{
	width:129px;
	margin-left:8px;
	padding-top:30px;
	padding-bottom:39px;
	}
#m4 a:hover{
	background:url(../img/m2.png);
	color:#767676;
	}
#m4 .selec{
	background:url(../img/m2.png);
	color:#767676;
	}
#logo{
	float:left;
	position:relative;
	}
#home{
	min-width:960px;
	float:left;
	position:relative;
	overflow:hidden;
	left:50%;
	width:1920px;
	margin-left:-960px;
	margin-top:-25px;
	}
#contenido{
	float:left;
	position:relative;
	width:100%;
	min-width:960px;
	background:url(../img/cont.jpg) center top;
	margin-top:150px;
	}
#contenido-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#top{
	background:url(../img/footer.png) center top;
	width:100%;
	position:absolute;
	height:112px;
	top:-112px;
	z-index:110;
	}
#botones-home{
	float:left;
	position:relative;
	margin-top:20px;
	padding-bottom:50px;
	}
#botones-home h1{
	font-size:42px;
	color:#85b224;
	background:url(../img/h1.png);
	font-family:"Arista";
	padding:0px 15px;
	float:left;
	position:relative;
	margin-left:315px;
	margin-right:200px;
	text-transform:uppercase;
	}
#planta{
	width:475px;
	height:364px;
	position:absolute;
	background-image:url(../img/planta.png);
	z-index:120;
	}
#raiz{
	background-image:url(../img/raiz.png);
	width:566px;
	height:341px;
	position:absolute;
	}
#mariposa{
	z-index:120;
	width:84px;
	height:93px;
	background-image:url(../img/mariposa.png);
	position:absolute;
	}
.circulo{
	background:url(../img/circulo.png);
	width:163px;
	height:163px;
	position:absolute;
	top:0px;
	left:0px;
	}
#planta-c{
	width:468px;
	height:180px;
	position:absolute;
	background-image:url(../img/planta-c.png);
	z-index:120;
	top:-180px; 
	left:210px;
	}
#foto-emp{
	float:left;
	position:relative;
	margin-left:-480px;
	margin-top:55px;
	}
#texto-emp{
	float:left;
	position:relative;
	width:515px;
	margin-left:30px;
	margin-top:105px;
	}
#texto-emp p{
	font-family:"Avdira";
	font-size:17px;
	line-height:18px;
	text-align:right;
	}
#empresa{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background:url(../img/black.png);
	padding-bottom:20px;
	padding-top:10px;
	}
#empresa-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#mision{
	float:left;
	position:relative;
	width:415px;
	}
#mision h1{
	font-family:"Arista";
	font-size:42px;
	color:#FFF;
	font-weight:normal;
	text-transform:uppercase;
	}
#mision p{
	font-family:"Avdira";
	font-size:16px;
	color:#FFF;
	line-height:18px;
	margin-top:18px;
	text-align:justify;
	}
#vision{
	float:right;
	position:relative;
	width:410px;
	}
#vision h1{
	font-family:"Arista";
	font-size:42px;
	color:#FFF;
	font-weight:normal;
	text-transform:uppercase;
	text-align:right;
	}
#vision p{
	font-family:"Avdira";
	font-size:16px;
	color:#FFF;
	line-height:18px;
	margin-top:18px;
	text-align:justify;
	}
#catalogo{
	width:100%;
	min-width:960px;
	float:left;
	position:relative;
	background:url(../img/catalogo.jpg) no-repeat center top;
	height:584px;
	}
#catalogo-960{
	width:960px;
	margin:auto;
	position:relative;
	}
.catalogo-bg{
	width:480px;
	position:absolute;
	height:373px;
	background:url(../img/bg-catalogo.png) no-repeat center top;
	top:0px;
	}
#titulo-catalogo{
	width:100%;
	float:left;
	position:relative;
	margin-top:20px;
	}
#titulo-catalogo h1{
	font-family:"Arista";
	font-size:42px;
	color:#FFF;
	font-weight:normal;
	text-transform:uppercase;
	}
#titulo-catalogo a{
	position:absolute;
	top:0px;
	right:0px;
	font-family:"Arista";
	font-size:19px;
	color:#412525;
	padding:10px;
	background:#b4e153;
	text-decoration:none;
	}
#titulo-catalogo a:hover{
	background:#FFF;
	color:#767676;
	}
#foto-ser{
	float:left;
	position:relative;
	margin-left:-480px;
	margin-top:30px;
	}
#servicios{
	float:left;
	position:relative;
	width:515px;
	margin-left:30px;
	margin-top:20px;
	}
#servicios h1{
	font-family:"Arista";
	font-size:42px;
	text-align:right;
	font-weight:normal;
	text-transform:uppercase;
	}
#servicios p{
	font-family:"Avdira";
	font-size:17px;
	line-height:20px;
	text-align:right;
	margin-top:10px;
	}
#slider-servicios{
	float:left;
	position:relative;
	width:1920px;
	margin-left:-480px;
	margin-top:40px;
	}
#mapa{
	float:left;
	position:relative;
	width:370px;
	margin-left:15px;
	margin-top:75px;
	}
#ampliar{
	font-size:42px;
	color:#85b224;
	background:url(../img/h1.png);
	font-family:"Arista";
	padding:5px 0px;
	float:left;
	position:relative;
	text-transform:uppercase;
	cursor:pointer;
	width:295px;
	text-align:center;
	margin-top:15px;
	text-decoration:none;
	margin-left:20px;
	}
#ampliar:hover{
	background:#000;
	}
#formulario{
	float:left;
	position:relative;
	width:545px;
	margin-top:75px;
	margin-left:25px;
	margin-bottom:115px;
	}
#formulario p{
	font-family:"Avdira";
	font-size:17px;
	line-height:20px;
	text-align:justify;
	margin-left:15px;
	}
#formulario form{
	margin-top:20px;
	}
.campo{
	width:530px;
	float:left;
	position:relative;
	margin-bottom:5px;
	background-color:#557F19;
	padding:8px;
	}
.campo h1{
	color:#fff;
	float:left;
	font-family:"Avdira";
	font-size:20px;
	position:relative;
	font-weight:normal;
	width:95px;
	margin-top:8px;
	margin-left:10px;
	}
input{
	width:405px;
	font-family:"Avdira";
	font-size:20px;
	border:none;
	background-color:#557F19;
	color:#FFF;
	}
.campo-t{
	width:530px;
	float:left;
	position:relative;
	margin-bottom:5px;
	background-color:#557F19;
	padding:8px;
	}
.campo-t h1{
	color:#fff;
	float:left;
	font-family:"Avdira";
	font-size:20px;
	position:relative;
	font-weight:normal;
	width:95px;
	margin-top:8px;
	margin-left:10px;
	}
textarea{
	width:405px;
	font-family:"Avdira";
	font-size:20px;
	border:none;
	background-color:#557F19;
	color:#FFF;
	height:150px;
	max-height:150px;
	max-width:405px;
	}
#enviar{
	font-size:42px;
	color:#85b224;
	background:url(../img/h1.png);
	font-family:"Arista";
	padding:5px 0px;
	float:right;
	position:relative;
	text-transform:uppercase;
	cursor:pointer;
	width:175px;
	text-align:center;
	margin-top:15px;
	}
#enviar:hover{
	background:#000;
	}
#bootom{
	float:left;
	position:relative;
	width:100%;
	min-width:960px;
	background:url(../img/footer.jpg) no-repeat top center;
	}
#bootom-960{
	width:960px;
	margin:auto;
	position:relative;
	}
#btn-catalogo{
	width:960px;
	float:left;
	position:relative;
	margin-bottom:85px;
	}
#btn-catalogo p{
	font-family:"Avdira";
	color:#FFF;
	width:185px;
	font-size:22px;
	margin-top:75px;
	float:left;
	position:relative;
	}
#btn-catalogo a{
	width:722px;
	height:121px;
	float:right;
	position:relative;
	margin-top:30px;
	background:url(../img/btn.png);
	font-family:"Miso";
	color:#154749;
	text-decoration:none;
	}
#btn-catalogo a:hover{
	background:url(../img/btn-h.png);
	}
.title{
	font-size:22px;
	position:absolute;
	right:95px;
	top:25px;
	}
#btn-catalogo a:hover .title{
	color:#FFF;
	}
.title-g{
	font-size:56px;
	position:absolute;
	right:90px;
	top:40px;
	}
#btn-catalogo a:hover .title-g{
	color:#FFF;
	}
.btn-amp{
	position:absolute;
	color:#9c2735;
	font-size:18px;
	font-family:"Arista";
	text-transform:uppercase;
	left:190px;
	top:55px;
	width:0px;
	height:0px;
	overflow:hidden;
	}
#btn-catalogo a:hover .btn-amp{
	position:absolute;
	width:95px;
	height:20px;
	}
.mas{
	position:absolute;
	right:35px;
	top:40px;
	background:url(../img/mas.png);
	width:46px;
	height:46px;
	}
#ver-mapa{
	width:65px;
	height:90px;
	float:left;
	position:relative;
	background-image:url(../img/ver.png);
	z-index:10;
	}
#ver-mapa:hover{
	background-image:url(../img/ver-h.png);
	}
#datos{
	margin-left:15px;
	float:left;
	position:relative;
	z-index:10;
	}
#datos p{
	line-height:20px;
	font-size:18px;
	font-family:"Avdira";
	}
#web{
	font-size:15px;
	font-family:"Avdira";
	background:url(../img/web.png) #282828 no-repeat 180px 8px;
	float:right;
	position:relative;
	z-index:10;
	color:#FFF;
	text-decoration:none;
	padding-right:210px;
	padding-top:15px;
	padding-left:20px;
	padding-bottom:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	margin-top:57px;
	}
#web:hover{
	background:url(../img/web.png) no-repeat 180px 8px #9c2735;
	}
#footer{
	background:url(../img/footer.png) center top;
	width:100%;
	position:absolute;
	height:178px;
	bottom:0px;
	}
/*Panel*/
.panel {
	position: fixed;
	top: 30%;
	right: 0;
	display: none;
	background-repeat:no-repeat;
	background-position:left top;
	z-index:120;
	padding-right:40px;
	}
a.trigger{
	position: fixed;
	top: 30%; 
	right: 0;
	color:#000;
	background-image:url(../img/link.png);
	background-repeat: no-repeat; 
	height:366px;
	width:40px;
	display: block;
	z-index:120;
	}
/*a.trigger:hover{
	text-decoration: none;
	width:29px;
	background-image:url(../img/link.png);
	color:#fff;
	display: block;
	}*/
.contenido-panel{
	float:right;
	position:relative;
	background-color:#fff;
	background-image:url(../img/links.jpg);
	background-repeat:no-repeat;
	width:305px;
	border-top:solid 5px #002C30;
	border-bottom:solid 5px #002C30;
	}
.links{
	float:left;
	position:relative;
	width:371px;
	margin-top:15px;
	margin-bottom:18px;
	margin-left:30px;
	margin-right:10px;
	}
.links a{
	padding-left:75px;
	height:60px;
	padding-top:10px;
	text-decoration:none;
	color:#000;
	float:left;
	position:relative;
	font-size:24px;
	font-family:"Avdira";
	width:200px;
	}
.ico1{
	background:url(../img/iconos.png) no-repeat 0px 0px;
	}
.ico2{
	background:url(../img/iconos.png) no-repeat 0px -64px;
	}
.ico3{
	background:url(../img/iconos.png) no-repeat 0px -129px;
	}
.ico4{
	background:url(../img/iconos.png) no-repeat 0px -194px;
	}
.ico5{
	background:url(../img/iconos.png) no-repeat 0px -259px;
	}
.ico6{
	background:url(../img/iconos.png) no-repeat 0px -324px;
	}