@charset "utf-8";
@import "reset.css";
@import "fonts/stylesheet.css";

body { margin: 0 auto; font-family: 'Museo Sans 500'; font-size: 20px; color: #8E8C88; -webkit-font-smoothing: antialiased; font-weight: 300;  }
a { color: #8E8C88; -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; }

a:hover { color: #4EC151; -webkit-transition: all 0.2s ease; }

p { line-height: 30px; }
h1 { color: white; font-size: 45px; background-color: #95B6CD; text-align: center; width: 100%; padding: 4px; margin: 20px 0; letter-spacing: 26px; font-weight: 300; }
h2 { color: #49686D; font-size: 45px; margin: 20px 0; letter-spacing: 26px; font-weight: 300; }
h3 { font-size: 16px; margin-bottom: 4px; }
h4 { color: #1A1044; font-weight: 300; font-size: 24px; margin-bottom: 10px; font-family: 'Roboto', sans-serif; }
h5 { color: #1A1044; font-weight: 300; font-size: 20px; margin: 0; margin-bottom: 30px; font-family: 'Roboto', sans-serif; }

.bg_gris { background-color: #F2F2F2; }

.main { width: 100%; position:absolute; margin: 0 auto; }
.logo { float: left; width: 40%; padding: 30px 0; }
.nav { float: right; margin-top: 36px; text-align: right; font-family: 'Georgia','Times New Roman', 'Times', serif; font-size: 14px; }
.nav li { display: inline-block; height: 40px; border-right: 1px solid #666; padding: 12px 18px; color: #4EC151; }
.lan { position: absolute; top: 20px; right: 20px; font-size: 12px; font-family: 'Georgia','Times New Roman', 'Times', serif;  }

.slider { float: left; width: 100%; }
.slider .slick div img { width: 100%; }
.slider .slick div { width: 100%; position: relative; }
.slider .slick div p { font-family: 'Roboto', sans-serif; font-weight: 900; position: absolute; font-size: 30px; color: white; letter-spacing: 6px; line-height: 35px; text-align: center; width: 700px; }

.cont { width: 960px; margin: 0 auto; display: table; }
.cont_main { float: left; width: 100%; padding-bottom: 40px; }
.footer { float: left; width: 100%; padding: 20px; 0; font-family: 'Georgia','Times New Roman', 'Times', serif; font-size: 14px; border-top: 4px solid #1A1044; }

/* home  */ 

.nosotros { padding: 10px 30px; }
.center { text-align: center; }
.center strong { font-weight: normal; color: #333; } 

/* productos  */ 

.item { float: left; width: 312px; background-color: white; padding: 10px; font-size: 13px; padding-bottom: 20px; text-align: center; font-family: 'Georgia','Times New Roman', 'Times', serif; 
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6); margin-right: 10px; margin-bottom: 10px; }
.item_img { float: left; width: 100%; height: 180px; overflow: hidden; margin-bottom: 20px; background-color: black; }
.item_img img { width: 100%; }

/* contacto  */ 

.col1 { float: left; width: 50%; font-family: 'Georgia','Times New Roman', 'Times', serif; font-size: 14px; line-height: 18px; }
.col1 img { width: 100%; }
.padding { padding: 0 30px; }
.foto { border: 10px solid #666; border-radius: 8px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6); margin-bottom: 40px;  }
.form { float: left; width: 100%; margin-top: 30px; font-family: 'Roboto', sans-serif; }
input, textarea { border: 1px solid #4EC151; height: 30px; width: 100%; background-color: white; padding: 10px; margin: 8px 0; }
textarea { height: 100px; font-family: 'Roboto', sans-serif; }
button { color: white; background-color: #4EC151; border: 0; padding: 10px; margin: 0; cursor: pointer; font-family: 'Roboto', sans-serif; font-size: 14px; float: right; }
button:hover { background-color: #8E8C88; }

/* mobile  */ 

.nav_menu { display: none; float: left; width: 100%; margin-bottom: 40px; }

@media ( max-width: 960px) {

	.nav  { display: none; }
	.nav_menu  { display: block; }
	.main { text-align: center; }
	.cont, .logo, .nav, .item, .col1 { width: 100%; }
	.cont { padding: 20px; }
	h1, h2 { font-size: 30px; letter-spacing: normal; }
	.nav { margin: 0; margin-bottom: 20px; }
	.nav li { width: 100%; text-align: center; margin: 0; padding: 0; border: 0; }
	.item_img { height: auto; background-color: white; }
	.slider .slick div p { font-size: 16px; line-height: normal; width: 100%; padding: 20px; }
	.slider .slick div img { width: auto; height: 100%; }
	.lan, button { width: 100%; right: 0; }
	.col1 img { width: 60%; }
	.padding { padding: 0; }

}