* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0px;
	padding:0px;
}

body {
	background:#f2f2f2;
	color:#333;
	font-family:Arial, helvetica, sans-serif;
}

a {
	text-decoration: none;
	color:#F24C27;
}

.wrapp {
	max-width: 1000px;
	width:80%;
	margin:auto;
	overflow: hidden;
}

header {
	width: 100%;
	height: 120px;
	padding:0;
	background: #E6E6E6;
	overflow: hidden;
	position: fixed;
	box-shadow:black 0em 0.9em 2em 0em;
	z-index: 3;
}

.logo {
	width: 205px;
	float: left;
	padding: 15px 0;
}

.logo img {
	width:100%;
	vertical-align: top;
}

nav {
	float: right;

}

nav ul li {
	display: inline-block;
	margin:0px 2px;
	padding: 60px 0;
}

nav ul li a {
	display: block;
	background: #E6E6E6;
	color: #037E8C;
	padding:10px 5px;
	text-decoration: none;
	border-radius:3px;
	transition:all 1ms ease;
}

nav ul li a:hover {
	color: #fff;
	background: #95BE28;
}
.carrusel {
	padding-top: 10%;
	padding-bottom: 0%;
	width: 95%;
	margin: auto;
	overflow: hidden;
	

}
.Contorno{
	
	width: 100%;
	height: 720px;
	background-color: #95BE28;
}
.carrusel ul { 
	margin: 0 auto;
     display: flex;
     padding: 10px 0;
     width: 300%;

     animation: cambio 10s infinite alternate linear;
}
.carrusel li{
	width: 100%;
	list-style: none;
}
.carrusel img{
	width: 99%;
	padding-left: 11px;
}
@keyframes cambio{
	0%{margin-left: 0; }
	35%{margin-left: 0; }
	40%{margin-left: -100%; }
	65%{margin-left: -100%; }
	70%{margin-left: -200%; }
	100%{margin-left: -200%; }
}

.articulo {
	float: left;
	width: 100%;
	padding:0px 20px 20px 0px;
}
#Nosotros{
	padding-top: 35%;
	color:#3CA4D8;
}
#Productos{
	color:#3CA4D8;
	padding-top: 35%;
}
#Servicios{
	color:#3CA4D8;
	padding-top: 30%;
}
#Clientes{
 	color:#3CA4D8;
 	padding-top: 35%;
 	padding-bottom: 50%;
}
#Contacto{
	color:#3CA4D8;
}
.foda1{
	width: 90%;
	padding-top: 30px;
	margin: 0 auto;
	
}
.imgmision, .imgvalores,
.imgvision, .imgseguridad{
	float: left;
	width: 12%;
	margin: 0 auto;
}
.mision, .valores,
.vision,.seguridad{
	float: left;
	width: 38%;
	margin: 0 auto;
}
.foda2{
	width: 90%;
	padding-top: 150px;
	margin: 0 auto;
}
.lismin{
	width: 100%;
	padding-top: 30px;
	margin: 0 auto;
}
.lis{
	width: 60%;
	margin: auto;
}
li{
	float: left;
	list-style: none;
	margin: auto;
}
 .pun1, .pun2,.pun3,.pun4,
 .pun5,.pun6,.pun7,.pun8{
	float: left;
	padding: 5px 5px 5px 5px;

}
.pu1, .pu2,.pu3,.pu4,
.pu5,.pu6,.pu7,.pu8{
 	float: left;
 	width: 540px;
 padding: 5px 5px 5px 5px;
 }
 #Productos ul{
 	width: 100%;
 }
 #Productos li{
 	width: 100%;
 	float: left;
	list-style: none;
	margin: auto;
 }
 #Productos .lista1{
 	padding-top: 10px;
 }
#Clientes .lista1{
	padding-top: 30px;
}
.pp1, .pp2,.pp3,.pp4,
 .pp5,.pp6{
	float: left;
	padding: 5px 5px 5px 5px;

}
.pc1, .pc2,.pc3,.pc4,
 .pc5,.pc6, .pc7{
	float: left;
	padding: 5px 5px 5px 5px;

}
.po1, .po2,.po3,.po4,
.po5,.po6{
 	float: left;
 padding: 5px 5px 5px 5px;
 }
 .pl1, .pl2,.pl3,.pl4,
.pl5,.pl6, .pl7{
 	float: left;
 padding: 5px 5px 5px 5px;
 }
 #Clientes li{
 	width: 100%;
 	float: left;
	list-style: none;
	margin: auto;
 }
.miniSl {
	color: #064C92;
	width: 100%;
	overflow: hidden;
}
.miniSl ul { 
	color: #064C92;
     display: flex;
     width: 300%;
     animation: cambio 20s infinite alternate linear;
}
.miniSl li{
	color: #064C92;
	width: 100%;
	list-style: none;
}
.miniSl img{
	width: 100%;
}
@keyframes cambio{
	0%{margin-left: 0; }
	35%{margin-left: 0; }
	40%{margin-left: -100%; }
	65%{margin-left: -100%; }
	70%{margin-left: -200%; }
	100%{margin-left: -200%; }
}
.final{
	width: 100%;
	padding-top: 0px;
}
.formulario {
	position: absolute;
	left: 72%;
	z-index: 2;
	background-color: #064C92; opacity: 0.8;
	border-radius: 20px;
} 

.formulario .text{
	color: #fff;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}
.formulario .textos_formulario{
	left: 32%;
}
#portacuadro {
	z-index: 0;
	width: 100%;
	background-color: white; opacity: 0.8;
} 

.formulario .text strong{
	font-size: 20px;
	color: #30D22E;
	font-family: 'Open Sans', sans-serif;
}
form button{
	width: 135px;
	margin: 20px 0px 25px 25px;
	height: 50px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc400+0,8fc400+100 */
background: #8fc400; /* Old browsers */
background: -moz-linear-gradient(top,  #8fc400 0%, #8fc400 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #8fc400 0%,#8fc400 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #8fc400 0%,#8fc400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#8fc400',GradientType=0 ); /* IE6-9 */
border:1px solid #25BC3E;
color: #fff;
box-shadow: 0px 2px 0px #000;

}
footer {
	width: 100%;
	background:#333;
	padding:20px 0;
	color:#fff;
}

footer p {
	text-align:center;
}
@import url('Css/pantalla.css');