@charset "utf-8";
/* CSS Document */
@import url("animation.css") screen;


html{
	
	width:100%}

body{
	margin: 0px;
	
	padding: 0px;	
	}

#line-top {
	display: block;
	width: 100%;
	height: 10px;
	background-color: #329E00;
}

#header{
	display:block;
	width: 100%;
	height:auto;
	background-image:url(../images/bg-header.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	padding-top:10px;
	}
	
#header-cont{
	display: block;
	margin: 0 auto;
	width: 1200px;
	height: 180px;
	}
	

	
	
#logo-relatop{
	display:block;
	width:386px;
	height:149px;
	float:left;
	}
	
#info-contacto {
	display: block;
	width: 600px;
	height: auto;
	float: right;
	
}

#botonera-contacto {
	display: block;
	width: 800px;
	height: auto;
	float: right;	
}

#box-contacto {
	height: 70px;
	width: auto;
	display: block;
	float: left;
	padding: 0px 8px 0px 8px;
	text-align: center;
	
	}
	
h4 {
	color: #FF6A11;
	font-family: sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
	
h2 {
	color: #FF6A11;
	font-family: sans-serif;
	font-size: 25px;
	margin: 0px 0px 5px 0px ;
	padding: 0px;
}

p{
	color: #666666;
	font-family: sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}

.txt-green {
	color:#329E00;
}

.txt-yellow{
	color:#FFA54C;
}

.txt-white {
	color:#fff;
	font-size:16px;
}


#btn-top {
	display: block;
	height: 100px;
	width: auto;
	text-align: center;
	float: left;
	padding-left: 10px;
	padding-right: 0px;
	
	}

.btn {
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  background: #565959;
  padding: 6px 15px 6px 15px;
  text-decoration: none;
}

.btn:hover {
  background: #329E00;
  text-decoration: none;
}

.btn-img{
	display: block;
	margin-bottom: 5px;
	
	}
.btn-img:hover {
	opacity: 0.8;
	}

/************ INICIO SLIDER ***************/

#slider {
	height: 400px;
	width: 1200px;
	margin: 0px auto 0;
	overflow: visible;
	position: relative;
}
#mask {
	overflow:hidden;
	height:400px;
}
#slider ul {
	margin:0;
	padding:0;
	position:relative;
}
#slider li {
	width:680px;
	height:320px;
	position:absolute;
	top:-325px;
	list-style:none;
}

#slider li.firstanimation {
	-moz-animation:cycle 25s linear infinite;	
	-webkit-animation:cycle 25s linear infinite;		
}
#slider li.secondanimation {
	-moz-animation:cycletwo 25s linear infinite;
	-webkit-animation:cycletwo 25s linear infinite;		
}
#slider li.thirdanimation {
	-moz-animation:cyclethree 25s linear infinite;
	-webkit-animation:cyclethree 25s linear infinite;		
}
#slider li.fourthanimation {
	-moz-animation:cyclefour 25s linear infinite;
	-webkit-animation:cyclefour 25s linear infinite;		
}
#slider li.fifthanimation {
	-moz-animation:cyclefive 25s linear infinite;
	-webkit-animation:cyclefive 25s linear infinite;		
}





#slider .tooltip {
	background:rgba(0,0,0,0.7);
	width:300px;
	height:60px;
	position:relative;
	bottom:75px;
	left:-320px;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;  
}
#slider .tooltip h1 {
	color:#fff;
	font-size:24px;
	font-weight:300;
	line-height:60px;
	padding:0 0 0 20px;
	font-family:Arial;
}
#slider li#first:hover .tooltip, 
#slider li#second:hover .tooltip, 
#slider li#third:hover .tooltip, 
#slider li#fourth:hover .tooltip, 
#slider li#fifth:hover .tooltip
#slider li#primero:hover .tooltip
#slider li#segundo:hover .tooltip
#slider li#tercero:hover .tooltip

 {
	left:0px;
}
#slider:hover li, 
#slider:hover .progress-bar {
	-moz-animation-play-state:paused;
	-webkit-animation-play-state:paused;
}

/* PROGRESS BAR */
.progress-bar { 
	position:relative;
	top:-5px;
	width:680px; 
	height:5px;
	background:#000;
	-moz-animation:fullexpand 25s ease-out infinite;
	-webkit-animation:fullexpand 25s ease-out infinite;
}



/************ FIN SLIDER ***************/



#bloque-vacio{
	
	display: block;
	width: 1200px;
	height: 150px;
	
	}

#body{
	display:block;
	width: 100%;
	height: 420px;
	}
	
#body-cont{
	padding-top: px;
	display: block;
	margin: 0 auto;
	width: 1200px;
	height: auto;
	}	
	
#body-cont2{
	padding-top: px;
	display: block;
	margin: 0 auto;
	width: 1200px;
	height: 1800px;
	}
	
	
#btn-center {
	display: block;
	height: 50px;
	float: left;
	font-family: sans-serif;
	font-size: 24px;
	padding-bottom: 7px;
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 7px;
	background-color: #329E00;
	border: 8px solid #277B00;
	color: #FFF;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	}	
	
#btn-center:hover {
	border: 8px solid #FF6A11;
	background-color: #D95300;
	}
	
	
.change-orange{
	color:#FFF;
	text-decoration:none;
	}	
.change-orange:hover{
	color:#FF0;
	}
	
	
	
	
	
img.centro{
	vertical-align:middle;
	}




#body-left{
	width: 590px;
	height: 250px;
	display: block;
	background-color: #F0F0F0;
	float: left;
	margin: 15px 0px;
	border-bottom:#329E00 solid 5px;
	}
	
#body-right{
	width: 590px;
	height: 250px;
	display: block;
	background-color: #F0F0F0;
	float: right;
	margin: 15px 0px;
	border-bottom:#329E00 solid 5px;
	}

#body-area{
	display:block;
	width: 310px;
	height: 220px;
	padding:15px;
	float:left;
	}
	
#body-arriendo{
	display:block;
	width: 560px;
	height: 220px;
	padding:15px;
	float:left;
	}
	
ul.list-ul{
margin: 10px 0px 10px 0px;
}
	
li.list {
	color: #666666;
	font-family: sans-serif;
	font-size: 17px;
	margin: 0px;
	padding: 0px;
	list-style-image: url(../images/list-icon.png);
	line-height: 22px;
}


ul.list2-ul{
margin: 10px 0px 10px 0px;
}
	
li.list2 {
	color: #666666;
	font-family: sans-serif;
	font-size: 17px;
	margin: 0px;
	padding: 0px;
	list-style-image: url(../images/list2-icon.png);
	line-height: 22px;
}











#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 180px;
  height: 180px;
}

#caracteristicas {
	display: block;
	height:130px;
	width: 340px;
	margin:  0px 10px;
	padding: 10px 20px ;
	float: left;
	vertical-align: middle;

	}
	

#caracteristicas img{
	display: block;
	float: left;
	clear:both;
	margin-right:20px;
	}
	
#footer{
	display:block;
	height:50px;
	width:100%;
	background-color:#329E00;
	margin-top:10px;
	}
	
	
#footer ul{
	display: block;
	width: 750px;
	margin: 0 auto;
	
	}
	
	
#footer ul li{
	list-style-type:none;
	float:left;
	color:#FFF;
	font-family: sans-serif;
	margin:15px 10px;
		}
	
#footer ul li a{
	list-style-type:none;
	text-decoration:none;
	color:#FFF;
	
	}
	
	.vertical-img{
		vertical-align: central middle;}
	
	
#footer ul li a:hover{
	list-style-type:none;
	text-decoration:none;
	color:#FFA54C;
	
	}
	
#copy{
	display:block;
	height:70px;
	width:100%;
	background-color:#277B00;
	margin:0px;
	padding:0px;
	text-align:center;
	padding-top:20px;
	
	}
	
#body-experiencia{
	display:block;
	width: 100%;
	height: 2000px;
	}
	
	
	
#body-nosotros2{
	display:block;
	width: 100%;
	height: 1150px;
	}	
	
	
	
	
	
	
	
#body-nosotros{
	display:block;
	width: 100%;
	height: 700px;
	}

#body-nosotros-block{
	display: block;
	width: 539px;
	margin: 0px 30px ;
	float: left;
	}
	

#line-divisor{
	display: block;
	width: 2px;
	height: 900px;
	background-color:#FF6A11;
	margin: 0 auto ;
	float: left;
	
	}	
	
	
#body-nosotros-block-three{
	
	display: block;
	width: 380px;
	margin: 0px 20px 0px 0px;
	float: left;
	}
	
.txt-grand{
	font-weight:100;	
	font-size:17px;
}
	
	
.txt-peq{
	font-weight:100;	
	font-size:14px;
}


a{
	text-decoration:none;
	}
h1{
	font-size:30px;
	font-family: sans-serif;
	color:#FF6A11;
	margin-bottom: 2px;
	
}

	
#body-servicios{
	display:block;
	width: 100%;
	height: 1250px;
	}
	
#body-trabaje{
	display:block;
	width: 100%;
	height: 900px;
	}
	
.img-margin{
	margin:10px 22px 20px 22px ;
	
	}	
	
	
#productos-images{
	display:block;
	height:400px;
	
	
	}
	
	
	
	#map-canvas{
width: 100%;
height: 600px;
}

h3 {
	font-family:sans-serif;
	font-weight:normal;	
font-size:20px;
color:#666;
margin: 0px;
vertical-align:middle;

	
	}