@import url(http://fonts.googleapis.com/css?family=Roboto:400,900);
/*font-family: 'Roboto', sans-serif;
font-family: 'Oswald', sans-serif;*/
body{
	background:#efeeee;
	color:#333333;
	font-size:16px;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;	
	margin:0 auto;
	padding:0;
	text-align:center;
	width:auto;
}
#cuerpo{
	padding-top: 2em;
	position:absolute;
	z-index:2;
	width:100%;
}
.titulos{
	font-size:2.5em;
	text-transform:uppercase;
}
/*CINTILLO*/
#cintillo{
	background:#00AA58;
	width:100%;
	padding:0.35em 0;
	text-align:right;
}
#cintillo ul{
	margin:0 3em;
}
#cintillo li{
	color:white;
	display:inline-block;	
	font-size:1em;
	list-style:none;
	vertical-align:top;
}
#cintillo li strong{
	font-size:1.5em;
	text-transform:uppercase;
}
#cintillo li a img{
	height:1.5em;
	width:2em;
	
}
/*FIN CINTILLO*/
/**HEADER**/
header{
	background:white;
	width:100%;
}

header > a{
	display:inline-block;
	margin:1em 0 1em 3em;
	padding:0;
	vertical-align:top;	
	width:30%;
}
header a img{
	width:100%;
}
/*header > a{	
	background:url(../img/logo_doble.png) no-repeat;
	background-size:100%;
	background-position:0 0;
	height:5em;
	display:inline-block;
	margin:1em 0 1em 3em;
	padding:0;
	transition:all 1s ease;
	vertical-align:top;	
	width:30%;	
}
header > a:hover{	
	background-position:0 -5.5em;
}*/
header nav{	
	font-family: 'Roboto', sans-serif;	
	display:inline-block;
	margin:0em 3em 0em 3em;
	padding:0;
	vertical-align:top;	
	text-align:right;
	width:58%;
}
header nav ul{
	margin:0;
	padding:0;
}
header nav ul li{
	display:inline-block;
	vertical-align:top;
	margin-left:-0.3em;	
}
header nav ul li a{	
	color:black;
	display:block;
	margin:0;
	padding:3em 1em 3em 1em;
	text-transform:uppercase;
	text-decoration:none;
	transition:all 1s ease;
	width:auto;
	
}
#seleccion a{
	background:#efeeee;
	color:#F26836;
	
}
header nav ul li a:hover{	
	background:#efeeee;
	color:#F26836;
	
}
/**FIN HEADER**/
/*INTERES*/
#interes{
	margin:-10em 3em 0 3em;
	width:auto;
}
#interes article{		
	color:white;
	display:inline-block;
	margin:0 0 1em -0.3em;
	padding:0;
	vertical-align:top;
	width:24.7%;
	height:22em;
}
#interes article:nth-child(odd){
	background:#F26836;
}
#interes article:nth-child(even){
	background:#F48459;
}
#interes h2{
	font-size:2em;
	text-transform:uppercase;
}
#interes p{
	padding:1.5em;
	text-align:justify;
}
/*FIN INTERES*/
/*OFRECEMOS*/
#ofrecemos{
	margin:16em 3em 3em 3em;
	width:auto;
}
#ofrecemos figure{
	display:inline-block;
	vertical-align:top;
	margin:0 1em 1em 1em;
	width:13%;
	
}
#ofrecemos figure img{
	background:#F26836;
	border-radius:50%;
	padding:2.3em;	
}
#ofrecemos figure figcaption{
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
}
/*FIN OFRECEMOS*/
/*PRODUCTOS*/
/*#productos{	
	background:#ccc;
	margin:6em 0em 3em 0em;
	padding:3em;
	width:92%;
}
#productos > figure{
	cursor:pointer;	
	overflow:hidden;
	height:13em;
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:1.3em 1.3em 1.3em 0;
	transition:all 1s ease;
	width:31.7%;
}
.figp{
	margin:1.3em 0em 1.3em 0!important;
}
#productos > figure img{
	left:0;
	position:absolute;
	transition:all 1s ease;
	width:100%;
	z-index:3;
}
#productos > figure img:hover +  figcaption{
	cursor:pointer;		
	top:0;
}
#productos > figure figcaption:hover{
	cursor:pointer;	
	top:0;
}
#productos > figure figcaption{
	background:rgba(0,170,88,0.8);
	color:#666;
	font-weight:bold;	
	height:13em;
	left:0;
	padding:5em 0 0em 0;
	position:absolute;
	top:14em;
	transition:all 1s ease;	
	width:100%;
	z-index:4;	
}
#productos > figure figcaption strong{
	color:white;
	display:block;
	font-size:2.5em;
	font-weight:normal;
	text-transform:uppercase;
}*/
/*FIN PRODUCTOS*/
/*TESTIMONIOS*/
#testimonios{	
	border-top:1px solid #efeeee;
	background: url(../img/panama.jpg) no-repeat fixed;
	margin:6em 0em 0em 0em;	
	width:100%;
}
#testimonios h2{	
	color:white;
	margin:1em 0 1em 0!important;
	text-align:center;
}
#testimonios aside{	
	color:white;
	display:inline-block;
	height:13em;
	margin:1.3em 0 1.3em 0;
	position:relative;
	transition:all 1s ease;
	vertical-align:top;
	width:28%;
}
#center_testimonial{
	margin:1.3em 2em!important;
}
#testimonios aside h3{ 
	color:#F26836;
}
#testimonios aside p{ 
	font-style:italic;
	margin:0;
	padding:0;
}
/**MAPA**/
#map_canvas{
	height:20em;
	margin:0;	
	width:100%;		
}
/**FIN MAPA*/
/*SERVICIOS*/
#servicios{
	margin:3em 3em 0em 3em;
	width:auto;
}
#center_servicios{
	margin:0 4em;
}
.vinenta{
	color:#F26836;
}
#servicios figure{
	background:transparent;
	border:1px solid #ccc;
	display:inline-block;
	padding:1em;
	vertical-align:top;
	width:26%;
}
#servicios figure img{
	width:100%;
}
#servicios figure figcaption{
	background:white;
	margin:-0.3em 0 0 0;
	padding:1em;
}
#servicios figure figcaption ul{
	margin:0;
	padding:0;
	height:35em;
}
#servicios figure figcaption ul li{
	list-style:none;
	text-align:left;
}
.servicios_ofrecemos{
	margin-top:3em!important;
}
/*FIN SERVICIOS*/
/*PRODUCTOS*/
#productos{
	margin:3em 3em 0em 3em;
	width:auto;
}

#productos figure{
	background:transparent;
	border:1px solid #ccc;
	display:inline-block;
	margin-bottom:1em;
	padding:1em;
	vertical-align:top;
	width:26%;
}
#productos figure img{
	width:100%;
}
#productos figure figcaption{
	background:white;
	margin:-0.3em 0 0 0;
	padding:1em;
}
#productos figure figcaption h4{
	font-size:1.5em;
	margin:0 0 0.5em 0;
	padding:0;	
}
#productos figure figcaption ul{
	margin:0;
	padding:0;
	height:8em;
}
#productos figure figcaption ul li{
	list-style:none;
	text-align:left;
}
.servicios_ofrecemos{
	margin-top:3em!important;
}
/*FIN PRODUCTOS*/
/**CONTACTO*/
#contacto{
	margin:3em 3em 3em 3em;
	width:auto;
}
#contacto p{
	text-align:left;
}
/*FORMULARIO*/
form{
	margin:0 auto;
	padding:2em 0 1em 0;
	text-align:center;
	width:100%;	
}
#formcenter{
	margin:0 1em;
}
.cajaformulario, .cajabarra{
	border:1px solid #cccccc;
	color:#333;
	display:inline-block;
	margin:0 0 0.3em 0;
	padding:0.2em;
	text-align:left;
	text-transform:uppercase;
	vertical-align:top;
	width:31%;		
}
.cajaformulario > input[type='text'], .cajaformulario > input[type='time'],.cajaformulario > input[type='number'],select, input[type='password'], input[type='date'], .cajaformulario > textarea,.numbercierre, input[type='email'] {
	background:transparent;
	border:1px solid black;
	border:none;
	color:#333;
	display:inline-block;
	font-family:arial;
	font-size:1em;
	float:right;
	margin:0;	
	padding:0.3em;
	vertical-align:top;
	/*text-transform:uppercase!important;*/
	width:50%;
}
 .cajaformulario > textarea{
	height:10em;
}
.btn{
	background:#00AA58;
	border:none;
	color:white;
	margin:0 0 0.4em 1em;	
	padding:0.5em 1em;
	text-transform:uppercase;
	text-decoration:none;
	width:30%;	
}
.resaltar{
	text-transform:uppercase;
	font-weight:bold;
}
#notificar{
	margin:1em 0em  0.3em 0em;	
}
#notificar > aside{
	background:#F26836;border-radius:0.3em;color:white;padding:0.5em 0.5em;with:95%;
}
#notificar > aside#exito{
	background:#00AA58!important;
}
/**FIN CONTACTO*/
/**FOOTER*/
footer{
	background:white;
	padding:2em 0;
	width:100%;
}
footer #izquierdo{
	display:inline-block;
	margin-left:3em;
	text-align:left;
	vertical-align:top;
	width:45%;
}
footer #derecho{
	display:inline-block;
	margin-right:3em;
	text-align:right;
	vertical-align:top;
	width:45%;
}
#derecho ul{ 
	margin:0;
	padding:0;
	text-align:right;
	width:100%;
}
#derecho li{	
	display:inline-block;
	margin:0 0 0 -0.3em;
	padding:0;
	vertical-align:top;	
	width:auto;
}
#derecho li a{
	border-right:1px solid #808080;
	color:black;
	display:block;
	font-size:1em;
	margin:0;
	padding:0 0.5em;
	text-align:right;
	text-decoration:none;
	text-transform:uppercase;
	width:auto;
}
#activa a, #derecho li a:hover{
	color:#F26836!important;		
} 

footer strong{
	color:black;
	font-weight:normal;
	font-size:1em;
	text-transform:uppercase;
}
#pwr{
	color:#F26836;
	font-size:0.7em;
	text-decoration:none;
}
#pwr strong{
	color:white;
}
/**FIN FOOTER*/
/***********************************************/
/*******DISPOSITIVOS MOBILES*********/
/**********************************************/
@media only screen and (max-width:1150px){
	/*HEADER*/
	header > a{	
		width:30%;	
	}
	header nav{	
		width:56%;
	}
	/*INTERES*/
	#interes{
		margin:-9em 3em 0 3em;
		width:auto;
	}
	#interes article{		
		height:25em;
	}
	/*OFRECEMOS*/
	#ofrecemos{
		margin:19em 3em 3em 3em;
		width:auto;
	}
	/*SERVICIOS*/
	#servicios{
		margin:3em 3em 0em 3em;
		width:auto;
	}
	#center_servicios{
		margin:0 3em;
	}
	.vinenta{
		color:#F26836;
	}
	#servicios figure{
		padding:1em;		
		width:26%;
	}
	/*PRODUCTO*/
	#productos{
		margin:3em 3em 0em 3em;
		width:auto;
	}
	#center_servicios{
		margin:0 3em;
	}
	#productos figure{
		padding:1em;		
		width:26%;
	}
}
@media only screen and (max-width:1024px){
	/*CINTILLO*/
	#cintillo{
		padding:0.35em 0;
	}
	#cintillo ul{
		margin:0 1em;
	}
	#cintillo ul li a{
		font-size:1.2em;
	}
	/*HEADER*/
	header > a{	
		background-position:0 0.8em;
		height:5em;
		margin:1em 0 1em 1em;		
		width:30%;	
	}
	
	header nav{	
		margin:0em 1em 0em 1em;
		width:64%;
	}
	/*INTERES*/
	#interes{
		margin:-9em 1em 0 1em;
		width:auto;
	}
	#interes article{		
		height:28em;
	}
	/*OFRECEMOS*/
	#ofrecemos{
		margin:22em 1em 3em 1em;
		width:auto;
	}
	#ofrecemos figure{
		margin:0 1em 1em 1em;
		width:12.5%;
		
	}
	/*SERVICIOS*/
	#servicios{
		margin:3em 1em 0em 1em;
		width:auto;
	}
	#center_servicios{
		margin:0 3em;
	}
	#servicios figure{
		width:26%;
	}
	#servicios figure figcaption ul{
		height:38em;
	}
	/*PRODUCTO*/
	#productos{
		margin:3em 1em 0em 1em;
		width:auto;
	}
	#center_servicios{
		margin:0 3em;
	}
	#productos figure{
		width:26%;
	}
	/**CONTACTO*/
	#contacto{
		margin:3em 1em 3em 1em;
	}
	#formcenter{
		margin: 0 0.75em;
	}
	/*FOOTER*/
	footer #izquierdo{
		margin-left:1em;
		width:51%;
	}
	footer #derecho{
		margin-right:1em;
		width:45%;
	}
}
/***    DISEÑO PARA TABLETAS           ****/
@media only screen and (max-width:800px){
	/*BODY*/
	body{
		font-size:14px;
	}
	/*CINTILLO*/
	#cintillo{
		padding:0.35em 0;
	}
	#cintillo ul{
		margin:0 1em;
	}
	#cintillo ul li a{
		font-size:1em;
	}
	/*HEADER*/
	header > a{	
		background-position:0 0.8em;
		background-size:100%;
		height:3.5em;
		margin:0.5em 0 1em 1em;		
		width:25%;	
	}
	
	header nav{	
		margin:0em 1em 0em 1em;
		width:69%;
	}
	header nav ul li a{	
		margin:0;
		padding:2em 1em 2em 1em;		
	}	
	/*INTERES*/
	#interes{
		margin:-9em 1em 0 1em;
		width:auto;
	}
	#interes article{		
		height:31em;
	}
	/*OFRECEMOS*/
	#ofrecemos{
		margin:26em 1em 3em 1em;
		width:auto;
	}
	#ofrecemos figure{
		margin:0 0.8em 1em 0.8em;
		width:12.5%;		
	}	
	#ofrecemos figure img{
		padding:2.1em;	
	}
	/*SERVICIOS*/
	#center_servicios{
		margin:0 2em;
	}
	#servicios figure{
		width:26%;
	}
	#servicios figure figcaption ul{
		height:42em;
	}
	/*PRODUCTO*/	
	#productos figure{
		width:26%;
	}
	/**CONTACTO*/
	#contacto{
		margin:3em 1em 3em 1em;
	}
	#formcenter{
		margin: 0 0.6em;
	}
	/*FOOTER*/
	footer #izquierdo{
		margin-left:1em;
		width:49%;
	}
	footer #derecho{
		margin-right:1em;
		width:45%;
	}
	
}
@media only screen and (max-width:768px){
	/*HEADER*/
	header > a{	
		background-position:0 0.8em;
		background-size:100%;
		height:5em;
		margin:0.5em 0 1em 0em;		
		width:35%;	
	}
	
	header nav{	
		margin:0em 1em 0em 0em;
		width:69%;
	}
	/*INTERES*/
	#interes h2{
		font-size:1.5em;
		text-transform:uppercase;
	}
	/*SERVICIOS*/
	#center_servicios{
		margin:0 2em;
	}
	#servicios figure{
		width:26%;
	}
	#servicios figure figcaption ul{
		height:47em;
	}
	/*PRODUCTO*/	
	#productos figure{
		width:26%;
	}
	/**CONTACTO*/
	#contacto{
		margin:3em 1em 3em 1em;
	}
	#formcenter{
		margin: 0 0.5em;
	}
}
@media only screen and (max-width:720px){
	/*HEADER*/
	header > a{	
		background-position:0 0.8em;
		background-size:100%;
		height:5em;
		margin:0.5em 0 1em 0em;		
		width:38%;	
	}
	
	header nav{	
		margin:0em 1em 0em 0em;
		width:75%;
	}
	/*INTERES*/
	#interes h2{
		font-size:1.5em;
		text-transform:uppercase;
	}
	#interes article{		
		height:35em;
	}
	/*OFRECEMOS*/
	/*OFRECEMOS*/
	#ofrecemos{
		margin:30em 1em 3em 1em;
		width:auto;
	}
	#ofrecemos figure{
		margin:0 0.7em 1em 0.7em;
		width:12.5%;		
	}	
	#ofrecemos figure img{
		padding:1.9em;	
	}
	#ofrecemos figure figcaption{
		font-size:0.9em;
	}
	/*SERVICIOS*/
	#center_servicios{
		margin:0 1em;
	}
	#servicios figure{
		width:26%;
	}
	#servicios figure figcaption ul{
		height:52em;
	}
	/*PRODUCTO*/	
	#productos figure{
		width:26%;
	}
	/**CONTACTO*/
	#contacto{
		margin:3em 1em 3em 1em;
	}
	#formcenter{
		margin: 0 0.45em;
	}
	
}
@media only screen and (max-width:640px){
	/*HEADER*/
	header > a{	
		background-position:0 0.8em;
		background-size:100%;
		height:5em;
		margin:0.5em 0 1em 0em;		
		width:45%;	
	}
	
	header nav{	
		margin:0em 1em 0em 0em;
		width:90%;
	}	
	/*INTERES*/
	#interes{
		margin:-9em 1em 0 1em;
		width:auto;
	}
	#interes article{		
		height:38em;
	}
	/*OFRECEMOS*/
	#ofrecemos{
		margin:33em 1em 3em 1em;
		width:auto;
	}
	#ofrecemos figure{
		margin:0 0.8em 1em 0.8em;
		width:11.5%;		
	}	
	#ofrecemos figure img{
		padding:1.2em;	
	}
	/*SERVICIOS*/
	#center_servicios{
		margin:0 1em;
	}
	#servicios figure{
		width:26%;
	}
	#servicios figure figcaption ul{
		height:56em;
	}
	#productos figure{
		width:26%;
	}
	#productos figure figcaption ul{
		height:16em;
	}
	/**CONTACTO*/
	#contacto{
		margin:3em 1em 3em 1em;
	}
	#formcenter{
		margin: 0 0.2em;
	}
}
@media only screen and (max-width:540px){
	
}
@media only screen and (max-width:480px){
	
}