html,body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-size:1.03em;
line-height:1.2em;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
height:100%;
color:#0c486c;
}
.Separacion_top{margin-top: 100px;}
.Separacion_top_2{margin-top: 70px;}
.Separacion_bottom{margin-bottom: 100px;}
.Separacion_bottom_2{margin-bottom: 70px;}
@media only screen and ( max-width: 768px ){
.Separacion_top{margin-top: 50px;}
.Separacion_top_2{margin-top: 40px;}
.Separacion_bottom{margin-bottom: 50px;}
.Separacion_bottom_2{margin-bottom: 40px;}
}
.container-fluid{float: left;}
/*=====================*/
#Contenedor_marco{box-sizing: border-box; padding: 10px; float: left; width: 100%;}
#Marco{border: 2px solid #0000fe; width: 100%; height: auto; box-sizing: border-box; float: left;}
@media only screen and ( max-width: 992px ){
#Contenedor_marco{padding: 5px;}
}
/*====================*/
#Bk_01{background-image: url(../img/bk/bk-01.png); background-repeat: repeat-x; }
#Bk_02{background-image: url(../img/bk/bk-03.png); background-repeat: repeat-x; }
#Bk_03{background-image: url(../img/bk/bk-04.png); background-repeat: repeat-x; }
#Bk_04{background-image: url(../img/bk/bk-05.png); background-repeat: repeat-x; }
/*====================*/
a.Btn_01{width: 200px; height: 35px; background-color: #e32551; color: #ffffff; text-decoration: none; text-align: center; display: block; margin: 0 auto; box-sizing: border-box; padding-top: 8px; overflow: hidden;
/* Default */transition-property: all; transition-duration: 1s; transition-timing-function: ease; transition-delay: 0s;}
a.Btn_01 span{ width: 200px; height: 35px; margin: 0px; float: left}
a.Btn_01 p{display: block; width: 200px; height: 35px; margin: 0px; float: left;}
a:hover.Btn_01{background-color: #e6e6e6; color: #e32551}
a:hover.Btn_01 span{margin-top: -35px !important;}
/*====================*/
#Menu_contacto_responsive{display: none;}
@media only screen and ( max-width: 992px ){
#Menu_contacto_responsive{display: block; position: fixed; background-color: #3f444c; width: 100%; height: 45px; padding-right: 20px; z-index: 9999; border-bottom: 5px solid #ffffff; box-sizing: border-box;}
#Menu-contacto_2{width: 100%; float: left; text-align: right; margin-top: 10px; color: #ffffff;}
#Menu-contacto_2 a{text-decoration: none; color:#ffffff; font-size: 1em; display: inline-block; }
#Menu-contacto_2 img{width: 27px; margin-left: 15px; margin-top: -5px;}
}
@media only screen and ( max-width: 550px ){
#Menu_contacto_responsive{font-size: .6em;}
#Menu-contacto_2 img{width: 20px;}
}
/*====================*/
#Top_contenedor{padding: 20px 0px 5px; box-sizing: border-box; float: left; width: 100%}
#Logo{float: left; width: 25%;}
#Logo img{width: 100%; max-width: 190px; border: 0px;}
#Logo p{font-size: 1.4em; color: #e32551; font-weight: bold; margin-top: 5px;}
#Logo p img{width: 18px !important;}
#Logo p a{text-decoration: none; color: #e32551;}
#Menu{float: right; width: 75%; height: auto;}
#Menu-contacto{width: 100%; float: left; text-align: right; margin-top: 20px;}
#Menu-contacto a{text-decoration: none; color:#30363e; font-size: 1.5em; display: inline-block; }
#Menu-contacto img{width: 27px; margin-left: 15px; margin-top: -10px;}
#Menu-ligas{float: left; width: 100%; height: 50px;}
@media only screen and ( max-width: 992px ){
#Top_contenedor{margin-top: 25px;}
#Logo{width: 80%; }
#Logo img{max-width: 140px;}
#Menu-contacto{display: none;}
#Menu{ width: 20%; }
#Menu-ligas{float: right !important; right: 0px; position: relative;}
}
@media only screen and ( max-width: 573px ){
#Logo p{position: absolute; right: 20px; margin-top: -30px;}
}
/*=====================*/
#Banners_productos a{display: inline-block; text-decoration: none;}
#Banners_productos img{width: 100%; height: auto;}
#Banners_productos a h2{color: #0000fe; border-bottom: 5px solid #e32551; width: 100%; margin-top: 15px; padding-bottom: 5px;}
#Banners_productos a p{color:#0c486c;}
@media only screen and ( max-width: 768px ){
#Publicidad_home{margin-bottom: 30px;}
}
@media only screen and ( max-width: 573px ){
#Cajas_home{margin-bottom: 30px;}
}
/*=====================*/
#Trabajos_especiales_home img{width: 100%; display: block; height: auto; max-width: 1460px; margin-bottom: 30px;}
#Trabajos_especiales_home strong{color: #0000fe; font-size: 2em; line-height: 1em;}
#Trabajos_especiales_home p strong{color:#e32551; font-size: 1.5em;}
@media only screen and ( max-width: 576px ){
#Trabajos_especiales_home strong{margin-top: 30px; float: left;}
}
/*=====================*/
#Volumetricos_home img{width: 100%;}
#Volumetricos_home a{text-decoration: none;}
#Volumetricos_home h2{color: #0000fe; border-bottom: 5px solid #e32551; width: 100%; margin-top: 15px; padding-bottom: 5px;}
#Volumetricos_home p{color:#0c486c;}
/*=====================*/
#Collage_home img{width: 100%;}
.H_collage_movil{display: none}
@media only screen and ( max-width: 576px ){
.H_collage{display: none}
.H_collage_movil{display: block}
}
/*=====================*/
#Clientes_home h2{color: #0000fe; width: 100%; margin-top: 15px; padding-bottom: 5px;}
#Clientes_home img{width: 100%; max-width: 214px;}
/*=====================*/
#Fibreplast_top h1{color: #0000fe; margin-top: 50px;}
#Fibreplast_img img{width: 100%; display: block;}
#Fibreplast_txt{border-left: 2px solid #e32551; box-sizing: border-box; padding-left: 20px !important;}
#Fibreplast_mv{background-image: url(../img/gral/fibreplast-03.jpg); background-repeat: no-repeat; background-size: cover; height: 700px;}
#Fibreplast_mv_bk{background-color: rgba(255,255,255,0.80); min-height: 700px;}
#Fibreplast_mv_bk h2{color: #0000fe; margin-top: 50px;}
#Fibreplast_m{border-bottom: 2px solid #e32551;}
@media only screen and ( max-width: 576px ){
#Fibreplast_top h1{margin-top: 20px;}
}
/*=====================*/
#Servicios_top_img{ width: 100%; min-height: 420px; background-position: center; background-size: cover; float: left; display: flex; align-items: flex-end; justify-content: flex-start;}
#Servicios_top_img h1 {line-height: 60px; color: #ffffff; font-size: 4.5em; text-shadow: 2px 2px 5px #000000; width: 40%; font-weight: bold; padding: 0px 20px 20px; box-sizing: border-box;}
@media only screen and ( max-width: 992px ){
#Servicios_top_img{min-height: 180px;}
#Servicios_top_img h1 {line-height: 30px; font-size: 1.7em; width: 100%; padding-bottom: 5px; margin-bottom: -5px !important;}
}
a.Btn_Descargar{text-decoration: none; color: #e32551; margin-top: 20px; float: left;}
a.Btn_Descargar img{width: 35px; margin-right: 10px; }
a.Btn_Descargar_movil{text-decoration: none; color: #e32551; margin-top: 20px; float: left; display: none; border: 1px solid #e32551; padding: 10px; box-sizing: border-box; background: #ffffff; width: 100%;}
a.Btn_Descargar_movil img{width: 35px; margin-right: 10px; }
a.Btn_Ver{text-decoration: none; color: #e32551; margin-top: 20px; float: left; display: none; margin-bottom: 5px; border: 1px solid #e32551; padding: 10px; box-sizing: border-box; background: #ffffff; width: 100%;}
a.Btn_Ver img{width: 35px; margin-right: 10px; }
@media only screen and ( max-width: 576px ){
.PDF{display: none;}
a.Btn_Ver{display: block; width: 100%;}
a.Btn_Descargar{display: none;}
a.Btn_Descargar_movil{display: block;}
}
#Servicios_txt img{width: 100%; max-width: 200px; margin-bottom: 30px;}
#Servicios_img img{width: 100%;}
/*=====================*/
#CR_collage img{width: 100%;}
#S_mas_informacion strong{font-size: 2.5em; color: #0000fe;}
@media only screen and ( max-width: 992px ){
#S_mas_informacion strong{font-size: 2em; line-height: 30px;}
}
/*=====================*/
#map{width:100%; height:600px; border:5px solid #Ffffff; box-sizing: border-box;}
/*=====================*/
#Pie{border-top: 2px solid #3f444c; box-sizing: border-box; padding-top: 30px; background-image: url(../img/bk/bk-02.png);}
#Pie_franja{background-color: #3f444c; margin-top: 50px; color: #ffffff;}
#Pie_franja p{ margin: 0px; margin-top: 12px; text-align:left;}
#Pie_franja p strong{font-size: 1.5em; margin-right: 20px;}
#Pie_franja p a{text-decoration: none; color: #ffffff;}
#Pie_franja p a:hover{text-decoration: underline;}
.btn_redes_pie { float: right; border-left: 1px solid #ffffff; display: block; height: 45px; width: 45px; text-align: center;}
.btn_redes_pie img{width: 20px; margin-top: 13px;}
#Pie_logo{margin-bottom: 30px;}
#Pie_logo img{max-width: 150px;}
@media only screen and ( max-width: 1030px ){
#Pie_franja p strong{font-size: 1em;}
}
@media only screen and ( max-width: 992px ){
#Pie_franja p{text-align: center; margin-top: 20px;}
#Pie_franja p strong{margin-right: 5px;}
.Botones_pie{width: 90px; margin: 0 auto;}
.btn_redes_pie { border-left: 0px solid #ffffff; display: inline-block; margin: 0 auto !important; margin-top: 10px; margin-bottom: 10px;}
}
/*=======Animaciones=======*/
.Zoom{opacity:0;}
.Entrada{opacity:0;}
.Entrada_top{opacity:0;}
.Entrada_bottom{opacity:0;}
.Entrada_left{opacity:0;}
.Entrada_right{opacity:0;}
.li_menu{opacity:0;}