/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Typography
	#Buttons
	#Generic Styles
	#Separators
	#Nav
	#Intro
	#Work
	#Services
	#About
	#Contact
	#Media Queries
	#Font-Face */


/* #Typography
================================================== */

h1, h2, h3 {
	font-family: 'Open Sans', sans-serif;
}
h1 {
	color: #fff;
	font-size: 120px;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	z-index: 150;
	margin-bottom: 0px;
}
h1.small {
	font-size: 90px;
	margin-bottom: 40px;
}
h2 {
	font-size: 40px;
	font-weight: 300;
	text-align: left;
	margin-top: 50px;
	margin-bottom: 40px;
	color: #78B517;
	letter-spacing: -1px;
}
h2.white {
	color: #fff;
}
span.lines {
	border-top: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
}
h3 {
	font-size: 14px;
	font-weight: 600;
	color: #434343;
	text-align: center;
}
h3.white {
	color: #fff;
}
h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #666;
	text-align: center;
}
h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 300;
	color: #666;
}
p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	color: #444;
	text-align: justify;
}
p.white {
	color: #f9f9f9;
	font-weight: 400;
}
.white {
	color: #f9f9f9;
	text-align: center;
}
.whiteleft {
	color: #f9f9f9;
	text-align: left;
	margin-top: 40px;
}
/* #Buttons
================================================== */

.button1, input[type="submit"], input[type="reset"], input[type="button"] {
	background: #3a3a3a;
	border: 0;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 20px;
	line-height: normal;
	padding: 6px 10px;
	font-family: 'Open Sans', sans-serif;
}
.button1:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	color: #3a3a3a;
	background: #e8e8e8;
	border: 0;
}
.button1:active, button1:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
	color: #3a3a3a;
	background: #e8e8e8;
	border: 0;
}
.button2 {
	background: #e8e8e8;
	border: 0;
	color: #3a3a3a;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	line-height: normal;
	padding: 6px 10px;
	font-family: 'Open Sans', sans-serif;
}
.button2:hover {
	color: #e8e8e8;
	background: #3a3a3a;
	border: 0;
}

/* Fix for odd Mozilla border & padding issues */
.button1::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
/* #Generic Styles
================================================== */

.action {
	margin-top: 50px;
	padding: 40px 0 20px 0;
	text-align: center;
	border-top: 1px solid #d3d3d3;
}
.action p {
	font-size: 22px;
	font-weight: 600;
	color: #515151;
}
.action p.white {
	color: #ececec;
}
.hidden {
	display: none;
}
/* #Separators
================================================== */

p.separator {
	color: #FFFFFF;
	display: block;
	font-size: 31px;
	font-weight: 600;
	height: 30px;
	left: 50%;
	line-height: 40px;
	margin-left: -495px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 2px #333333;
	top: 250px;
	width: 990px;
	z-index: 200;
}
#map {
	height: 500px;
	width: 100%;
	z-index: 152;
	position: relative;
}
#language {
	display: block;
	width: 40px;
	position: absolute;
	top: 10px;
	right: 20px;
	background-color: RGBA(0,0,0,0.1);
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	color: #333;
	text-decoration: NONE;
	overflow: hidden;
}
#separator1 {
	width: 100%;
	height: 500px;
	position: relative;
}
#separator1 .separator {
	padding-top: 180px;
}
#separator1 .bg2 {
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 200;
	width: 100%;
	height: 500px;
	background-attachment: fixed;
	/*background-image: url(../images/back4.jpg);*/
	background-position: center bottom;
	background-repeat: repeat;
	background-color: #252E38
}
#separator2 {
	width: 100%;
	height: 500px;
	position: relative;
}
#separator2 .bg3 {
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 200;
	width: 100%;
	height: 500px;
	background-attachment: fixed;
	/*background-image: url(../images/productos.jpg);*/
	background-repeat: repeat;
	background-position: 0 0;
	background-color: #252E38;
	background-image: url(../images/foto1.jpg);
}
#separator3 {
	width: 100%;
	height: 480px;
	position: relative;
	background-image: url(../images/fondos/back2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#separator3 .bg4 {
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 200;
	width: 100%;
	height: 500px;
}
/* #Nav
================================================== */

nav {
	width: 100%;
	position: relative;
	z-index: 1000;
	text-align: center;
	height: 38px;
	/*background-image: url(../images/back_menu.png);*/
	margin-top: 0px;
}
/* #Intro
================================================== */

#intro {
	width: 100%;
	height: 600px;
	text-align: center;
	z-index: 100;
}
#intro .bg1 {
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 800px;
	background-attachment: fixed;
	/*background-image: url(../images/no.jpg);*/
	background-repeat: no-repeat;
	background-position: top;
	background-color: #252E38;
	background-image: url(../images/fondos/back1.jpg);
}
.title {
	position: fixed;
	width: 100%;
	text-align: center;
	z-index: 150;
	padding-top: 240px;
}
.intro-line {
	position: relative;
	z-index: 150;
	border-top: 1px solid #ededed;
	width: 670px;
	margin: 0 auto 50px auto;
}
.title p {
	position: relative;
	z-index: 120;
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	font-weight: 400;
	height: 30px;
	text-align: center;
	text-shadow: 1px 1px 2px #333333;
	line-height: normal;
}
.social-intro {
	margin-top: 10px;
	position: relative;
	z-index: 150;
	cursor: default;
}
.social-intro ul li {
	display: inline;
	margin: 0 5px;
}
.social-intro a {
	opacity: 0.7;
	cursor: pointer;
}
.social-intro a:hover {
	opacity: 1;
}
.line {
	display: block;
	height: 12px;
	width: 100%;
}
/* #Work
================================================== */

#servicios {
	position: relative;
	z-index: 300;
	padding-top: 100px;
	padding-bottom: 100px;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
	background-color: #FFF;
}
#datos_empresa {
	position: relative;
	z-index: 300;
	padding-top: 100px;
	padding-bottom: 100px;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
	background-color: #FFF;
}
.flexslider {
	margin-top: 40px;
}
p.mid-text {
	margin-top: 40px;
}
.portfolio {
	text-align: center;
	margin-top: 40px;
}
p.proj-title {
	margin-bottom: 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid #d3d3d3;
	text-transform: uppercase;
}
p.proj-desc {
	margin-bottom: 35px;
	padding-bottom: 2px;
	border-bottom: 1px solid #d3d3d3;
}
/* #Services
================================================== */
#ubicaciones {
	position: relative;
	z-index: 300;
	padding-top: 100px;
	padding-bottom: 100px;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
	background-color: #000;
}
#trabaje {
	position: relative;
	z-index: 300;
	padding-top: 40px;
	padding-bottom: 40px;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
}
#servicios_mobile {display:none}

.serv-list {
	text-align: center;
	margin-top: 60px;
}
.serv-list h4 {
	margin-bottom: 50px;
}
.serv-list p {
	margin-top: 35px;
}
.pricing {
	text-align: center;
	margin-bottom: 20px;
}
.pricing h3 {
	margin-top: 70px;
	margin-bottom: 60px;
}
p.p-name {
	background: url(../images/price-name-bg.jpg) repeat;
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 12px 0 8px 0;
	margin: 0;
	color: #fff;
}
p.p-price {
	background: url(../images/price-bg.jpg) repeat;
	font-size: 28px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	padding: 20px 0 16px 0;
	margin: 0;
}
span.p-small {
	font-size: 14px;
	color: #a0a0a0;
}
.pricing ul {
	background: url(../images/price-feat-bg.jpg) repeat;
	margin: 0;
}
.pricing ul li {
	font-size: 14px;
	text-transform: uppercase;
	color: #d7d7d7;
	border-bottom: 1px solid #333333;
	padding: 10px 0;
	margin: 0;
}
.signup {
	padding: 14px 0;
	margin-bottom: 30px;
}
.signup button2 {
	margin: 0;
}
.signup {
	background: url(../images/price-bg.jpg) repeat;
}
/* #About
================================================== */

#contacto {
	background: #fff;
	position: relative;
	z-index: 300;
	padding-top: 100px;
	padding-bottom: 100px;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.9);
}
.skills {
	margin-top: 50px;
}
.skills h3 {
	text-align: center;
	margin-bottom: 30px;
}
.skills p {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
	line-height: 18px;
}
.skill-bg {
	background: #e5e5e5;
	position: relative;
	width: 100%;
	height: 31px;
	margin-bottom: 15px;
}
.skill1 {
	background: #d1d1d1;
	width: 63%;
	height: 31px;
}
.skill2 {
	background: #c8c7c7;
	width: 72%;
	height: 31px;
}
.skill3 {
	background: #bdbdbd;
	width: 77%;
	height: 31px;
}
.skill4 {
	background: #b3b2b2;
	width: 85%;
	height: 31px;
}
.skill5 {
	background: #a9a8a8;
	width: 90%;
	height: 31px;
}
.team {
	margin-top: 60px;
	text-align: center;
}
.team h3 {
	margin-bottom: 50px;
}
p.t-name {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #424242;
	margin-top: 15px;
	margin-bottom: 0;
}
p.t-type {
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	color: #707070;
	margin-bottom: 10px;
}
.team ul {
	margin-bottom: 10px;
}
.team ul li {
	display: inline;
	margin: 0 3px;
}
.team ul a:hover {
	opacity: 0.7;
}
/* #Contact
================================================== */

#bottom {
	background-color: #000000;
	width: 100%;
	height: 50px;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 200;
}
#bottom .content {
	width: 960px;
	margin: 0 auto;
	height: 200px;
}
#bottom .content a.logo {
	display: block;
	float: left;
	height: 64px;
	margin-top: 72px;
	overflow: hidden;
}
#bottom .content a.logo img {
	float: left;
}
#bottom .content ul.menu_bottom {
	list-style: none;
	top: 92px;
	padding: 0;
	overflow: hidden;
	position: absolute;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	text-align: center;
}
#bottom .content ul.menu_bottom li {
	padding-right: 25px;
	color: white;
	font-size: 12px;
	font-weight: 400;
	display: inline-block;
}
#bottom .content ul.menu_bottom li a {
	color: white;
	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
}
.social {
	float: left;
	margin-top: 93px;
}
.social a.rrss {
	width: 14px;
	display: block;
	float: left;
	margin-left: 12px;
	margin-right: 12px;
	opacity: 0.6
}
.social a.rrss:hover {
	opacity: 1;
	transition: 0.3s
}
span.telefono {
	margin-top: 90px;
	display: block;
	color: white;
	font-size: 26px;
	font-weight: 700;
	float: right;
	margin-left: 30px
}
nav select {
	display: none;
}
.container ul {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 23px;
	color: #888888;
	list-style-type: disc;
	margin-left: 20px;
}
.container ul li {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 23px;
	color: #444;
	list-style-type: disc;
	margin-left: 10px;
}
#top {
	background-color: white;
	width: 100%;
	height: 100px;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	transition:all ease 300ms
}
.is-sticky #top {
	height: 70px;
	background-color: rgba(255,255,255,0.97);
	box-shadow: 0px 1px 3px 0px #CCCCCC
}
#top .content {
	max-width: 960px;
	margin: 0 auto;
	height: 100px;
	transition:all ease 300ms
}
.is-sticky #top .content {
	height: 70px;
}
#top .content a.logo {
	display: block;
	float: left;
	height: 40px;
	margin-top: 35px;
	overflow: hidden;
	width: 200px;
	transition: all ease 300ms
}
#top .content a.logo img {
	transition:all ease 300ms;
	float: left;
}
.is-sticky #top .content a.logo {
	display: block;
	float: left;
	margin-top: 20px;
	overflow: hidden;
	width: 240px;
}
.is-sticky #top .content a.logo img {
}
#top .content ul.menu_top {
	list-style: none;
	margin: 30px 0 0 0;
	padding: 30px 0;
	overflow: hidden;
	float: left;
	height:40px;
	width: 560px;
	text-align: center;
	transition:all ease 300ms
}
.is-sticky #top .content ul.menu_top {
	margin-top: 0px;
}
#top ul li {
	display: inline-block;
}
#top .content ul.menu_top li a {
	color: #444;
	font-size: 14px;
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	display: block;
	text-decoration: none;
	padding: 0 10px;
	transition: 0.3s all ease-in;
	border-radius: 5px 5px 0px 0px;
}
#top .content ul.menu_top .selected {
	background-color: rgba(0,0,0,0.91);
	color: #FFF;
}
#top .content ul.menu_top li.last {
	padding-right: 0px;
}
#top .content ul.menu_top a:hover {
	color: #444;
}

#top .content ul.menu_top a.selected:hover {
	color: #fff;
}
span.telefono {
	color: #FFFFFF;
	display: block;
	float: right;
	font-size: 26px;
	font-weight: 600;
	height: 40px;
	margin-top: 26px;
	width: 166px;
	margin-right: 10px;
	transition:all ease 300ms;
}
span.telefono span.rotulo_telefono {
	clear: both;
	color: #888888;
	display: block;
	font-size: 10px;
	letter-spacing: 2px;
	margin-top: 0;
	padding: 0;
	width: 170px;
}
span.telefono span.numero {
	background-image: url("../images/ico_tel2.png");
	background-position: left center;
	background-repeat: no-repeat;
	clear: both;
	color: #999;
	display: block;
	font-size: 20px;
	padding-left: 30px;
	letter-spacing: 2px;
	line-height: 24px;
	font-size: 24px;
	font-weight: 700;
}
.is-sticky #top .content span.telefono {
	margin-top: 10px
}
.round {
	width: 150px;
	height: 150px;
	display: block;
	border-radius: 50%;
	background-color: #eeeeee;
	cursor: pointer;
	transition: 0.4s all ease-in;
	position: absolute;
}
.round:hover {
	background-color: #78B517;
}
.round.activo {
	background-color: #78B517!important;
}
.round:hover p {
	color: #78B517
}
.round.activo p {
	color: #78B517!important
}
#servicios .container {
	position: relative;
	text-align: center;
}
.linea1 {
	top: 80px;
}
.linea2 {
	top: 340px;
}
.linea3 {
	top: 620px;
}
#empresa .container .one-third {
}
#empresa .container .one-third p {
}
.izq {
	left: 230px;
}
.centered {
	left: 400px;
}
.der {
	right: 230px;
}
.der.linea2 {
	right: 30px;
}
.izq.linea2 {
	left: 30px;
}
.round p {
	margin-top: 25px;
	text-align: center;
	font-size: 14px;
	color: #444;
	line-height: 18px;
	transition: 0.4s all ease-in;
}
.round p:hover {
	color: #78B517
}
img.ico {
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 22px
}
.display {
	position: absolute;
	width: 500px;
	height: 260px;
	top: 300px;
	border: 1px solid #EFEFEF;
	background-color: rgba(250,250,250,0.9);
	padding: 20px;
	left: 50%;
	margin-left: -270px;
	border-radius: 10px;
}
.display h4 {
	color: #74B200;
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 15px
}
.display p {
	font-size: 14px;
	line-height: 19px
}
.contenidos {
	display: none;
}
a.rotulo {
	text-decoration: none
}










/* ====================================
====== FORM ELEMENTS ==================
==================================== */
	
/* Labels & Inputs */
.g-form-row {
    padding: 0 0 15px;
	}
	.g-form-row-label {
		font-size: 16px;
		margin-bottom: 5px;
		}
		input[type="text"],
		input[type="password"],
		input[type="email"],
		textarea,
		select {
			border: none;
			font-size: 16px;
			height: 42px;
			padding: 10px;
			border-radius: 5px;
			border-top: 1px solid rgba(0,0,0,0.08);
			box-shadow: 0 0 0 2px rgba(0,0,0,0);
			-webkit-transition: box-shadow 0.3s ease;
					transition: box-shadow 0.3s ease;
			background-color: #f2f2f2;
			}
		textarea {
			height: 150px;
			line-height: 24px;
			}
			input[type="text"]:focus,
			input[type="password"]:focus,
			input[type="email"]:focus,
			textarea:focus,
			select:focus {
				border-color: transparent;
				box-shadow: 0 0 0 2px #999;
				}

/* Buttons */
.g-btn,
input[type="submit"] {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	text-transform: uppercase;
	padding: 13px 40px;
	margin: 4px 0;
	border: none !important;
	border-radius: 5px;
	overflow: hidden;
	-webkit-transition: background-color 0.3s ease, color 0.3s ease;
			transition: background-color 0.3s ease, color 0.3s ease;
	}
	.g-btn span {
		position: relative;
		z-index: 1;
		}
	.g-btn span i {
		margin: 0 14px 0 -2px;
		line-height: .9em;
		}
	.g-btn:active {
		top: 0;
		}
	.no-touch .g-btn:after {
		display: block;
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		height: 0;
		width: 100%;
		z-index: 0;
		-webkit-transition: height 0.3s ease;
				transition: height 0.3s ease;
		}
		.no-touch .g-btn:hover:after {
			height: 100%;
			}
	/* TYPE: default */
	.g-btn.type_default {
		background-color: #e8e8e8;
		color: #444;
		}
		.no-touch .g-btn.type_default:after {
			background-color: #444;
			}
		.no-touch .g-btn.type_default:hover {
			color: #fff;
			}
	/* TYPE: primary */
	.g-btn.type_primary,
	input[type="submit"] {
		background-color: #31c5c7;
		color: #fff;
		}
		.no-touch .g-btn.type_primary:after,
		.no-touch input[type="submit"]:hover {
			background-color: #444;
			}
		.no-touch .g-btn.type_primary:hover,
		.no-touch input[type="submit"]:hover {
			color: #fff;
			}
	/* TYPE: secondary */
	.g-btn.type_secondary {
		background-color: #444;
		color: #fff;
		}
		.no-touch .g-btn.type_secondary:after {
			background-color: #31c5c7;
			}
		.no-touch .g-btn.type_secondary:hover {
			color: #fff;
			}
	/* SIZE: small */
	.g-btn.size_small,
	input.g-btn.size_small,
	button.g-btn.size_small {
		font-size: 14px;
		line-height: 20px;
		padding: 10px 30px;
		}
	/* SIZE: big */
	.g-btn.size_big,
	input.g-btn.size_big,
	button.g-btn.size_big {
		font-size: 22px;
		line-height: 32px;
		padding: 14px 44px;
		}
		
/* Alerts */
.g-alert {
	text-align: left;
    padding: 0 20px;
	border-radius: 3px;
	}
	.g-alert-close {
		right: -38px;
		top: 12px;
		font-size: 20px;
		text-align: center;
		line-height: 30px;
		height: 30px;
		width: 30px;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* hack for IE8 */
		opacity: 0.3;
		-webkit-transition: opacity 0.3s ease;
				transition: opacity 0.3s ease;
		}
		.g-alert-close:hover {
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* hack for IE8 */
			opacity: 1;
			}
	.g-alert-body {
		padding: 15px 0;
		}
		.g-alert-body p {
			margin: 0;
			}

/* w-contacts */
.w-contacts a:hover {
	border-bottom: 1px solid;
	}
.l-main .w-contacts-item {
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
	margin-bottom: 15px;
	}
	.l-main .w-contacts-item > i {
		display: inline-block;
		vertical-align: middle;
		font-size: 24px;
		line-height: 50px;
		height: 50px;
		width: 50px;
		margin: 8px;
		border-radius: 50%;
		box-shadow: 0 1px 1px rgba(0,0,0,0.1);
		background-color: #f2f2f2;
		color: #444;
		}
	.l-main .w-contacts-item-value {
		display: inline-block;
		vertical-align: middle;
		font-size: 24px;
		line-height: 34px;
		margin: 0 8px;
		text-transform: uppercase;
		}
	/* w-contacts in footer */
	.l-footer .w-contacts-item > i {
		float: left;
		font-size: 20px;
		text-align: center;
		line-height: 26px;
		height: 26px;
		width: 26px;
		}
	.l-footer .w-contacts-item-value {
		margin: 0 0 14px 36px;
		}
		.l-footer .w-contacts-item:last-child  .w-contacts-item-value {
			margin-bottom: 0;
			}


/* w-form */
.w-form {
	max-width: 450px;
	margin: 0 auto;
	}
	.w-form .g-form-row-label {
		text-align: left;
		}
	.w-form .g-form-row-field {
		position: relative;
		}
		.w-form .g-form-row-field > i {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			font-size: 20px;
			line-height: 42px;
			height: 42px;
			width: 50px;
			z-index: 1;
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=33); /* hack for IE8 */
			opacity: 0.33;
			}
			.w-form .g-form-row-field > input[type="text"],
			.w-form .g-form-row-field > input[type="password"],
			.w-form .g-form-row-field > input[type="email"],
			.w-form .g-form-row-field > textarea,
			.w-form .g-form-row-field > select {
				padding-left: 50px;
				}



 @media (max-width: 960px) {
nav ul {
	display: none;
}
nav select {
	display: inline-block;
	position: relative;
	margin-top: 38px;
	color: #000;
}
}






/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1024px) {
#intro .bg1 {
	background-size: cover;
}
.title {
	position: relative;
}
#intro {
	height: 500px;
}
.title {
	padding-top: 250px;
	padding-bottom: 10px;
}
h1 {
	font-size: 100px;
	margin-bottom: 20px;
}
h1.small {
	font-size: 80px;
	margin-bottom: 20px;
}
.display {
	width: 350px;
	height: 260px;
	top: 300px;
	margin-left: -195px;
}
.izq {
	left: 130px;
}
.der {
	right: 130px;
}
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
#intro {
	height: 430px;
}
#top {
	height: 130px;
}
#top .content a.logo {
	width: 100%;
	height: 60px;
}
#top .content a.logo img {
	float: none;
	margin: 0 auto;
}
.display {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	clear: both;
	float: none;
	width: 100%;
}
.is-sticky #top .content a.logo {
}
.is-sticky #top .content a.logo img {
}
nav select {
	margin-top: -30px;
	margin-bottom: 0px
}
#top .content span.telefono {
	margin: 0 auto;
	clear: both;
	float: none;
	display: none;
}
h1 {
	font-size: 70px;
	margin-bottom: 20px;
}
h1.small {
	font-size: 40px;
	margin-bottom: 20px;
}
.title p {
	font-size: 20px;
	line-height: 28px;
}
nav ul li {
	padding-left: 10px;
	padding-right: 10px;
}
#servicios .container {
	background: none
}
.round {
	position: relative;
	float: left;
	left: 0!important;
	right: 0!important;
	top: 0!important;
	margin: 0 30px 60px 30px
}
}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
#intro {
	height: 130px;
}
#top {
	height: 130px;
}
#top .content a.logo {
	width: 100%;
}
#top .content a.logo img {
	float: none;
	margin: 0 auto;
}
.display {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	clear: both;
	float: none;
	width: 260px;
	height: 500px;
}
.round.activo p {
	color: #fff !important;
}
#separator3, #separator2, #servicios, .bg1, .title { display:none;}
#servicios_mobile {display:block}
p.separator {
	left: 0;
	line-height: 24px;
	margin-left: 10px;
	margin-top: 10px;
	padding: 10px;
	position: absolute;
	top: 0;
	width: 260px;
	z-index: 200;
}
.is-sticky #top .content a.logo {
	display: none
}
.is-sticky #top {
	height: 40px;
}
nav select {
	margin-top: 20px;
	margin-bottom: 10px;
}
.is-sticky nav select {
	margin: 10px auto;
}
#top .content span.telefono {
	margin: 0 auto;
	clear: both;
	float: none;
	display: none;
}
.title {
	position: relative;
	padding-bottom: 10px;
}
.intro-line {
	display: none;
}
h1 {
	font-size: 60px;
	margin-bottom: 20px;
}
h1.small {
	font-size: 30px;
	margin-bottom: 20px;
}
.title p {
	font-size: 18px;
	line-height: 28px;
}
nav ul li {
	padding-left: 5px;
	padding-right: 5px;
}
#servicios .container {
	background: none
}
.round {
	position: relative;
	float: left;
	left: 0!important;
	right: 0!important;
	top: 0!important;
	margin: 0 5px 5px 0px;
	overflow: hidden;
	border-radius: 0px;
	height: 90px;
	width: 145px;
}
.round:hover p {
	color: #fff
}
img.ico {
	margin: 0px auto;
	height: 50px;
}
.round p {
	margin: 0px;
}
}
/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
#bottom .content .telefono.top {
	margin-top: 75px;
}
#separator3 .llegamos {
	color: #FFFFFF;
	display: block;
	font-size: 31px;
	font-weight: 600;
	height: 30px;
	left: 50%;
	line-height: 40px;
	margin-left: -495px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 2px #333333;
	top: 250px;
	width: 990px;
	z-index: 200;
}
#contacto .container .one-third.column p {
	text-align: center;
}