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


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

/* COLORS */
/* #656160  */
/* #218D49	*/


body{
	width:100%;	
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#656160;
	margin:0;
	padding:0;
	background-color:#FAF9F2;
}


.clear{
	clear:both;
}

.left{ float:left; }
.right{ float:right;}

.imgFloatLeft{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}


.imgFloatRight{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}

.imgfixed{
	width:100%;
}

.marginblock10{
	height:10px;
}

.marginblock20{
	height:20px;
}

.marginblock30{
	height:30px;
}

.width100{
	width:100%;	
}

header{
	width:100%;
	height:95px;
	background-color:FFFFFF;
	padding:0;
	
}

header .headerLogo{
	height:65px;
	width:auto;
	margin-top:15px;
	margin-left:5px;
	
	
}


@-webkit-keyframes shakeit {
0% { -webkit-transform: rotate(0deg) translate(2px, 1px); }
10% { -webkit-transform: rotate(2deg) translate(1px, 2px); }
20% { -webkit-transform: rotate(-2deg) translate(3px, 0px) ; }
30% { -webkit-transform: rotate(0deg) translate(0px, -2px); }
40% { -webkit-transform: rotate(-2deg) translate(-1px, 1px); }
50% { -webkit-transform: rotate(2deg) translate(1px, -2px); }
60% { -webkit-transform: rotate(0deg) translate(3px, -1px); }
70% { -webkit-transform: rotate(2deg) translate(-2px, -1px); }
80% { -webkit-transform: rotate(-2deg) translate(1px, 1px); }
90% { -webkit-transform: rotate(0deg) translate(-2px, -2px); }
100% { -webkit-transform: rotate(2deg) translate(-1px, 2px); }
}
@keyframes shakeit {
0% { transform: rotate(0deg) translate(2px, 1px); }
10% { transform: rotate(2deg) translate(1px, 2px); }
20% { transform: rotate(-2deg) translate(3px, 0px) ; }
30% { transform: rotate(0deg) translate(0px, -2px); }
40% { transform: rotate(-2deg) translate(-1px, 1px); }
50% { transform: rotate(2deg) translate(1px, -2px); }
60% { transform: rotate(0deg) translate(3px, -1px); }
70% { transform: rotate(2deg) translate(-2px, -1px); }
80% { transform: rotate(-2deg) translate(1px, 1px); }
90% { transform: rotate(0deg) translate(-2px, -2px); }
100% { transform: rotate(2deg) translate(-1px, 2px); }
}
header .headerLogo:hover{
-webkit-animation-name: shakeit;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-name: shakeit;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}



/******* TEXT STYLES *******/

p{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
}


.strong{
	font-weight:bold;	
}


.justify{
	text-align:justify;
}

.center{
	text-align:center;
	
}

.red-tittle{
	color:#218D49;
	font-size:34px;
	font-weight:700;
}

.gray-subtittle{
	color:#656160;
	font-size:32px;
	text-align:center;
	font-style:italic;
	font-weight:300;
}

.red-subtittle{
	color:#218D49;
	font-size:28px;
	text-align:center;
	font-style:italic;
	font-weight:300;
}

.contact-tittle{
	color:#218D49;
	font-size:28px;
	text-align:left;
	font-weight:400;
}

.contact-map{
	width:100%;
	height:400px;
	overflow:hidden;	
}

h1,h2,h3,h4{
	margin:0;
}

.red-tittle{
	text-align:center;
	color:#218D49;
	font-size:24px;
	font-weight:300;
	
}

/******* SECCTION BOX *******/


.sectionbox{
	width:100%;
	height:auto;
	margin-top:30px;
}

.sectionbox .spaceblock{
	width:100%;
	height:40px;
}

.sectionbox .colorblock{
	width:100%;
	height:80px;
	background-color:#218D49;
	border:#218D49 thin solid;
}

.sectionbox .infoblock{
	width:100%;
	border:#218D49 thin solid;
	background-color:#FFFFFF;
	padding:20px;
	padding-top:60px;
}


.sectionbox .infoblock:hover{
	background-color:#F5F0E1;
	text-decoration:none;	
}


.sectionbox .seccionimg{
	margin:0 auto;
	width:170px;
}


.sectionbox .seccionimg:hover{
	 -webkit-transform: scale(1.2,1.2);
   -moz-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);
}

.sectionbox .seccion-tittle{
	text-align:center;
	color:#218D49;
	font-size:24px;
	font-weight:700;
	
}

.sectionbox .seccion-text{
	text-align:justify;
	color:#656160;
	font-size:16px;
}

.sectionbox a:hover{
	text-decoration:none;
}


.sectionbox .moreinfo{
	text-align:right;	
	font-size:16px;
	font-weight:normal;
	padding:9px;
	text-decoration:none;
	background-color:#656160;
	color:#FFFFFF;
	margin-top:30px;
}

.sectionbox .moreinfo:hover{
	background-color:#218D49;

}




/******* CONTENT ********/

.list{
	margin-top:20px;
	color:#75A03E;
	font-size:16px;
}


/******* PORTAFOLIO ********/

.porfolio-box{
	padding:20px;
}

/******* GALERY ********/

.imgwrap{
	width:100%;
	height:200px;
	overflow:hidden;
	margin-bottom:20px;
}

.imgwrap img{
	width:100%;
	min-height:100%;
	-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.imgwrap img:hover{
	 -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}

/******* CONTACT *******/
.contactaddress{
	font-size:18px;
	margin-bottom:20px;
	color:#236E45;
}

.contactmap{
	width:100%;
	height:300px;
	overflow:hidden;
}


/******* FOOTER *******/
footer{
	width:100%;
	height:auto;
	padding-bottom:20px;
	background-color:#656160;
}

footer .footerlogo{
	margin-top:20px;
	height:50px;
}


footer .address{
	margin-top:20px;
	color:#FFFFFF;
}

footer .address p{
	margin:0;
	padding:0;
}

footer .address a{
	color:#FFFFFF;
	font-size:16px;
}

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

footer #footerIcons:hover{
	-webkit-animation-name: shakeit;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-name: shakeit;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

footer #footerIcons .iconSize{
	width:auto;
	height:40px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:10px;
}

footer #footerIcons .iconSize:hover{
	-webkit-filter: invert(100%);
	filter: invert(100%);
}

footer #footerMenu{
	float:right;
}

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

footer #footerMenu li{
	display:inline-block;
	font-size:14px;
	padding:3px 10px;
	border-left:#FFFFFF solid thin;
}

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

footer #footerMenu li a{
	color:#FFFFFF;
	text-decoration:none;
}

footer #footerMenu li a:hover{
	color:#218D49;
}

footer .copyright{
	float:right;
	font-weight:300;
	font-size:12px;
	color:#FFFFFF;
	text-align:right;
	margin-right:10px;
}


footer .copyright a{
	color:#FFFFFF;
}

footer .copyright a:hover{
	color:#218D49;
}