html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form,  legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	}
a {text-decoration:none;}
.clean {clear:both;}
.sep {width:100%;min-height:40px;}
.sep_line {width:100%;height:1px;background-color:#fafafa;margin:20px 0;}
#fade {display:none;}
@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans-Regular.eot'),
         url('fonts/OpenSans-Regular.woff') format('woff'),
         url('fonts/OpenSans-Regular.ttf') format('truetype'),
         url('fonts/OpenSans-Regular.svg#svgOpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light.eot'),
         url('fonts/OpenSans-Light.woff') format('woff'),
         url('fonts/OpenSans-Light.ttf') format('truetype'),
         url('fonts/OpenSans-Light.svg#svgOpenSans-Light') format('svg');
    font-weight: lighter;
    font-style: normal;
	}
body {
	font-family:'OpenSans', sans-serif;
	font-weight: 400;
	overflow:scroll;
	background-color: #ffffff;
	}
p {
	font-size: 16px;
}
#fade {opacity:0;}
#content {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width: 100%;
	height:100%;
	}	
.central{
	width:90%;
	max-width:960px;
	min-width:960px;
	position:relative;
	margin:40px auto 0 auto;
	padding:0;
	}
.central_in {
	width:94%;
	margin:0 3%;
}
.header {
	width:90%;
	min-width:960px;
	max-width:960px;
	position:relative;
	margin:auto;
	xmin-height:160px;
	}
.logo_phone {
	margin:0 0;
	background-color: #ffffff;
	background:url('../images/head_bg.png') no-repeat;
	background-size: 100%;
	font-weight: bold;
	}
.logo {
	width:14%;
	position:relative;
	margin:20px 0 20px 20px;
	float:left;
	min-width:170px;
	z-index:30;
	}
.logo img {
	width:100%;
	}
.phone {
	width:50%;
	position: relative;
	float:right;
	margin:20px 20px 0;
	background-color: rgba(255, 255, 255, 0.5);
	padding:20px;
	color:#000;
	}

.phone_icon {
	width:25px;
	position: relative;
	float:right;
	padding:0 0 0 15px;
	}
.phone_icon img {
	width:100%;
	}
.phone_txt {
	width:250px;
	font-size: 18px;
	text-align: right;
	line-height:25px;
	position: relative;
	float: right;
	xfont-weight: 600;
	color:#032D43;
	}
.mail_txt {
	width:250px;
	font-size: 16px;
	text-align: right;
	line-height:25px;
	position: relative;
	float: right;
	xfont-weight: 600;
	}
.mail_txt a {
	color:#032D43;
	}
.mail_txt a:hover {
	text-decoration: underline;
	}
.menu {
	width:100%;
	position:relative;
	font-family:'OpenSans';
	text-align: center;
	z-index:30;
	cursor:pointer;
	font-size:14px;
	}
.menu a{
	width:25%;
	height:40px;
	position:relative;
	text-align: center;
	text-transform: uppercase;
	float:left;
	background-color: #344145;
	color:#ffffff;
	line-height:40px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.menu a.activo {
	background-color: #67a5d5;
	}
.menu a:hover {
	background-color:#a3c8e7;
	}

#menu_mobile {
	display:none;
}


/* colums */
.col1 {
	width:100%;
	}
.col2 {
	width:50%;
	float:left;
	}
.col2 img {
	width:100%;
	}
.col32 {
	width:63%;
	padding:0 3% 0 0;
	float:left;
	}
.col31 {
	width:34%;
	float:left;
	}
.col3 {
	width:33.3%;
	float:left;
	}
.col3 img {
	width:100%;
	}
.col4 {
	width:25%;
	float:left;
	}
.col5 {
	width:20%;
	float:left;
	}
.col80 {
	width:80%;
	margin:auto;
	}

.main_txt {
	width:100%;	
	}
.tit {
	font-size: 22px;
	font-weight: 600;
	margin:20px 0;
	}
.txt {
	font-size: 14px;
	margin:20px 0;
	text-align: justify;
}



/*servicios */
.servicios {
	width:92%;
	padding:4%;
	float: left;
}
.serv_tit {
	width:96%;
	background-color: #67a5d5;
	xbackground-color: #344145;
	color:#ffffff;
	font-size: 20px;
	font-weight: 400;
	padding:2%;
	}
.serv_tit2 {
	color:#222222;
	font-size: 18px;
	font-weight: 600;
	margin:20px 0;
	}
.serv_img img {
	width:100%;
	}
.serv_img2 img {
	width:95%;
	margin:3% 0 3% 5%;
	float: right;
	}
.serv_txt {
	font-size: 14px;
	text-align: justify;
	margin:20px 0;
}
.otrosservicios {
	border-bottom: 1px solid #67a5d5;
	padding:10px 0;
}

/* nuestros clientes */

.logo_cliente {
	width:94%;
	margin:3%;

	}
.logo_cliente_img {
	width:80%;
	margin:0 10%;
	}
.logo_cliente_img img {
	width:100%;
	}
.logo_cliente_txt {
	width:100%;
	font-weight: 600;
	text-align: center;
	padding:10px 0;
	}


/* Contacto */
.empresa {
	font-weight:600;
	margin:0 0 10px;
}
.email {
	margin-bottom: 20px;
}
.email a{
	color:#67a5d5;
}
.email a:hover{
	text-decoration: underline;
}

.formulario {
	width:100%;
	padding:0 0 0 0;
	}
/* form */

:required {
  border-color: #88a;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}

form {
  	float:left;
  	width:90%;
	}
.form_elem {
	width:100%;
	clear:both;
	margin:0 0 10px;

	}
.label_input {
	width:50%;
	padding:8px;
	margin:0;
	float:left;
	font-size: 16px;
	}
input[type=text] , textarea, input[type=tel], input[type=email] {
	border:1px solid #7f7f7f;
	font-size:16px;
	width:100%;
	min-height:30px;
	display:block;
	margin-top:5px;
	outline: none;
	color:#444;
	float:right;
	background-color: #fafafa;
	}
input[type=submit] {
  background:none;
  padding:15px;
  font-size: 16px;
  text-transform: uppercase;
  border:1px solid #7f7f7f;
  color:#262626;
  cursor: pointer;
  margin:15px auto 0 auto;
  float:right;
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
input[type=submit]:hover {
	background-color:#67a5d5;
	color:#fafafa;
	} 
.input_special {
	width:100%;
	}
label {
	width:60%;
	text-align:right;
	color:red;
	font-size:12px;
	}
.error {
	color:red;
	}
.envio {
	text-align: center;
}

/* footer */
.footer {
	position: relative;
	margin:30px 0 0;
	width:100%;
	xpadding:0 2%;
	min-height:80px;
	background-color: #67a5d5;
	font-size: 12px;
	}
.footer a {
	color:#ffffff;
}
.copy {
	font-size: 14px;
	padding:30px;
	color:#ffffff;
	}
.copy a {
	color:#ffffff;
	}
.copy a:hover {
	text-decoration: underline;
	}
.haiku {
	text-align:right;
	font-size: 14px;
	padding:30px;
	color:#ffffff;
	}

.rrss {
	margin:0 0 20px;
	}
.rrss a {
	width:6%;
	min-width:46px;
	position:relative;
	float:right;
	}
.rrss a img {
	width:100%;
	}
#headerfooter {
	display:none;
}

@media (min-width: 761px) and (max-width: 1100px) {
}

@media (max-width: 760px) { 
/* colums */
.col1 {
	width:100%;
	}
.col2 {
	width:100%;
	float:left;
	}
.col2 img {
	width:100%;
	}
.col32 {
	width:100%;
	padding:0;
	float:left;
	}
.col31 {
	width:100%;
	float:left;
	}
.col3 {
	width:100%;
	float:left;
	}
.col3 img {
	width:100%;
	}
.col4 {
	width:80%;
	margin:0 10%;
	float:left;
	}
.col5 {
	width:20%;
	float:left;
	}
.logo {
	width:50%;
	position:relative;
	margin:0 25%;
	float:left;
	min-width:0px;
	z-index:30;
	}
.central, .header {
	min-width:0;
	}
.copy {
	text-align: center;
	}
.haiku {
	text-align: center;
	}
.logo_phone {
	margin:20px 0 0;
	background-color: #ffffff;
	background:#ffffff;
	background-size: 100%;
	}
.phone {
	display:none;
	width:100%;
	position: relative;
	float:right;
	margin:40px 0 0;
	}
.phone_icon {
	width:10%;
	margin:0 45%;
	position: relative;
	padding:0 0 0 15px;
	}
.phone_icon img {
	width:100%;
	}
.phone_txt {
	width:100%;
	font-size: 18px;
	text-align: center;
	line-height:25px;
	position: relative;
	float: right;
	font-weight: 600;
	}
.mail_txt {
	width:100%;
	font-size: 16px;
	text-align: center;
	line-height:25px;
	position: relative;
	float: right;
	font-weight: 600;
	}
#menu_mobile {
	display:block;
	position:absolute;
	right:10;
	z-index:40;
	cursor:pointer;
}
.menu_container {
	width:100%;
	xheight:500px;
	z-index: 50;
	display:none;
	position:absolute;
	}
.menu a{
	width:100%;
	}
.formulario {
	margin:40px 0 0;
}
form {
  	width:100%;
	}
.servicios {
	width:100%;
	padding:0%;
	float: left;
}
#headerfooter {
	display:block;
	margin:40px 0;
}
}