body, html, section { width: 100%; height: 100%; }

@font-face { font-family: fuente1; src: url(../fonts/myriadprobold.otf); }
@font-face { font-family: fuente2; src: url(../fonts/roboto.ttf); } 

h3 { font-family:fuente1!important; font-size: 1.5em!important;}
h4 { font-family:fuente2!important; font-size: 1.2em!important;}
h5 { font-family:fuente2!important; font-size: .9em!important;}

.btn-primary  { padding:5px 50px!important;}
	

/* ............................*/
/* ............................*/
/* ............................*/


.navbar-fixed-top {width:100%; height: auto; padding:20px 0px; margin:0;  text-align: center; background: rgba(0,0,0,0);-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.nav_grande_achicado {padding:0px; background: rgba(0,0,0,1);}
#nav_contenedor { width:100%; max-width:1200px; display:inline-block; text-align:right; padding:0px; }
#logo_pc { float: left; }
#logo_pc img {height:40px; margin-top:10px; }
#logo_movil { display:none; }
#nav_contenedor ul { display:inline-block; margin: 0px!important;  }
#nav_contenedor li { display:inline-block; margin: 0px!important;  }
#nav_contenedor li a {display:inline-block; font-family:fuente2; font-size:.9em; color:#fff; padding:20px 5px; margin: 0px!important; }
#nav_contenedor li a:hover { color:#FFFFF0!important;   } 
#nav_contenedor li a:link, a:visited { text-decoration: none; color:#fff; outline:0; }

/* En resoluciones menores a 1200px */
@media screen and (max-width: 1200px){
#logo_pc img {margin-left:20px; }
}

/* En resoluciones menores a 992px */
@media screen and (max-width: 992px){
.navbar-fixed-top {padding:0px; background: rgba(0,0,0,1);}
#nav_contenedor { text-align:center; }
#logo_movil { display:block; width:100%; line-height:70px; }
#logo_pc { display:none; }
.menu_movil img { display: inline-block; float:right; margin: 20px 20px 0px 0px; cursor:pointer; height:30px; }
.logo_movil_logo img {height:40px; width: auto; margin-left:50px;  }
#nav_contenedor ul { display:none; width:100%; padding:0px; }
#nav_contenedor li { display: block; }
#nav_contenedor li a { width:100%; line-height:20px; background-color: #333; border-bottom: solid 1px #666; }
}


/* ............................*/
/* ............................*/
/* ............................*/


#inicio { width:100%; height:100%; text-align: center; background-color:#fff; padding:0px;}
#inicio_contenedor {width: 100%; height:100%; margin: 0 auto; padding: 0; text-align:center;}

/* Modificaciones en el bullet de Swiper */
#inicio .swiper-pagination {bottom:20px!important;}
.swiper-pagination-bullet{background:#fff!important;opacity:.4!important;}
.swiper-pagination-bullet-active{opacity:1!important;background:#fff!important;}

#diapositiva_01 { background:#333; background-image:url(../img/alsabuilding_inicio_01.jpg); background-size:cover; background-position:center; text-align: center; }
#diapositiva_02 { background:#333; background-image:url(../img/alsabuilding_inicio_02.jpg); background-size:cover; background-position:center; text-align: center; }
#diapositiva_03 { background:#333; background-image:url(../img/alsabuilding_inicio_03.jpg); background-size:cover; background-position:center; text-align: center; }
#diapositiva_04 { background:#333; background-image:url(../img/alsabuilding_inicio_04.jpg); background-size:cover; background-position:center; text-align: center; }
#patron_lineal {width:100%; height:100%; background-image:url(../img/bg_pattern.png); background-repeat:repeat; opacity: 1; padding: 0px;}
#diapositiva_on {width:100%; height:100%; display:table; text-align:center; }
#diapositiva_on_on {display:table-cell; vertical-align:middle; }
#diapositiva_on_on img {width: 400px; height:auto; -webkit-filter: drop-shadow(0px 0px 10px #000 ); filter: drop-shadow(0px 0px 10px #000);}

/* En resoluciones menores a 992px */
@media screen and (max-width: 992px){	
.swiper-button-next, .swiper-button-prev {display:none;}
#diapositiva_on_on img {width: 75%; max-width: 400px; height:auto;}
}


/* ............................*/
/* ............................*/
/* ............................*/


#empresa {width:100%; height:50%; text-align:center; background:#fff; padding: 0px; }
#empresa_contenedor { width:100%; height:100%; max-width:1200px; display:inline-block; padding:0px; text-align:center;}

#empresa_img {height:100%; display:table;  }
#empresa_img_on { display:table-cell; vertical-align:middle;}
#empresa_img_on img { width:100%; padding:0px 25px; }

#empresa_txt {height:100%; padding:0px; display:table; }
#empresa_txt_on {padding:0px 20px 0px 0px; display:table-cell; vertical-align:middle; text-align:justify;}
#empresa_txt_on h4 { color:#000!important; line-height:1.5em!important; }

/* En resoluciones menores a 992px */
@media screen and (max-width: 992px){
#empresa {height:auto; padding: 50px 20px; margin: 0px;}

#empresa_img { width:100%; padding:40px 0px;}
#empresa_img_on {width:100%; text-align:center; padding:0px 0px;}
#empresa_img_on img { width:100%; height:auto; max-width:300px; padding: 0px 20px;}

#empresa_txt {height:auto; padding:0px 0px;}
#empresa_txt_on {padding:0px 0px;}
}


/* ............................*/
/* ............................*/
/* ............................*/

#diseno {width:100%; height:100%; padding:0px; background:#05080A;}
#direccion {width:100%; height:100%; padding:0px; background:#0E161D;}
#ampliaciones {width:100%; height:100%; padding:0px; background:#162530;}
#piletasyjardines {width:100%; height:100%; padding:0px; background:#203444;}

#servicio_imagen {height:100%; background:#333; padding: 0px; display:inline-block;}
#servicio_imagen_on {height:100%; display: block;overflow: hidden;}
#servicio_imagen_on_on {display:block; width: 100%; height:100%; transform:scale(1); -ms-transform:scale(1); /* IE 9 */ -moz-transform:scale(1); /* Firefox */ -webkit-transform:scale(1); /* Safari and Chrome */ -o-transform:scale(1); /* Opera */ -webkit-transition: all 500ms ease-in-out; /* IE 9*/
-moz-transition: all 500ms ease-in-out; /* Firefox*/ -ms-transition: all 500ms ease-in-out; /* Safari and Chrome */ -o-transition: all 500ms ease-in-out; /* Opera */ }        
#servicio_imagen_on_on:hover { transform:scale(1.2); -ms-transform:scale(1.2); /* IE 9 */ -moz-transform:scale(1.2); /* Firefox */ -webkit-transform:scale(1.2); /* Safari and Chrome */ -o-transform:scale(1.2); /* Opera*/}

#servicio_info {height:100%; padding:0px; display:inline-block; text-align:center;}
#servicio_info_1 {height:100%; padding:0px; display:inline-block; text-align:center;}
#servicio_info_on {height:100%; width:100%; display:table; text-align:center;}
#servicio_info_on_on {height:100%; width:100%; display: table-cell; vertical-align:middle; padding: 60px 200px 10px 200px;}
#servicio_info_on_on h3 {color:#fff !important; padding:20px 0px;}
#servicio_info_on_on h4 {color:#fff !important; padding:20px 0px;}
#servicio_info_on_on .btn-primary {margin-top:10px!important; border: 1px solid #fff !important; border-radius:0px; background: rgba(0,0,0,0.2); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out;}
#servicio_info_on_on .btn-primary:hover { background: rgba(255,255,255,1); color:#000;}

#servicio_info_2 {display:none;}

/* En resoluciones menores a 1200px */
@media screen and (max-width: 1200px){
#servicio_info_on_on {padding: 60px 100px 10px 100px;}
}
	
/* En resoluciones menores a 992px */
@media screen and (max-width: 992px){
#diseno, #direccion, #ampliaciones, #piletasyjardines {height:auto; }	

#servicio_imagen {width:100%; display:block;}
#servicio_info {height:auto; width:100%; padding: 100px 20px; display:block;}
#servicio_info_1 {display:none;}
#servicio_info_2 {height:auto; width:100%; padding: 100px 20px; display:block;}
#servicio_info_on {height:auto; width:100%; display:block; }
#servicio_info_on_on {height:auto; width:100%; padding: 0px; display:block; }
#servicio_info_on_on h3 {padding:10px 0px;}
#servicio_info_on_on h4 {padding:10px 0px;}
#servicio_info_on_on .btn-primary {margin-top:0px!important; }
}

/* ............................*/
/* ............................*/
/* ............................*/

#mapa {width:100%; height:50%; background:#666;}

/* ............................*/
/* ............................*/
/* ............................*/


#frases {width:100%; height:50%; text-align:center;  padding:0px ; background-image:url(../img/fondo_frases.jpg); background-size:cover; background-position:center; background-attachment:fixed;}
#frases_contenedor { width:100%; height:100%; max-width:1200px; display:inline-block;}
#frases_on {display:table; height:100%; }
#frases_on h3 {display:table-cell; vertical-align:middle; color:white; padding:0px 50px; line-height:1.5em;}

/* En resoluciones menores a 992px */
@media screen and (max-width: 992px){
#frases { height:auto; padding:75px 20px; text-align:center;  }
#frases_contenedor { height:auto; text-align:center; }
#frases_on {width:100%; display:block; padding:25px 0px;  text-align:center;}
#frases_on h3 {display:block; width:100%; text-align:center; }
}


/* ............................*/
/* ............................*/
/* ............................*/


#contacto {width:100%; height:calc(100% - 50px); background-image:url(../img/fondo_contacto.jpg); background-size:cover; background-position:center;text-align:center; padding:0px; }
#contacto_contenedor { width:100%; height:100%; max-width:1200px; display:inline-block; padding-top:50px;}
#contacto_contenedor_on {display:table; height:100%; }

#contacto_form { display:table-cell; vertical-align:middle;}

#contacto_form_1 {text-align:left; }
#contacto_form_1 h3 {color:#FFF!important;}
#contacto_form_1 h4 {color:#FFF!important; display:inline-block;  }
#contacto_form_1 img { height:20px; display:inline-block; margin-right:10px; margin-top:-3px; }

#formulario_contacto {text-align:left; padding-top:0px;}
#form_nombre, #form_email, #form_telefono, #form_mensaje {width: 100%; margin:5px 0px; padding:5px 0px; font-family:fuente2; font-size: 1.2em; color:#fff; text-indent:5px; border : none; background: none; border-bottom: 1px solid #fff; display:inline-block;}
#form_nombre:focus, #form_email:focus, #form_telefono:focus, #form_mensaje:focus {background: rgba(0,0,0, 0.1); }

#contacto_form_2 .btn-primary  { margin-top:0px!important; border: 1px solid #fff !important; border-radius:0px; background: rgba(0,0,0,0.2); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out;}
#contacto_form_2 .btn-primary:hover {background: rgba(0,0,0,0.5);}

/* En resoluciones menores a 1200px */
@media screen and (max-width: 1200px){
#contacto_form {padding:0px 20px; }
}

/* En resoluciones menores a 992px */
@media screen and (max-width: 992px){
#contacto {height:auto; }
#contacto_contenedor {padding:100px 20px; height:auto; }
#contacto_contenedor_on {height:auto; }
#contacto_form { padding:0px; }
#contacto_form_2 {padding-top:30px;}
}
	

/* ............................*/
/* ............................*/
/* ............................*/


#footer {background:#000; height:50px; text-align:center;}
#footer_on {width:100%; height:100%; display:table; }
#footer h5 {color:white; display:table-cell; vertical-align:middle;}
#footer h5 a:link, a:visited {color:#FFF!important; font-weight:bold !important; text-decoration:none;}
#footer h5 a:hover {color:#FFC !important;}

/* En resoluciones menores a 992px */
@media screen and (max-width: 992px){
#footer {height:auto;}	
#footer_on {height:auto;}
#footer h5 {display:block; padding: 20px}
}

/* ............................*/
/* ............................*/
/* ............................*/


creditos_jlx {display:none; }