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

@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One|Fenix|Nunito:400,700,300|Source+Sans+Pro:400,600,700,700italic,600italic,300italic,300);

body
{
	margin:0;
	 font-family: "Source Sans Pro";
	 font-size:0.9em;
    line-height: 1.5;
     color: #565656;
	 background-color:#E8E76B;
}
#menuul li{
   	padding:10px;
	
    overflow: hidden;
    position: relative;
    float:left;
   -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	list-style-type:none;
	
	
	
}
#menuul a{
	
    position: relative;
    float:left;
   	color:#fff;
	
	text-decoration:none;
	font-family:"Source Sans Pro";
	font-weight:700;
	 font-style:italic;
	font-size:1.7em;
   -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear
	list-style-type:none;
	
	
}
#menuul a:hover {
	
text-shadow:3px 3px 5px #000;

   /* -webkit-animation: moveFromBottom 300ms ease;
    -moz-animation: moveFromBottom 300ms ease;
    -ms-animation: moveFromBottom 300ms ease;*/
	
}
#menuul .activo
{
  position: relative;
    float:left;
   	color:#fff;
	
	text-decoration:none;
	font-family:"Source Sans Pro";
	font-weight:700;
	font-style:italic;
	font-size:1.7em;
   -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear
	list-style-type:none;
	text-shadow:3px 3px 5px #000;

}

#menuul{
	position:absolute;
	margin:0px;
}




#menu-logo
{
   position: relative;
   margin-top:-70px;
   margin-left:-185px;
  z-index: 500;
  width: 211px;	
}
#menu
{
	width:100%;
	background-color:#00B22D;
	height:97px;
	z-index:999;
}
#menu_content
{
	width:736px;
	margin:0 auto;
	padding-left:100px;
	padding-top:42px;
	z-index:999;

}

#pie
{
	width:100%;
	background-color:#E8E76B;
    
	bottom:0;
	z-index:500;

}
#pie_content
{
	width:998px;
	height:165px;
	margin:0 auto;
	padding:10px;
	background-image:url(../img/pie_fondo.png);
}
#separador
{
	 width:100%;
	 height:4px;
	 background-color:#00B22D;
}
#content_container
{
	width:100%;
	min-height:450px;
	background-color:#FFF;
	
}
#content_section
{
	width: 998px;
	margin:0 auto;
	padding-top:15px;
	padding-bottom:15px;
	line-height:normal;
	font-size:1.1em;
}

#Frmchlang 
{
	font-size:1em;
	color:#FFF;
}
#Frmchlang select
{
	font-size:1em;
	border:0;
	color:#00B22D;
	float: left;
	height: 22px;
	background: transparent;
	padding-left:2px;
	width:130px;

	border:1px solid #FFF;

}

.div_select 
{
	float:left;
	width:110px;
	height: 22px;
	margin-left:5px;
	margin-top:5px;
	background-color: #fff;
	border-radius:10px;
	overflow: hidden;
    background: url(../img/flecha_select.png) no-repeat right #fff;

}
/* ESTILOS DEL SLIDE*/
#container {
 min-width: 998px;
  max-width:100%;
  /*width:998px;*/
  margin: 0 auto;
  background: #fff;
}
a.pielink
{
	color:#4A4924;
	font-size:1.2em;

	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear
}
a.pielink:hover
{
	color:#fff;
	background-color:#4A4924;
	
	
}
a.redes
{
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear
}
a.redes:hover
{
opacity:0.5;
	
}
.bt
{
	background-color:#00B22D;
	color:#FFF;
	font-size:1.2em;
	font-weight:700;
	padding:5px;
	cursor:pointer;
	margin-top:5px;
	box-shadow:0px 3px 3px #666;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear
}
.bt:hover
{
	background-color:#E8E76B;
	color:#000;
	font-size:1.2em;
	font-weight:700;
	box-shadow:0px 0px 0px #666;
}
.txt-sh
{
	  text-shadow:3px 3px 3px #000;
}
.servicios
{
	width:300px;
	height:150px;
	overflow:hidden;
	margin-bottom:10px;
	margin-right:10px;
	position: relative;
	background-color:#000;
	cursor:pointer;	
	box-shadow:0px 2px 5px #000000;
	
}
.servicios .tag
{
	font-family: "Source Sans Pro";
font-size:1.2em;
font-weight:700;	
color:#fff;
text-decoration:none;
   width:300px;
   height:25px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   padding:10px;
   opacity:1;
   background-color:#00B22D;
   z-index:999;
   -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear
    -moz-transform:translateY(110px);
   -webkit-transform:translateY(110px);
   -o-transform:translateY(110px);
   -ms-transform:translateY(110px);
   transform:translateY(110px);

}
.servicios .tag2
{
	
   width:175px;
   height:150px;
   font-family: "Source Sans Pro";
font-size:0.8em;
	
color:#000;
text-decoration:none;	
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   padding:10px;
   opacity:1;
   background-color:#E8E76B;
 -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear
    -moz-transform:translateX(300px);
   -webkit-transform:translateX(300px);
   -o-transform:translateX(300px);
   -ms-transform:translateX(300px);
   transform:translateX(300px);
   

}
.servicios .icon
{
	
   width:39px;
   position: absolute;
    top: 110px;
   left: 125px;
   opacity:0;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear

}
.inp_compra
{
	height:16px;
	font-size:0.9em;
}
.servicios .imgppal
{
	 -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear
}
.servicios:hover .imgppal
{
opacity:1;
  -moz-transform:translateX(-110px);
   -webkit-transform:translateX(-110px);
   -o-transform:translateX(-110px);
   -ms-transform:translateX(-110px);
   transform:translateX(-110px);
	
    
	
}
.servicios:hover .tag
{
     opacity:1;

	-moz-transform:translateY(160px);
   -webkit-transform:translateY(160px);
   -o-transform:translateY(160px);
   -ms-transform:translateY(160px);
   transform:translateY(160px);
    
	
}
.servicios:hover .tag2
{
     opacity:1;

	-moz-transform:translateX(110px);
   -webkit-transform:translateX(110px);
   -o-transform:translateX(110px);
   -ms-transform:translateX(110px);
   transform:translateX(110px);
    
	
}
.servicios:hover .icon
{
     opacity:1;


    
	
}

a.serv_menu
{
	padding:5px;
	background-color:#FFF;
	color:#4A4924;
	font-size:1em;
	text-decoration:none;
	 -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

a.serv_menu:hover
{
	color:#FFF;
	padding:5px;
	background-color:#43A84C;
}
.serv_menu_active
{
	padding:5px;
	/*background-color:#E8E76B;
	color:#4A4924;
	*/
	background-color:#43A84C;
	color:#fff;
	
	font-size:1em;
	display:inline-block;
	margin-bottom:2px;
	
	
}

.tit
{
font-size:2em;	
font-weight:500

}

.txt_serv
{
	color:#4A4924;
	font-size:1em;
}
.txtnegro
{
	color: #000;
	font-size:0.8em;	
}
.txtgris
{
	color: #666;
	font-size:0.8em;	
}
.txthuge
{
	font-weight:700;
	font-size:1.4em;
}
.titparrafo
{
font-size:1em;	
font-weight:700;
}
.frmError
{
	background-color:#900;
	color:#FFF;
	font-size:1em;
	padding:5px;
	opacity:0;
	 -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.alpa
{
	opacity:1;
}
.fleft{
	
	float:left;}
@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
	
		
    }
    to {
        -webkit-transform: translateY(0%);
		
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
	
    }
    to {
        -moz-transform: translateY(0%);
	
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

.txt_inicio
{
	font-size:1.4em;
	font-weight: 500;
	line-height:1em;
	text-align:justify;
	color:#FFF;
	padding-bottom:15px;
}
/*#########################TRABAJOS################################*/
.trabajos
{
	width:300px;
	height:150px;
	overflow:hidden;
	margin-bottom:10px;
	margin-right:10px;
	position: relative;
	background-color:#000;
	/*cursor:pointer;*/
	border: #060 solid 1px;	
}

.des_trabajos
{
	width:290px;
	overflow:hidden;
	padding:5px;
	color: #494949;
	margin-bottom:10px;
	margin-right:10px;
	position: relative;
	background-color: #E1E3DF;
	font-size:0.9em;	
}

.trabajos .tag
{
   width:300px;
   height:150px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
		-moz-transform:translateY(150px);
   -webkit-transform:translateY(150px);
   -o-transform:translateY(150px);
   -ms-transform:translateY(150px);
   transform:translateY(150px);
	opacity:0;
	background-image: url(../img/tag.png);

}

.trabajos .imgppal
{
	 -webkit-transition: all 200ms linear;
     -moz-transition: all 200ms linear;
     -o-transition: all 200ms linear;
     -ms-transition: all 200ms linear;
     transition: all 200ms linear
	 -moz-transform:translateY(0px);
     -webkit-transform:translateY(0px);
     -o-transform:translateY(0px);
     -ms-transform:translateY(0px);
     transform:translateY(0px);
}

.trabajos:hover .imgppal
{
	-moz-transform:translateY(-150px);
   -webkit-transform:translateY(-150px);
   -o-transform:translateY(-150px);
   -ms-transform:translateY(-150px);
   transform:translateY(-150px);
/*opacity:0.9;
  -moz-transform:scale(1.2,1.2);
   -webkit-transform:scale(1.2,1.2);
   -o-transform:scale(1.2,1.2);
   -ms-transform:scale(1.2,1.2);
   transform:scale(1.2,1.2);*/
}

.trabajos:hover .tag
{
   -moz-transform:translateY(0px);
   -webkit-transform:translateY(0px);
   -o-transform:translateY(0px);
   -ms-transform:translateY(0px);
    transform:translateY(0px);
    opacity:1;
	
}
a.wrk_menu
{

	background-color:#FFF;
	color:#4A4924;
	font-size:1em;
	text-decoration:none;
	 -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

a.wrk_menu:hover
{
	color:#FFF;
	background-color:#43A84C;
}
.wrk_menu_active
{
	padding:5px;
	width:200px;
	/*background-color:#E8E76B;
	color:#4A4924;
	*/
	background-color:#43A84C;
	color:#fff;
	
	font-size:1em;
	display:inline-block;
	margin-bottom:2px;	
}
/*#########################TRABAJOS################################*/
/*###########################Menu Pie###################*/

#pieul li{
   	padding:5px;
    overflow: hidden;
    position: relative;
    float:left;
   -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	list-style-type:none;
	
	
	
}
#pieul a{
	
    position: relative;
	padding:2px;
   	color:#5D5C2D;
	text-decoration:none;
	font-family:"Source Sans Pro";
	font-weight:700;
	font-style:italic;
	font-size:1em;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	list-style-type:none;
	
	
}
#pieul a:hover {
	
background-color:#5D5C2D;
	color:#fff;

   /* -webkit-animation: moveFromBottom 300ms ease;
    -moz-animation: moveFromBottom 300ms ease;
    -ms-animation: moveFromBottom 300ms ease;*/
	
}
#pieul .activo
{
  position: relative;
    float:left;
   	color:#5D5C2D;
	text-decoration:none;
	font-family:"Source Sans Pro";
	font-weight:700;
	font-style:italic;
	font-size:1em;
   -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear
	list-style-type:none;

}

#pieul{
	margin:0px;

}
/*###########################Menu Pie###################*/