@charset "UTF-8";
/* CSS Document */


* {margin: 0; padding: 0; outline: 0;}

html, body {
   height:100%
}

a:link {color:#404040; text-decoration:none;}      /* unvisited link */
a:visited {color:#404040;text-decoration:none;}  /* visited link */
a:hover {color:#404040;text-decoration:none;}  /* mouse over link */
a:active {color:#404040;text-decoration:none;}  /* selected link */





/* FONTS */


@font-face {
    font-family: "Montserrat-light";
    src: url(fonts/Montserrat-Light.ttf) format('truetype'),
	url(fonts/Montserrat-Light.otf) format('opentype'),
	url(fonts/Montserrat-Light.svg) format('svg');
}

@font-face {
    font-family: "Montserrat-semibold";
    src:url(fonts/Montserrat-SemiBold.ttf) format('truetype'),
	url(fonts/Montserrat-SemiBold.otf) format('opentype'),
	url(fonts/Montserrat-SemiBold.svg) format('svg');
}




/*************** BLOQUES ***************/




/* HOME */


.boxHeader{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  /*align-items: center;*/
  flex-direction: column;
  transition: .3s;
}
.headerFixed{
  height: 160px;
  background-color: #f6f6f6;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  /*border-bottom: 1px solid #CCC;*/
}


#homefondo{
  display:block;
  height: 950px;
  background:url(img/fondo_home.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
}


#contenedor_top{
	width:100%;
	height:160px;
	margin: 0 auto;
	z-index:2;
}

#botonera{
	width:385px;
	  position:absolute;
	  margin-top:60px;
    right: 80px;
 display: flex;
  justify-content: center;
  transition: .3s;
}

.headerFixed #cssmenu{
  padding-top: inherit;
}
.headerFixed #botonera{
  position: absolute;
  right: 40px;
  margin-top: 60px;
}

#logo{
	width:346px;
	height:50px;
	float:left;
	display:block;
  margin-top: 65px;
  margin-left:80px;
  transition: .3s;
}

.headerFixed #logo{
  width: 346px;
  height: inherit;
  float:left;
  position: inherit;
  display: block;
  margin-top: inherit;
  transition: .3s;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0px;
  left: 80px;
}





#porta_banners{
	width:80%;
	height:300px;
	margin: 0 auto;
	margin-top:10%;
}


#banner1{
	width:15%;
	float:left;
	margin-bottom:35px;
}

#banner2{
	width:15%;
	float:left;
	margin-bottom:35px;
}

#banner_margin{
	display:block;
	width:2%;
	height:300px;
	float:left;
}




#empezamos{
	width:548px;
	height:88px;
	margin: 0 auto;
	margin-top:80px;
}


#flecha_a_empresa{
	width:110px;
	height:53px;
	margin: 0 auto;
	
	position: absolute;
	bottom: 0px;
	right: calc(50% - +55px);
	display: block;
	z-index: 2;

}



/* EMPRESA */

#empresa{
	width:100%;
	height:650px;
	background-color:#5d5f5e;
}

#titulo1{
	width:80%;
	height:40px;
	margin: 0 auto;
	padding-top:100px;
	
	font-family: "Montserrat-light", sans-serif;
	font-size:40px;
	text-align:center;
	color:#FFF;
}
	
#subrayado_titulo1{
	width:85px;
	height:1px;
	margin: 0 auto;
	margin-top:25px;
	background-color:#FFF;
}	

#texto_gral{
	width:750px;
	margin: 0 auto;
	margin-top:75px;
	
	font-family: "Montserrat-light", sans-serif;
	font-size:18px;
	line-height:24px;
	text-align:center;
	color:#FFF;
}

#iso{
	width:105px;
	height:50px;
	margin: 0 auto;
	margin-top:50px;
	background-image:url(img/iso.svg);
}




/* SERVICIOS */

#blanco_servicios{
	width:100%;
	height:3300px;
	float:left;
	background-color:#FFF;
}

#servicios{
	width:1000px;
	margin: 0 auto;
	margin-top:200px;
}

#cont_servicios{
	width:1000px;
	float:left;
}



#img_izq{
	width:490px;
	height:340px;
	float:left;
	margin-right:20px;
}


#img_der{
	width:490px;
	height:340px;
	float:right;
	margin-left:20px;
}


#cont_servicios_subitems{
	float:left;
	width:1000px;
	margin-bottom:150px;
}

#btn_presupuesto{
	width:210px;
	height:55px;
	clear:left;
	float:left;
	margin-top:0px;
	margin-left:280px;
}

#rayas_serv{
	width:490px;
	height:55px;
	float:right;
	background-image:url(img/rayas_servicios.svg);
}

#btn_presupuesto2{
	width:210px;
	height:55px;
	clear:left;
	float:right;
	margin-top:0px;
	margin-right:280px;
}

#rayas_serv2{
	width:490px;
	height:55px;
	float:left;
	background-image:url(img/rayas_servicios.svg);
}

#serv_titulos{
	width:490px;
	font-family: "Montserrat-light", sans-serif;
	font-size:30px;
	line-height:30px;
	text-align:left;
	color:#6d8dd0;
	float:right;
	margin-bottom:30px;
}


#serv_txt{
	width:490px;
	/*height:280px;*/
	font-family: "Montserrat-light", sans-serif;
	font-size:18px;
	line-height:23px;
	text-align:justify;
	color:#4e504f;
	float:right;
}




/* PUNTOS DE ACCION */

#puntosdeaccion{
	width:100%;
	height:790px;
	margin: 0 auto;
	background-color:#ebebeb;
	float:left;
}
	
#titulo2{
	width:80%;
	height:40px;
	margin: 0 auto;
	padding-top:100px;
	
	font-family: "Montserrat-light", sans-serif;
	font-size:40px;
	text-align:center;
	color:#3061ad;
}
	
#subrayado_titulo2{
	width:85px;
	height:1px;
	margin: 0 auto;
	margin-top:25px;
	background-color:#3061ad;
}	

#pda_contenedor{
	width:850px;
	height:418px;
	margin: 0 auto;
	margin-top:100px;
}

#pda_mapa{
	width:405px;
	height:418px;
	background-image:url(img/mapa.png);
	background-position: left top;
	float:left;
	margin-right:40px;
}

#pda_info{
	width:380px;
	height:418px;
	float:left;
	
	font-family: "Montserrat-light", sans-serif;
	font-size:17px;
	line-height:26px;
	text-align:left;
	color:#4e504f;
}

.bold_pda-info{
	font-family:"Montserrat-semibold";
}

.mails_pda{
	color:#FFF;
	padding:10px;
	background-color:#4e504f;
}


/* CONTACTO */

#contacto{
	width: 100%;
	height:700px;
	  background:url(img/fondo_cto.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	float:left;
}

#flecha_a_contacto{
	width:110px;
	height:53px;
	margin: 0 auto;
	
	position: absolute;
	top: 0px;
	right: calc(50% - +55px);
	display: block;
	z-index: 2;

}



#contenedor_form{
	width:1000px;
	height:300px;
	margin: 0 auto;
	margin-top:50px;
	display:block;
}

#contenedor_form_mobile{
	display:none;
}



/* FORM */

#contacto_form{
    width:430px;
    height:450px;
    float:left;
}

.despl {
    display:block;
    width:215px;
    height:30px;
    font-family: "Montserrat-light", sans-serif;
    font-size:18px;
}


form {
    width:100%;
    margin:0 auto;
    float:left;
}

input, textarea {
    width:496px;
    height:50px;
    border:none;
    margin-bottom:8px;
	background-color:#FFF;
    font-family: "Montserrat-light", sans-serif;
    font-size:14px;
    text-align:left;
    color:#656565;
	float:left;
}

textarea {
    height:156px;
    margin-bottom:8px;
    padding-top:10px;
	float:right;
}


#submit {
    width:496px;
    height:50px;
    padding-top:2px;
	background-color:#cb4413;
    font-family: "Montserrat-light", sans-serif;
	text-align:left;
    font-size:15px;
    color:#FFF;
    cursor:pointer;
	float:right;
}



/* PIE */

#pie{
	width:100%;
	height:50px;
	background-color:#FFF;
	float:left;
}

#pie_copy{
	width:230px;
	height:19px;
	margin:0 auto;
	margin-top:15px;
}

#pie_copy1{
	width:160px;
	float:left;
	margin-top:3px;
	
	font-family: "Montserrat-light", sans-serif;
    font-size:12px;
	text-align:right;
	color:#000;
}

#pie_copy2{
	width:63px;
	height:19px;
	float:right;
}



#whatsapp{
	width:60px;
	height:60px;
	position:fixed;
	right:90px;
	bottom: 50px;
	z-index: 100;
}

@media screen and (max-width:800px ) {   /************************************************/


/*************** BLOQUES ***************/


header {
	display:none;
}
.headerFixed #logo{
  display: none;
}
.headerFixed{
  background: transparent;
   border-bottom: 0px;
}

.headerFixed #cssmenu{
  padding-top: 13px;
   /*border-bottom: 1px solid #999;*/
}

.headerFixed #botonera{
  margin-top:0;
 
}


/* HOME */


#homefondo{
  display:block;
  height: 1100px;
  background:url(img/fondo_home_mobile.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
}



#contenedor_top{
	width:100%;
	height:60px;
	margin: 0 auto;
}

#botonera{
	  margin-top:0px;
}

#logo{

	display:none;
}




#porta_banners{
	width:80%;
	height:720px;
	margin: 0 auto;
	margin-top:70px;
}


#banner1{
	width:46%;
	float:left;
}

#banner2{
	width:46%;
	float:right;
}

#banner_margin{
	display:none;
	width:2%;
	height:300px;
	float:left;
}

#empezamos{
	width:300px;
	height:48px;
	margin: 0 auto;
	margin-top:100px;
}



/* EMPRESA */

#empresa{
	width:100%;
	height:810px;
	background-color:#5d5f5e;
}

#titulo1{
	width:80%;
	height:40px;
	margin: 0 auto;
	padding-top:100px;
	
	font-family: "Montserrat-light", sans-serif;
	font-size:35px;
	text-align:center;
	color:#FFF;
}


#texto_gral{
	width:80%;
	margin: 0 auto;
	margin-top:75px;
	
	font-family: "Montserrat-light", sans-serif;
	font-size:18px;
	line-height:24px;
	text-align:center;
	color:#FFF;
}



/* SERVICIOS */

#blanco_servicios{
	width:100%;
	height:5000px;
	float:left;
	background-color:#FFF;
}


#servicios{
	width:80%;
	margin: 0 auto;
	margin-top:100px;
}

#cont_servicios{
	width:100%;
}

#cont_servicios-chico{
	display:block;
	width:100%;
}


#img_izq{
	width:100%;
	height:100%;
	float:left;
	margin:0px;
}


#img_der{
	width:100%;
	height:100%;
	float:left;
	margin:0px;
}


#cont_servicios_subitems{
	width:100%;
	margin-top:30px;
	margin-bottom:90px;
}

#btn_presupuesto{
	width:49%;
	clear:left;
	float:left;
	margin:0px;
}

#rayas_serv{
	width:49%;
	height:55px;
	float:right;
	background-image:url(img/rayas_servicios.svg);
}

#btn_presupuesto2{
	width:49%;
	clear:left;
	float:left;
	margin:0px;
}

#rayas_serv2{
	width:49%;
	height:55px;
	float:right;
	background-image:url(img/rayas_servicios.svg);
}

#serv_titulos{
	width:100%;
	font-family: "Montserrat-light", sans-serif;
	font-size:24px;
	line-height:24px;
	text-align:left;
	color:#6d8dd0;
	float:right;
	margin-bottom:30px;
	margin-top:10px;
}


#serv_txt{
	width:100%;
	/*height:280px;*/
	font-family: "Montserrat-light", sans-serif;
	font-size:18px;
	line-height:23px;
	text-align:justify;
	color:#4e504f;
	float:right;
}


/* PUNTOS DE ACCION */

#puntosdeaccion{
	width:100%;
	height:1200px;
	margin: 0 auto;
	background-color:#ebebeb;
	float:left;
}


#titulo2{
	width:90%;
	height:40px;
	margin: 0 auto;
	padding-top:100px;
	
	font-family: "Montserrat-light", sans-serif;
	font-size:31px;
	text-align:center;
	color:#3061ad;
}
	

#pda_contenedor{
	width:80%;
	height:900px;
	margin: 0 auto;
	margin-top:70px;
}

#pda_mapa{ 
	width:100%;
	height:418px;
	 background:url(img/mapa.png);
	background-position: center top;
	background-repeat: no-repeat;
	float:left;
	margin-right:0px;
}

#pda_info{
	width:100%;
	height:418px;
	float:left;
	margin-top:50px;
	
	font-family: "Montserrat-light", sans-serif;
	font-size:17px;
	line-height:26px;
	text-align:left;
	color:#4e504f;
}

.bold_pda-info{
	font-family: "Montserrat-light", sans-serif;
	font-weight:bold;
}

.mails_pda{
	color:#FFF;
	padding:10px;
	background-color:#4e504f;
	font-size:15px;
}




/* CONTACTO */

#contacto{
	width: 100%;
	height: 920px;
	margin:0;
	float:left;
	background-color:#DBDBDA;
}


#contenedor_form{
	display:none;
}

#contenedor_form_mobile{
	width:85%;
	height:550px;
	margin: 0 auto;
	margin-top:40px;
	display:block;
}


/* FORM */

#contacto_form{
    width:430px;
    height:450px;
    float:left;
}

.despl {
    display:block;
    width:215px;
    height:30px;
    font-family: "Montserrat-light", sans-serif;
    font-size:18px;
}
form {
    width:100%;
    margin:0 auto;
    float:left;
}

input, textarea {
    width:100%;
    height:65px;
    border:none;
    margin-bottom:8px;
    padding:0;
    
    font-family: "Montserrat-light", sans-serif;
    font-size:15px;
    text-align:left;
    color:#808080;
	float:left;
	border:0px solid;
    border-radius: 0px;
}

textarea {
    height:128px;
    margin-bottom:8px;
	padding-top:10px;
	float:left;
	border:0px solid;
    border-radius: 0px;
}


#submit {
    width:100%;
    height:55px;
    padding-top:2px;
	background-image:url(img/submit.png);
    font-family: "Montserrat-light", sans-serif;
	text-align:center;
    font-size:15px;
    color:#FFF;
    cursor:pointer;
	float:left;
	border:0px solid;
  	border-radius: 0px;
}

/* fin FORM */



#whatsapp{
	width:60px;
	height:60px;
	position:fixed;
	right:30px;
	bottom: 50px;
	z-index: 100;
}


}