@charset "utf-8";
 .head,.mitad{
-webkit-box-sizing:border-box
}
.head,.resaltado{
position:absolute
}
a,body,html{
color:#003
}

.resaltado,a:hover img{
opacity:.5
}

.videos_embed {
	display:inline-block; 
	vertical-align:top; 
	width:24.7%; 
	min-height:200px; 
	height:0;
}
.bot180 {
margin-bottom:180px;
}
.topsocial img{
    width: auto !important;
    height: auto  !important;;
    margin-left: 0px  !important;;
    margin-right: 0px  !important;;	
}
.topsocial {
    float: right;
}


#video-container,.head,section{
min-width:980px
}
#area-tecnica .boton,#back_to_top span,#equipos .boton a,#footer-in ul a:hover,#nav li a,.boton,.adaptable ul li,.submenuin a,.submenuin a:hover,a{
text-decoration:none
}
#fotomotivo2,.banner,.noticia p,.noticia, .servicio .ext{
overflow:hidden
}
@font-face{
font-family:iconos;
src:url(icons/icomoon.eot);
src:url(icons/icomoon.eot) format('embedded-opentype'),url(icons/icomoon.woff) format('woff'),url(icons/icomoon.ttf) format('truetype'),url(icons/icomoon.svg) format('svg');
font-weight:400;
font-style:normal
}
.pc{
display:block
}
.losidiomas,.mobile{
display:none
}
body,html{
margin:0;
font-family:Lato,sans-serif;
width:100%;
height:100%;
font-size:12pt;
font-weight:300;
display:block;
min-width: 1000px;
}
.head{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;

width:100%;
min-height:100px;
/*padding-left:50px;*/
border-bottom:4px solid #F7A30A;
background-color:rgba(0,0,30,.9);
top:0;
z-index:999
}
.gamas,.mitad{
-moz-box-sizing:border-box
}
.head img{
margin: 15px 15px 15px 0px;
    /* float: left; */
    width: 240px;
    height: auto;
    display: inline-block;
}
.ancla,.full,.resaltado{
width:100%;
 min-width: 980px;

}
.uppercase-light{
font-weight:300;
text-transform:uppercase
}
.uppercase{
font-weight:400;
text-transform:uppercase
}
.idiomas,.losidiomas{
font-weight:700;
font-size:10pt;
text-transform:uppercase
}
.corte{
clear:both
}
.corte10{
clear:both;
height:10px
}
.corte20{
clear:both;
height:20px
}
.corte50{
clear:both;
height:50px
}
.resaltado{
top:50%;
left:0;
margin:-100px 0 0;
background-color:#fff;
height:200px
}
.ancla,.losidiomas{
margin:auto;
text-align:center;
position:absolute
}
.idiomas{
cursor:pointer;
padding:5px 10px;
color:#FFF;
background-color:#000;
opacity:1;
z-index:99999;
position:absolute;
right:0
}
.losidiomas{
padding:6px 20px;
right:100px;
background-color:#F7A30A;
color:#fff;
z-index:9999
}
.gama,.inline,.mitad{
display:inline-block
}
.losidiomas a{
color:#FFF
}
.losidiomas a:hover{
color:#CCC
}
.ancla{
bottom:10px;
cursor:pointer
}
.ancla:hover{
opacity:.5
}
.mitad{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;

width:45%;
padding:10px;
margin:20px;
vertical-align:top
}
#documents,.definition,.gamas{
-webkit-box-sizing:border-box
}
.contenido{
width:982px;
height:auto;
margin:auto;
padding:0
}
.full-backgroung{
width:100%;
height:100%;
min-width:980px;
background-size:cover;
background-attachment:scroll;
background-image:url(../images/fondo-tecnopol.jpg);
background-repeat:no-repeat;
background-position:center center
}
.centrado{
text-align:center
}
.boton{
border:1px dotted #003;
padding:10px 30px;
color:#003;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease
}
.boton:hover{
background-color:#003;
color:#FFF
}
.gamas{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;

padding:40px 40px 60px;
text-align:center;
background-color:#FFF
}
.gama{
width:330px;
margin:20px 20px 30px;
border:none;
text-align:justify;
vertical-align:text-top
}

.gama img{
width:70%;
height:auto
}
.gama p{
margin-top:10px
}
@media (max-width:1640px){
.gama img{
width:auto;
height:60px
}

}
.masmenos-left,.masmenos-right{
position:absolute;
display:block;
width:50px;
color:rgba(255,255,255,.6);
height:50px;
bottom:30px;
left:45%;
font-size:50pt;
font-weight:900;
cursor:pointer;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none
}





.masmenos-left:hover,.masmenos-right:hover{
color:rgba(255,255,255,1)
}
.masmenos-right{
left:auto;
right:45%
}



.adaptable{
	width:100%;
	text-align:center;
	vertical-align:top;
	text-transform:uppercase;
	color:#FFF;
	display:table;
	height:110%;
	min-height:500px;
}


.s1{
	background-image:url(../images/impermeabilizacion.jpg);
	background-size:cover;
	background-attachment:fixed;
}
.s1 .centrable {     background-color: rgba(0,0,0,0.6);	}


.s2{
	background-image:url(../images/proteccion.jpg);
	background-position:bottom;
	background-size:cover;
	background-attachment:fixed;
}
.s2 .centrable {     background-color: rgba(0,90,255,0.6);	}

.s3{
	background-image:url(../images/aislamiento.jpg);
	background-position:bottom;
	background-size:cover;
	background-attachment:fixed;	
}
.s3 .centrable {     background-color: rgba(255, 204, 0, 0.7);	}

.s4{
	background-image:url(../images/pavimentacion.jpg);
	background-position:bottom;
	background-size:cover;
	background-attachment:fixed;	
}
.s4 .centrable {     background-color: rgba(170,0,0,0.6);	}


.adaptable h3{
font-weight: 300;
font-size: 34pt;
margin-top:-30px;
}

.banner1,.banner2,.adaptable ul li:hover,.adaptable ul li:hover a{
color:#FFF;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease
}
.adaptable ul{
	margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    max-width: 980px;
    margin: auto;
    width: 90%;
}
.adaptable ul li{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;

	display: inline-block;
	width:auto;
	border:1px dotted #FFF;
	font-size:14pt;
	background-color:rgba(255,255,255,0.8);
	padding:10px 30px;
	font-weight:400;
	margin:10px
}
.adaptable ul li:hover{
background-color:#003
}
.adaptable:nth-child(1) ul li:nth-child(1),.adaptable:nth-child(1) ul li:nth-child(2),.adaptable:nth-child(1) ul li:nth-child(3),.adaptable:nth-child(1) ul li:nth-child(4){
display:none
}
.centrable{
	display: table-cell;
    vertical-align: middle;
}
.banner1,.banner2{
z-index:99;
cursor:pointer;
font-size:10pt;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
text-align:center;
position:absolute;
top:117px;
height:70px;
width:70px;
padding:10px;
border:2px solid #FFF;
font-weight:300;
right:15px;
display:table;
background-color:rgba(255, 153, 0, 0.85);
font-weight:bold;
}
.banner1{
top:20px
}
.tarifaslide .banner1{
	position:relative; background-color:#999; margin-left:15px; text-transform:uppercase; border-color:#069;
}
.banner1:hover,.banner2:hover{
color:33;
background-color:rgba(0,36,72,.7)
}



.b1{
display:table-cell;
vertical-align:middle;
cursor:pointer;
	
	
}
#video-container{
width:100%;
/*max-width:1525px;*/
margin:100px auto auto;
position:relative;
height:60%;
overflow:hidden;
display:block;
z-index:10;
text-align:center
}
#video-background{
width:100%;
margin:0 auto auto;
height:100%;
display:block;
cursor:pointer;
background-repeat:no-repeat!important;
background-position:center center!important;
background-size:cover!important;
-webkit-transition:all 1s!important;
-moz-transition:all 1s!important;
-o-transition:all 1s!important;
transition:all 1s!important;
filter:grayscale(70%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%)
}
#video-background:hover{
filter:grayscale(0);
-webkit-filter:grayscale(0);
-moz-filter:grayscale(0);
-ms-filter:grayscale(0);
-o-filter:grayscale(0)
}
#video-legend{
text-align: center;
    width: 100%;
    margin-right: 0px;
    padding: 10px;
    position: absolute;
    bottom: 0;
    right: 0%;
    background-color: rgba(0,0,0,.5);

}
#video-legend p{
margin:0
}
#video-legend .name{
color:#FFF;
font-size:13pt;
font-weight:700;
text-transform:uppercase
}
#video-legend .subname{
color:#FFF;
font-size:10pt;
font-weight:400;
text-transform:uppercase;
-webkit-transition:all 4s!important;
-moz-transition:all 4s!important;
-o-transition:all 4s!important;
transition:all 4s!important
}
#video{
width:100%
}
.grisbg{
background-color:#EEE
}
.blackbg{
background-color:#000
}
.bluebg{
background-color:#003
}
.whitebg{
background-color:#eee
}
.darkgrisbg{
background-color:#333
}
.formibg{
background-size:cover;
background-attachment:fixed;
background-image:url(../images/fondo-tecnopol_bak.jpg);
background-repeat:no-repeat
}
.furmi{
min-height:530px;
padding-top:100px;
padding-bottom:100px;
background-size:100% inherit;
background-attachment:scroll;
background-image:url(../images/furmi.jpg);
background-repeat:no-repeat;
background-position:center bottom
}
#clientes,.desmopolbg,.tecnocoatbg,.tecnofloorbg,.tecnofoambg{
background-repeat:no-repeat;
background-size:cover
}
.tecnocoatbg{
background-image:url(../images/poliurea-tecnocoat.jpg)
}
.desmopolbg{
background-image:url(../images/poliuretano-desmopol.jpg)
}
.tecnofoambg{
background-image:url(../images/tecnofoam.jpg)
}
.tecnofloorbg{
background-image:url(../images/pavimento-epoxi.jpg)
}
#buscador{
text-align:center;
margin-top:00px;
display:flex;
z-index:100;
margin-bottom:30px
}
#buscador form{
margin:auto;
text-align:center;
font-size:13pt;
display:block
}
#buscador input[type=text]{
border:1px solid #fff;
display:inline-block;
color:#fff;
background-color:rgba(255,255,255,.4);
font-size:13pt
}
#buscador input[type=submit]{
border:none;
background-color:#F7A30A;
display:inline-block;
color:#fff;
width:200px;
margin:10px;
font-size:13pt
}
.producto{
height:300px;
width:50%;
float:left;
cursor:pointer;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease
}
.definition{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;

color:#BBCCD7;
font-size:16px;
text-align:center;
padding:0
}
#clientes,#documents{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;

text-align:center
}
#rellenador{
margin:auto;
width:auto
}
#documents{
box-sizing:border-box;
padding:20px
}
#clientes,#clientes .cliente{
-webkit-box-sizing:border-box
}
#documents img{
vertical-align:middle;
margin-right:20px
}
#documents .documento{
display:inline-block;
padding:10px;
margin:0;
text-transform:uppercase;
max-width:17%;
vertical-align:middle;
min-height:50px;
border-left:1px solid #CCC;
border-right:1px solid #CCC
}
#documents .documento a:hover{
color:#F90
}
#clientes{
    text-align: left;
    box-sizing: border-box;
    padding-bottom: 60px;
    background-color: #EEE;
    height: auto;
    min-height: 70%;
    /* background-image: url(../images/fondo-clientesbn.jpg); */
    background-image: url(../images/servicios2.jpg);
    background-attachment: fixed;
    background-position: top;
    display: flex;
}
#clientes .contenido, #videos .contenido {
	
	max-width:1450px;
	width:90%;
	vertical-align:middle;
}
#clientes h2{
	font.size:34pt;
	color:#FFF;
	text-align:left;
}
#clientes .cliente{
	text-align:center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
    margin: 10px 20px 10px 0px;
    width: 285px;
    vertical-align: top;
    min-height: 350px;
    border: 1px dotted #FFF;
    color: #036;
	background-color:rgba(255,255,255,0.8);
}
.over,.over2{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;

-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease;
}
.serv-distribuidores,.serv-dops,.serv-empresa,.serv-guias,.serv-obras,.serv-servicios{
background-repeat:no-repeat
}
#clientes .cliente .titulo{
display:table;
height:100px;
text-align:center;
width:100%
}
#clientes .cliente h3{
font-size:16pt;
font-weight:400;
color:#036;
display:table-cell;
vertical-align:middle
}
.cliente-link{
border-radius:100px;
-moz-border-radius:100px;
-webkit-border-radius:100px;
-khtml-border-radius:100px;
display:block;
background-color:#036;
width:50px;
height:50px;
margin:10px auto auto 100px;
padding:10px;
color:#FFF;
line-height:50px;
position:absolute
}
.cliente-link:hover{
background-color:#000
}
.over{
box-sizing:border-box;
text-shadow:1px 1px #000;
width:100%;
height:300px;
background-color:rgba(0,0,0,.6);
padding-top:90px
}
.over2{
box-sizing:border-box;
width:100%;
padding:30px;
text-align:center
}
.over3,.producto h3{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.over:hover .over2{
background-color:rgba(0,0,0,.1)
}
.producto h3{
box-sizing:border-box;
margin-top:-3px;
margin-bottom:0;
width:100%;
color:#FFF;
font-size:25px
}
.over3{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;

width:300px;
padding:20px;
background-color:rgba(255,255,255,.6)
}
.producto h4,.producto p{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;

margin-top:0;
margin-bottom:0;
font-weight:300
}
.over:hover{
width:100%;
height:300px;
background-color:rgba(0,0,0,0)
}
.producto h4{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;

font-size:18pt;
width:100%;
color:#fff
}
.producto p{
box-sizing:border-box;
font-size:12pt;
width:100%;
color:#FFF
}
.r-numero,.servicio .ext{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.producto:hover{
border-color:#666
}
.producto:hover>h3{
background-color:#666
}
.servicio{
cursor:pointer;
position:relative;
margin-top:30px;
height:200px;
width:310px;
float:left;
margin-right:8px;
margin-left:7px;
border:1px solid #FFF
}
.servicio p{
margin:0 0 8px
}
.servicio .ext{
box-sizing:border-box;
position:absolute;
width:100%;
padding:10px;
margin-top:160px;
background-color:#FFF;
opacity:.9;
height:40px
}
.servicio:hover>.ext{
margin-top:110px;
height:90px;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease
}
#spoiler,.leermas{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-webkit-transition:1s
}
.serv-empresa{
background-image:url(../images/empresa-polyurea.jpg)
}
.serv-distribuidores{
background-image:url(../images/distribuidores.jpg)
}
.serv-servicios{
background-image:url(../images/servicios.jpg)
}
.serv-dops{
background-image:url(../images/dop.jpg)
}
.serv-obras{
background-image:url(../images/obras-realizadas.jpg)
}
.serv-guias{
background-image:url(../images/guias-aplicacion.jpg)
}
h2{
color:#003;
text-align:center;
font-size:24pt;
font-weight:300
}
.noticia{
	/* --------- padding solution ----------- */
	-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
/* --------------------------- */
position: relative;
    margin-top: 30px;
    height: 360px;
    /* width: 310px !important; */
    float: left;
    margin-right: 8px;
    margin-left: 7px;
    border: 1px dotted #003;
    cursor: pointer;
    padding: 10px;
    text-align: justify;
}
.equipos h3,.noticia h3{
padding-top:20px;
padding-bottom:20px;
color:#003;
text-align:center;
font-size:20pt;
line-height:22pt;
font-weight:300;
width:90%;
margin:auto
}
.noticia p{
text-align:justify;
margin:auto;
max-height:200px;
width:90%
}
.noticia .imagen{
	float: left;
    margin: 10px;
    margin-bottom: 5px;
    background-size: cover !important;
    width: 200px !important;
    height: 100px !important;
}
.leermas{
position: absolute;
    bottom: 0;
    left: 1%;
    width: 97%;
    text-align: center;
    padding: 10px;
    margin: auto;
    color: #003;
    background-color: #eee;
    transition: 1s;
    border: 15px solid #FFF;
    border-bottom: none;
 
}
#area-tecnica,#footer-in ul,#nav{
position:relative
}
.noticia:hover{
border:1px dotted #000
}
.noticia:hover>.leermas{
background-color:#003;
color:#fff
}
.mostrar{
display:none
}
#spoiler{
clear:both;
margin:30px auto auto;
min-width:100px;
text-align:center;
color:#fff;
padding:10px;
background-color:#CCC;
cursor:pointer;
transition:1s
}
#area-tecnica,.tecnomagazine{
margin-top:50px;
background-size:cover;
background-attachment:fixed;
background-repeat:no-repeat
}
.tecnomagazine{
margin-top:0px;

}
#spoiler:hover{
background-color:#003
}
#area-tecnica{
	height:60%;
	min-height:500px;
background-position:center;
z-index:200;
background-image:url(../images/arquitectos.jpg)
}
#area-tecnica h2{
text-align:left
}
#area-tecnica .boton{
border:1px dotted #003;
width:100%;
padding:10px;
color:#003
}
#area-tecnica .boton:hover{
color:#fff;
background-color:#003
}
.tecnomagazine{
	height:60%;
	min-height:400px;
text-align:center;
background-color:#000;
display:flex;
}
.tecnomagazine h2{
    /* padding-bottom: 60px; */
    margin-bottom: 0;
    font-size: 80px;
    color: #FFF;
    margin: 0px;
}
.tecnomagazine h3{
margin-top:00px;
font-size:35px;
color:#FFF;
font-weight:300
}
.tecnomagazine img{
border:1px solid #333;
margin-left:10px;
margin-right:10px;
cursor:pointer;
max-height:230px;
-webkit-transition:1s;
transition:1s
}
#footer input,#footer textarea,.graco,.graco-container{
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease
}
.tecnomagazine img:hover{
border:1px solid #FFF;
margin-left:10px;
margin-right:10px
}
.orange{
color:#FE8601
}
.revista{
width:100%;
text-align:center;
background-color:#EEE
}
.revistas{
width:106px;
margin:10px;
height:150px;
display:inline-block
}
.r-download,.r-numero{
color:#fff;
font-size:9pt;
width:100%;
padding:10px 2px;
text-align:center
}
.r-numero{
box-sizing:border-box;
background-color:#333;
margin-bottom:2px;
margin-top:20px;
}
#footer,.r-download{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.r-download{
box-sizing:border-box;
background-color:#F48221
}
.equipos{
margin-top:50px;
margin-bottom:0;
min-height:600px;
text-align:center
}
.graco-container{
max-height:350px
}
.equipos h3{
margin-bottom:50px
}
.descripcion{
margin:50px auto;
width:500px;
clear:both
}
#equipos .boton a{
border:1px dotted #003;
padding:10px 40px;
color:#003
}
#equipos .boton a:hover{
color:#fff;
background-color:#999
}
#footer{
box-sizing:border-box;
padding:20px;

padding-top:100px;padding-bottom:100px;
}
#footer h2{
	color:#FFF;
}
#footer input,#footer label,#footer textarea{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#footer input[type="checkbox"]{
float: left;
    width: 40px;
	}
.fondofooter{
background-image:url(../images/fondo-footer.jpg);
background-repeat:no-repeat;
background-position:center center
}

	/*.gradient{
background:rgba(0,0,34,1);
background:-moz-linear-gradient(top,rgba(0,0,34,1) 0,rgba(0,0,51,1) 100%);
background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(0,0,34,1)),color-stop(100%,rgba(0,0,51,1)));
background:-webkit-linear-gradient(top,rgba(0,0,34,1) 0,rgba(0,0,51,1) 100%);
background:-o-linear-gradient(top,rgba(0,0,34,1) 0,rgba(0,0,51,1) 100%);
background:-ms-linear-gradient(top,rgba(0,0,34,1) 0,rgba(0,0,51,1) 100%);
background:linear-gradient(to bottom,rgba(0,0,34,1) 0,rgba(0,0,51,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000022', endColorstr='#000033', GradientType=0 )
}
*/
	
	
	
	#footer-in .columns{
color:#036;
float:left;
margin-left:40px;
font-size:12pt;
text-align:left;
-webkit-column-count:5;
-moz-column-count:5;
column-count:5;
height:385px
}
#footer-in .columns a{
color:#666
}
#footer-in .columns:first-child{
margin-left:0
}
#footer-in ul{
list-style:none;
float:left;
margin:0;
padding:0
}
#footer-in ul a{
color:#000;
text-decoration:none
}
#footer-in ul a:hover{
color:#CCC
}
#footer-in .address{
color:#fff;
clear:both;
padding-top:30px
}
#footer-in .privacidad{
font-size:11pt;
color:#CCC;
float:left;
width:30%
}
#footer-in .social{
width:30%;
text-align:right;
float:right
}
#footer h2,#footer h3{
text-align:left;
color:#fff
}
.social i{
font-size:24pt;
padding:10px
}
.foologo{
margin:-10px auto auto;
width:30%
}
.facebook:before{
font-family:FontAwesome;
content:"\f09a";
color:#FFF
}
#footer h2{
margin-bottom:10px;
margin-top:0px
}
#footer h3{
    margin-bottom: 0;
    font-weight: 400;
    font-size: 24pt;
    font-weight: 200;
    margin-top: 0px;
    margin-bottom: 5px;
}
#footer input,#footer label{
display:inline-block;
vertical-align:top
}
#footer label{
box-sizing:border-box;
width:15%;
text-align:right;
margin-right:20px;
height:20px;
padding-top:10px
}
#footer input,#footer textarea{
box-sizing:border-box;
font-size:11pt;
width:80%;
text-align:left;
height:auto;
display:initial;
padding:10px
}
#contenido,.banner,.footer,.header,.navi{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#footer input[type=checkbox]{
width:auto;
/*margin-left:19%;*/
margin-bottom:20px;
}
#footer .legal{
/*float:right;*/
display:block;
width:auto;
width:100%;
margin-bottom:20px;
text-align:left;
}
#footer input:focus,#footer textarea:focus{
color:#FFF;
background-color:#F7A30A
}
#footer #button{
background-color:#999;
cursor:pointer;
color:#fff;
width:auto;

height:auto;
padding:10px 50px;
margin-left:0px;
display:block;
margin-top:0
}
#nav span,#nav ul.subs{
display:none
}
.direccion img{
float:left;
margin-right:20px
}
/*.direccion p{
float:left
}*/
#nav b{
font-weight:700;
color:#003;
text-transform:uppercase
}
#nav .productos{
margin-top:5px
}
#nav,#nav ul{
list-style:none;
margin:0;
padding:0
}
#nav{
	margin-left:1%;
	margin-right:1%;
	/*margin-top:57px;*/
	float:right;
	margin: auto;
    width: auto;
}
.menubg{
	display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
@media all and (max-width :970px){
	#nav{ top:20px; }
	.head{ 	height: 125px; }
}


#nav>li>a{
padding:0 5px
}
#nav ul.subs{
background-color:rgba(255,255,255,.9);
box-shadow:1px 1px 5px rgba(0,0,0,.2);
color:#000;
right:0;
padding:2%;
position:absolute;
top:42px;
min-width:100px
}
#nav>li{
border-bottom:5px solid transparent;
float:left;
margin-bottom:-5px;
text-align:left;
-moz-transition:all .3s ease-in-out 0s;
-ms-transition:all .3s ease-in-out 0s;
-o-transition:all .3s ease-in-out 0s;
-webkit-transition:all .3s ease-in-out 0s;
transition:all .3s ease-in-out 0s
}
#nav li a{
display:block;
-moz-transition:color 450ms ease-in-out 0s,background-color 450ms ease-in-out 0s;
-ms-transition:color 450ms ease-in-out 0s,background-color 450ms ease-in-out 0s;
-o-transition:color 450ms ease-in-out 0s,background-color 450ms ease-in-out 0s;
-webkit-transition:color 450ms ease-in-out 0s,background-color 450ms ease-in-out 0s;
transition:color 450ms ease-in-out 0s,background-color 450ms ease-in-out 0s;
white-space:normal
}
#nav>li>a{
color:rgba(255,255,255,.9);
display:block;
font-size:1em;
line-height:40px;
padding:0 15px;
text-transform:uppercase
}
@media all and (max-width :1200px){
#nav>li>a{
padding:0 10px
}

}
@media all and (max-width :1100px){
#nav>li>a{
padding:0 5px
}

}
#nav li.active>a,#nav>a:hover,#nav>li:hover>a{
background-color:rgba(230,230,230,.3);
color:#FFF
}
#nav li:hover ul.subs{
display:block;
-webkit-column-count:auto;
-webkit-column-gap:10px;
-webkit-column-fill:auto;
-moz-column-count:auto;
-moz-column-gap:10px;
-moz-column-fill:auto;
column-count:auto;
column-gap:15px;
column-fill:auto
}
#nav ul.subs>li{
display:inline-block;
float:left;
top:0;
padding:10px;
vertical-align:top;
width:200px
}
#nav ul.subs>li a{
	color: #444444;
	line-height: 20px;
	font-weight: 400;
}
#nav ul li a:hover{
color:#F90;
}
#nav ul.subs>li li{
float:none;
padding-left:0;
-moz-transition:padding 150ms ease-out 0s;
-ms-transition:padding 150ms ease-out 0s;
-o-transition:padding 150ms ease-out 0s;
-webkit-transition:padding 150ms ease-out 0s;
transition:padding 150ms ease-out 0s
}
#nav ul.subs>li li:hover{
/*padding-left:5px*/
}
#nav ul.subs>li .featuredmenu{
font-weight:400
}
.img_dest_empresa{
width:100%;
height:250px;
background-repeat:no-repeat;
background-size:cover
}
#fotomotivo,#fotomotivo3{
background-size:cover !important;
background-position:center;
}
.contenidoin{
width:982px;
height:auto;
margin:auto auto 80px;
padding:20px;
line-height:16pt
}
.contenido-titulo{
position:relative;
width:982px;
height:250px;
margin:auto;
padding:20px
}
.tituloin{
position:absolute;
bottom:40px;
left:20px;
font-size:60px;
font-weight:900;
color:rgba(255,255,255,.8)
}
.submenuin{
position:absolute;
bottom:24px;
right:20px;
color:#fff;
float:right
}
.imgleft,.izquierda{
float:left;
margin-right:20px
}
.submenuin a{
color:#fff
}
.submenuin a:hover{
color:#FC0
}
#back_to_top:hover span i,#button{
color:#fff
}
.submenuin ul{
padding:20px;
list-style:none;
background-color:rgba(0,0,0,.8)
}
.imgleft{
margin-bottom:0;
border:3px solid #EAEAEA
}
.drecha,.izquierda{
margin-bottom:20px;
border:3px solid #EAEAEA
}
.drecha{
float:right;
margin-left:20px
}
input,textarea, select{
display:block;
margin-bottom:5px;
padding:10px;
background-color:#F0F0F0;
border:none;
clear:both;
width:300px;
color:#069
}
input[type="checkbox"]{
    width: auto;
    float: left;
}
.fa,.fa-stack{
display:inline-block
}
::-webkit-input-placeholder{
color:#666
}
:-moz-placeholder{
color:#666
}
::-moz-placeholder{
color:#666
}
:-ms-input-placeholder{
color:#666
}
.checkbox{
width:20px;
float:left
}
input[type=button],input[type=submit]{
cursor:pointer
}
#button{
cursor:pointer;
width:auto;
height:auto;
padding:20px;
margin-left:235px;
background-color:#069;
float:left;
margin-top:-85px
}
#button:hover{
background-color:#003
}
#back_to_top{
font-size:40pt
}
.fa{
font:normal normal normal 14px/1 FontAwesome;
font-size:inherit;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.fa-stack{
position:relative;
width:2em;
height:2em;
line-height:2em;
vertical-align:middle
}
#back_to_top .hover,.right_side_menu_opened #back_to_top{
display:none
}
#back_to_top{
color:#cdcdcd;
height:auto;
position:fixed;
bottom:65px;
margin:0;
z-index:10000;
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0s;
right:25px
}
#back_to_top.off{
opacity:1;
filter:alpha(opacity=0);
right:25px
}
#back_to_top.on{
opacity:1;
filter:alpha(opacity=100);
visibility:visible;
right:25px
}
#back_to_top span{
width:20px;
height:20px;
line-height:20px;
-o-border-radius:52px;
-moz-border-radius:52px;
-webkit-border-radius:52px;
border-radius:52px;
-webkit-transition:all .2s ease 0s;
-moz-transition:all .2s ease 0s;
-o-transition:all .2s ease 0s;
border:2px solid #e8e8e8;
background:0 0
}
#back_to_top span i{
font-size:20px;
-webkit-transition:color .2s ease 0s;
-moz-transition:color .2s ease 0s;
-o-transition:color .2s ease 0s;
color:#b0b0b0;
line-height:20px
}
#back_to_top:hover span{
background-color:#003;
border-color:#003
}
#contenido,.footer,.header,.navi{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;

    
	width:90%;
max-width:1200px;
/*min-width:980px;*/
margin:auto;
color:#FFF;
text-align:justify
}
.navi{
color:#333;
font-size:10pt;
padding:3px;
font-weight:400;
margin-bottom:10px;
margin-top: 5px;
}
.header{
padding:0;
position: relative;
}
#contenido{
color:#000
}
#contenido img{
max-width:100%
}
#contenido #sistemas img{
margin:4px
}
#contenido table tr td img{
max-width:none
}
#contenido h1{
font-size:28pt;
font-weight:300;
text-align:left
}
#contenido hr{
border:none;
border-bottom:1px solid #CCC
}
#contenido h3{
font-size:16pt;
text-transform:uppercase;
margin-bottom:0;
margin-top:35px;
font-weight:300;
color:#273E54;
text-align:left;
}
#politica-de-cookies td{
text-align:left;
border:.1em solid #999;
padding:3px
}
#sistemas .colapsado h3:first-letter{
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
background-color:#000;
color:#FFF;
display:block;
padding:2px 8px
}
#sistemas p a img{
width:160px!important;
height:120px!important
}
#sistemas p a.linkboton img{
width:auto!important;
height:auto!important
}
#sistemas p a.linkboton{
padding:5px;
background-color:#EEE;
color:#003
}
#contenido b,#contenido strong{
font-weight:400
}
.main-content{
	width:70%;
    float: right;
}

.main-content li{
margin-bottom:10px
}
.main-content h2{
text-align:left
}
#contenido img[style*="float:right"]{
margin-left:20px
}
#contenido img[style*="float:left"]{
margin-right:20px
}
#fotomotivo{
		height:300px;
		display:block;
}
#fotomotivo2{
	width: 100%;
height:500px;
background-position:center top;
background-size:cover
}
#fotomotivo3{
	width: 100%;
height:100px
}
.galeria .big,.noticia .destacada,.obras .destacada{
background-position:center center!important;
background-repeat:no-repeat!important
}
.banner{
box-sizing:border-box;
position:relative;
height:500px;
margin:auto;
width:980px;
left:2000px
}
.boton,.producto-lista,.producto-lista2 .boton{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.banner .imagen{
float:left;
margin-top:150px
}
.banner .product-text{
float:left;
vertical-align:middle;
height:500px;
margin-left:20px;
display:table;
width:5px
}
.product-text .familia{
text-transform:uppercase;
padding:0;
font-size:60pt;
font-weight:700;
color:#fff;
line-height:50pt;
display:table-cell;
vertical-align:middle
}
.product-text .descripcion2{
margin:0;
text-transform:initial;
padding:0;
font-size:20pt;
line-height:22pt;
font-weight:700;
color:#fff;
position:absolute
}
.noticia h3,.obras h3{
line-height:16pt!important
}
.margenes1{
margin-bottom:0
}
margenes2{
margin-bottom:20px
}
.producto-lista{
box-sizing:border-box;
padding:20px;
border:1px solid #EEE;
margin-top:10px;
color:#333
}
.producto-lista2{
border:none;
padding:0;
color:#333
}
.producto-lista2 .descripcion2{
background-color:#EEE;
padding:20px;
font-weight:400;
margin-top:30px;
color:#003;
margin-bottom:20px
}
.producto-lista2 h2,.producto-lista2 h3{
text-align:left;
border-bottom:1px solid #CCC;
margin-bottom:20px!important;
padding-bottom:5px;
font-size:12pt;
text-transform:uppercase;
margin-top:35px;
font-weight:400
}
.producto-logo img{
max-height:70px;
width:auto!important;
margin-right:10px;
margin-top:20px
}
.producto-iconos img{
max-height:85px;
width:auto!important;
margin:5px;


}
.producto-iconos{
text-align:left;
min-height: 130px;
width:100%
}
.producto-iconos,.producto-logo{
display:inline-block;
vertical-align:top;
text-align: center;
}
.producto-titulo{
margin:0;
font-size:20pt!important;
font-weight:400!important
}
.producto-subtitulo{
margin:0;
font-size:14pt!important;
font-weight:300!important;
text-align:left;
text-transform:uppercase
}
.boton,.producto-lista2 .boton{
box-sizing:border-box;
width:100%;
max-width:840px;
margin:auto;
text-align:center;
display:block;
 margin-top: 20px;
}
.boton img,.producto-lista2 .boton img{
height:35px;
margin-right:10px;
vertical-align:middle
}
.producto-lista table tr td{
border:3px solid #FFF;
padding:3px 10px;
text-align:center
}
.producto-lista table tr{
background-color:#eee;
color:#000
}
.producto-lista .destacadas{
margin-top:40px;
width:60%!important;
display:block;
margin-bottom:40px
}
.producto-lista .destacadas table tr>td:nth-child(1){
background-color:#036;
color:#FC0;
text-align:right
}
.producto-lista .destacadas table tr>td:nth-child(2){
text-align:left
}
.producto-lista .contenido2 table{
font-weight:10pt;
border:none!important;
width:100%
}
.producto-lista-2 .bot,.producto-lista-4 .bot{
padding:8px;
border:1px dotted #003;
text-decoration:none;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease
}
.producto-lista .contenido2 table tr:nth-child(1){
background-color:#036;
color:#FC0
}
.producto-lista ul li{
margin:5px
}
.contenido2 hr{
display:none
}
.sistemas{
width:33%;
display:inline-block;
vertical-align:top
}
.producto-lista .logot{
margin-bottom:10px
}
.producto-lista .logot img{
height:50px!important;
width:auto!important
}
.sistemas .producto-lista .logot img{
height:40px!important;
width:auto!important
}
.producto-lista-2 b{
color:#003;
font-size:12pt;
text-align:left
}
.producto-lista-1{
width:130px;
margin-right:20px
}
.producto-lista .producto-lista-2{
max-width:600px;
text-align:justify
}
.sistemas .producto-lista .producto-lista-2{
max-width:none;
width:100%;
min-height:170px;
text-align:center;
position:relative
}
.sistemas .producto-lista-2{
max-width:none;
width:100%
}
.producto-lista-2 h3{
margin:auto!important;
font-size:16pt!important;
color:#003!important
}
.producto-lista-2 .bot{
display:table;
color:#003
}
.producto-lista-2 .bot:hover{
background-color:#003;
color:#FFF
}
.sistemas .producto-lista-2 .bot{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
margin:auto;
width:100%;
position:absolute;
bottom:0
}
.sistemas .producto-lista-2 p{
margin:0;
display:none
}
.producto-lista-1,.producto-lista-2{
display:inline-block;
vertical-align:top
}
.producto-lista-1 img{
width:110px!important;
height:auto!important
}
.producto-lista-3{
float:right;
margin-left:20px
}
.producto-lista-3 img{
width:200px!important;
height:auto!important
}
.producto-lista-4 .bot{
display:table;
color:#003
}
.producto-lista-4 .bot:hover{
background-color:#003;
color:#FFF
}
.menu-lateral{
width:21%;
display:inline-block;
float:right;
overflow:auto;
margin-left:30px;
vertical-align:top;
padding:20px 20px 50px;
border-left:3px dotted #eee
}
.menu-lateral ul{
list-style:none;
width:100%;
margin:0 auto;
padding:0
}
.menu-lateral>ul>li{
list-style:none;
text-align:left;
margin-top:10px
}
.menu-lateral>ul,.menu-lateral>ul>li>ul{
margin-left:0;
padding-left:0;
margin-bottom:20px
}

.menu-lateral>ul>li>ul>li{
	padding: 0;
	text-align: left;
	cursor: pointer;
	list-style-image: url(../images/mark.png);
	margin-left:35px;	
	list-style-position: outside;
	
		padding-left:00px;
	margin-left:35px ;
}
.menu-lateral>ul>li>ul>li a,.menu-lateral>ul>li>ul>li span{
	box-sizing: border-box;
    padding: 5px;
	padding-left:0px;
    text-indent: 0em;
    width: 100%;
    display: block;
    font-size: 11pt;
    color: #069;
}
.featuredli{
	padding-left:0px !important;
	margin-left:20px !important;
}
.featuredli a,.featuredli span{
	padding-left:0px !important;
	font-weight:700
}

#contenido .noticia,.noticia .fecha{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.menu-lateral>ul>li>ul>li:hover a{
color:#999!important
}
.menu-lateral ul li b{
color:#003;
text-transform:uppercase
}

.menu-lateral>ul>li>ul>.actual a{
color:#F7A30A;
font-weight:400
}
.menu-lateral>ul>li>ul>.actual a:hover{
color:#F7A30A!important
}
.separa{
padding-top:5px;
margin-bottom:5px;
border-bottom:1px solid #EEE;
width:100%
}
.menu-lateral ul li.desplegable ul li a:before,.menu-lateral ul li.desplegable.activa ul li a:before{
content:"";
background-color:#3D5685;
}
.colapsador2:after,.colapsador:after{
content:"+info"
}
.menu-lateral ul ul{
display:none;
width:100%
}
#contenido .noticia{
box-sizing:border-box;
display:inline-block;
width:47%;
min-height:500px!important;
border:1px solid #ccc;
padding:20px;
margin-top:0;
margin-bottom:15px;
overflow:hidden
}
#contenido .noticia:hover{
background-color:#EEE
}
.noticia .destacada{
width:100%;
height:200px;
background-size:100% auto!important
}
.noticia h3{
color:#003;
font-size:16pt!important;
font-weight:400!important;
margin:auto!important;
text-transform:uppercase;
}
.noticia .fecha{
box-sizing:border-box;
text-align:left;
display:block;
font-size:9pt;
font-weight:400;
padding:3px;
border-bottom:1px solid #CCC;
color:#003;
text-transform:uppercase;
width:100%;
margin:auto
}
#contenido .obras,.obras .producto-usado{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.paginacion{
display:block;
margin-top:20px;
text-align:center
}
#contenido .obras,.item{
display:inline-block
}
.item a{
background-color:#CCC;
padding:5px
}
.item a:hover{
background-color:#DDD
}
#contenido .obras{
box-sizing:border-box;
width:100%;
min-height:150px!important;
border:1px solid #ccc;
padding:20px;
margin-top:0;
margin-bottom:15px;
overflow:hidden
}
#contenido .obras:hover{
border:2px solid #ccc
}
.obras .destacada{
border:1px solid #FFF;
width:200px;
height:150px;
background-size:100% auto!important;
float:left;
margin-right:20px
}
.obras h3{
color:#003;
text-align:left;
font-size:16pt!important;
font-weight:400!important;
margin:auto!important
}
.obras .caracteristicas,.obras .producto-usado{
font-weight:400;
margin:auto;
text-align:left;
display:block;
text-transform:uppercase
}
.obras .producto-usado{
box-sizing:border-box;
font-size:11pt;
padding-top:3px;
padding-bottom:3px;
color:#F7A30A
}
.obras .caracteristicas,.obras-detalle .detalles{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.obras .caracteristicas{
box-sizing:border-box;
font-size:10pt;
padding-top:0;
padding-bottom:10px;
color:#003
}
.obras-detalle .obra{
font-weight:900;
font-size:16pt;
text-align:left
}
.obras-detalle .detalles{
box-sizing:border-box;
background-color:#EEE;
padding:10px;
margin-bottom:20px;
min-height:120px
}
.colapsado,.colapsador{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
padding:20px
}
.obras-detalle .file{
float:right;
width:50px;
height:100px;
text-align:center
}
.obras-detalle .file img{
width:50px;
height:50px
}
.obras-detalle .file a{
text-decoration:underline
}
.obras-detalle .arquitecto{
font-weight:400
}
.obras-detalle .campo{
font-weight:300;
text-align:right;
margin-right:10px;
min-width:250px;
float:left
}
.colapsado img{
margin:3px
}
.colapsado{
display:none;
box-sizing:border-box;
border:1px solid #CCC;
border-top:none;
border-left:4px solid #EEE;
margin-bottom:60px;
margin-top:-5px;
background-color:#FFF
}
.colapsador{
box-sizing:border-box;
border:1px solid #CCC;
border-left:4px solid #F7A30A;
display:block;
margin-bottom:20px;
background-color:#fbfbfb
}
.colapsador2,.colapsador3{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
border-left:4px solid #F7A30A;
display:block;
padding:10px
}
.colapsador:hover{
background-color:#ccc
}
.colapsador:after{
float:right;
margin-top:-40px;
margin-right:30px;
font-size:30pt;
color:#CCC
}
.colapsador h2{
font-size:26pt;
font-weight:300;
margin:0
}
.colapsador h3{
margin:0!important
}
.colapsador p{
font-size:16pt;
font-weight:300;
margin:0
}
.colapsador2{
box-sizing:border-box;
margin-bottom:10px;
background-color:#EEE
}
.colapsador2:hover{
background-color:#CCC
}
.colapsador2:after{
float:right;
margin-top:-40px;
margin-right:30px;
font-size:30pt;
color:#FFF
}
.colapsador2 h2{
font-size:18pt;
font-weight:300;
margin:0
}
.colapsador2 p{
font-size:16pt;
font-weight:300;
margin:0
}
.colapsador3{
box-sizing:border-box;
margin-bottom:10px;
background-color:#DCDCE0
}
.download,.magaz{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.colapsador3:hover{
background-color:#D0D0D7
}
.colapsador3 h2{
font-size:24pt;
font-weight:500;
margin:0
}
.colapsador3 p{
font-size:16pt;
margin-top:0
}
table[summary=comparador]{
width:80%!important;
margin:auto
}
table[summary=comparador],table[summary=comparador] td,table[summary=comparador] tr{
border:none
}
table[summary=comparador] tr:first-child td{
font-weight:600;
border-bottom:1px solid #666
}
table[summary=comparador] tr:nth-child(2n) td{
background-color:#fbfbfb
}
table[summary=comparador] tr>td:first-child>p{
text-align:right!important;
font-weight:600
}
table[summary=equipos] img{
max-width:none!important;
margin:auto
}
table[summary=equipos] h3{
font-size:20pt!important
}
table[summary=equipos] tr td{
border-bottom:1px solid #CCC
}
table[summary=equipos] ul{
padding:0
}
table[summary=equipos] li{
list-style:none;
display:inline-block;
margin-left:0;
margin-right:15px;
padding:5px 15px;
background-color:#4379A5;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px
}
table[summary=equipos] li:hover{
background-color:#366285
}
table[summary=equipos] li a{
color:#FFF
}
table[summary=equipos] li p{
margin:0
}
table[summary=equipos] var{
font-style:normal;
font-size:10pt;
font-weight:600
}
table[summary=equipos] var img{
height:15px!important;
width:auto!important;
margin-left:3px;
margin-right:5px
}
.download{
box-sizing:border-box;
margin-top:20px;
margin-bottom:40px;
padding:30px;
border:none;
background-color:#EEE
}
.alerta{
color:red
}
.conten-magaz{
position:relative;
display:inline-block;
margin-right:10px
}
.magaz{
box-sizing:border-box;
padding:3px 5px;
margin-top:-60px;
margin-left:0;
width:100%;
text-align:center;
background-color:rgba(255,153,0,.69);
color:#FFF;
font-weight:700;
position:absolute
}
#servicios form,#services form, form[class="blue"],.cookiesms{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.download input,.download select{
display:inline-block;
padding:10px;
text-transform:uppercase;
border:none;
margin-right:10px;
background-color:#FFF
}
.download input[type=button],.download input[type=submit]{
background-color:#F90;
color:#FFF;
cursor:pointer;
width:auto
}
#servicios form input, #services form input,.cookiesms, form[class="blue"] input,{
width:100%
}
#dw3 table td,#dw4 table td,#dw5 table td{
border-bottom:1px dotted #333
}
#dw3 ul,#dw4 ul,#dw5 ul{
list-style:none;
margin:0;
padding:0;
   text-align: center;
}
#dw3 li,#dw4 li,#dw5 li{
    display: inline-block;
    vertical-align: top;
    color: #999;
    width: 98%;
    min-height: auto;
    text-align: left;
    margin: 0px;
    padding: 0px;
	
}
#dw3 li img,#dw4 li img,#dw5 li img{
margin:auto;
display:block;
height:12px;
height:auto;
float:left;     
margin-right: 0;
padding: 5px;
}
#dw3 li strong,#dw4 li strong,#dw5 li strong{
margin:auto;
clear:both;
text-align:center
}
#dw3 hr,#dw4 hr,#dw5 hr{
clear:both
}
#dw3 h3,#dw4 h3,#dw5 h3{
text-transform:lowercase;
font-weight:700;
color:#036
}
#dw3 h3,#dw4 h3,#dw5 h3{
    margin: auto;
    margin-top: 50px;
}	
#dw3 p,#dw4 p,#dw5 p{
text-align:left; margin-bottom: 3px; color: #848484;
}

.ulespecial{
	    display: inline-block;
    width: 30%;
    border-bottom: 1px solid #ababab;
    vertical-align: top;
    margin-bottom: 20px;
    margin-right: 2%;
	min-height:81px;
	    padding-top: 10px !important;
}
	
<style type="text/css"> @keyframes desaparecer{
0%,80%{
bottom:0
}
100%{
bottom:-50px
}

}
@-webkit-keyframes desaparecer{
0%,80%{
bottom:0
}
100%{
bottom:-50px
}

}
@keyframes aparecer{
0%,100%{
bottom:-38px
}
10%,90%{
bottom:0
}

}
@-webkit-keyframes aparecer{
0%,100%{
bottom:-38px
}
10%,90%{
bottom:0
}

}
#cookiesms1:target{
display:none
}
.cookiesms{
	    width: 100%;
box-sizing:border-box;
text-align:center;
height:auto;
margin:0 auto;
padding: 1%;
    /* padding-top: 5px; */
    font-size: 1.2em;
clear:both;
font-weight:strong;
bottom:0;
position:fixed;
left:0;
background-color:rgba(0,0,20,.7);
color:#FFF;
transition:bottom 1s;
-webkit-transition:bottom 1s;
z-index:999999999
}
.cookiesms a{
color:#FFF;
font-weight:700
}
.cookiesms button{
color:#036;
border:none;
background-color:#FFF;
padding:5px 10px;
cursor:pointer
}
.cookiesms:hover{
bottom:0
}
.cookies2{
background-color:#FFF;
display:inline;
opacity:.95;
filter:alpha(opacity=95);
position:absolute;
left:1%;
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius:15px;
-webkit-border-top-left-radius:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-topleft:15px;
border-top-right-radius:15px;
border-top-left-radius:15px;
-webkit-box-shadow:3px -3px 1px rgba(50,50,50,.56);
-moz-box-shadow:3px -3px 1px rgba(50,50,50,.56);
box-shadow:3px -3px 1px rgba(50,50,50,.56)
}
.galeria .imagen,.galeria .imagen img{
display:inline-block
}
#servicios form, #services form, #servicios form, form[class="blue"]{
box-sizing:border-box;
background-color:#00002A;
color:#FFF;
width:100%;
margin:50px auto;
padding:10px
}
.galeria .leyenda,.imagen .explicacion{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.ko,.ok{
padding:20px;
color:#FFF;
margin-bottom:20px;
text-align:center;
text-transform:uppercase
}
#servicios form h2, #services form h2, form[class="blue"] h2{
color:#FFF;
font-size:20pt
}
#servicios img,#sistemas img, #services img,{
max-width:100%
}
#servicios form td, #services form td, form[class="blue"] td{
font-size:13pt;
color:#FFF
}
#servicios form input[type=submit], #services form input[type=submit], form[class="blue"] input[type=submit]{
text-transform:uppercase;
width:50%;
background-color:#F7A30A;
color:#FFF
}
.ok{
background-color:#090
}
.ko{
background-color:#900
}
.galeria{
text-align:center
}
.galeria .imagen{
position:relative;
max-width:33%;
}
.imagen .explicacion{
box-sizing:border-box;
position:absolute;
bottom:0;
background-color:rgba(255,255,255,.8);
font-size:12px;
font-weight:700;
width:100%;
padding:10px;
text-transform:uppercase
}
.imagen .explicacion p{
padding:0;
margin:0
}
.galeria .big{
-webkit-transition:all .7s ease;
-moz-transition:all .7s ease;
-o-transition:all .7s ease;
width:100%;
margin:auto auto 0;
border:none;
height:400px;
background-size:cover!important
}
.galeria .leyenda{
box-sizing:border-box;
background-color:rgba(255,255,255,1);
color:#036;
width:100%;
margin:10px 0 40px;
padding:5px;
font-size:13pt
}
.galeria .leyenda p{
margin:0
}
.galeria .case-avaliable{
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
background-color:rgba(247,163,10,.78);
width:100px;
height:100px;
position:relative;
display:none;
float:right;
margin-top:-120px;
margin-right:20px
}
.galeria .case-avaliable a{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;


width:50%;
padding:10px;
font-weight:700;
color:#FFF;
font-size:10pt;
display:table-cell;
vertical-align:middle
}
.delegaciones{
    font-size: 10pt;

    line-height: 14pt;

    text-align: left;

    margin-left: 50px;

}


@media only screen and (min-width: 768px)  {
*{
	background-attachment:scroll !important;	
	/*border:1px solid #fc0;*/
	


}
#footer label{
text-align:left;
padding-top:0px
}
#video-container,.head,section, 
.ancla,.resaltado, .full-backgroung, .full, .header {
	min-width:auto;
	width:100%;
}
.contenido, .adaptable ul {
	min-width:auto;	
    max-width:95%;
	
}
.header{
	width:95%;
}
.adaptable ul{
	width:75%;
}
#footer-in .columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    height: auto;
}
#footer-in .address {
    text-align:left;
}

#footer input, #footer textarea {
    width: 100%;
}
/*
.head, .gamas, #equipos, #footer, #tecnomagazine, #footer-in .address, #area-tecnica, #polyurea-new, #clientes {
	display:none;
}
*/
.noticia {
    width: 47%;
}
.menu_bar{
	display:none;
}

#nav {
	margin: auto;
	/*margin-top:50px;*/
    width: auto;
}
img.graco{
	max-width:20%;
	height:auto;
}
.mitad {
    margin: 0px;
}
}

@media only screen and (max-width: 1640px)  { 
.gama{
width:20%;
text-align:left;
}
.gama p{
min-height:220px;
}
.gama img{
max-width:230px;
width:100%;
height:auto;
}
.gamas .inline {
	width:49%;
}

}
@media only screen and (orientation:portrait) {
#video-container {
    height: 40%;
	margin-top:150px;
}
#footer-in .columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    height: auto;
}
#nav {
	margin: auto;
	/*margin-top:50px;*/
    width: auto;
}
.menu-lateral{
	display:none;
}
.main-content {
    width: 90%;
	margin:auto;
    float: none;
}

}

.waiting{
	position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,51,0.8);
    left: 0px;
    top: 0px;
	z-index:9999999;
	text-align:center;
	display:none;
	
}
.waiting img{
	margin:auto;
	margin-top:15%;
	width:100px;
	height:auto;


}

.videoframe{
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0;	
	width: 100%;
    background-color: #333;
    padding: 5px;
    text-align: center;
	}
iframe{
	max-width:100% !important;

}
.navidad{
	text-align:center;

	width:100%;
	height:100px;
	margin-top:100px;
	margin-bottom:-100px;
	background-image:url(../images/nav16/fondo.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}


.navidad img{
	margin:auto;
	margin-top:10px;
	height:90px;
	width:auto;
	text-align:center;
}
.navidadfull{
	display:none;
	text-align:center;

	width:100%;
	margin-top:100px;
	margin-bottom:-95px;
	background-image:url(../images/nav16/fondofull.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}
.navidadfull iframe{
	margin:30px;
}
#enviando{
	display:none;
}
.landing50{
	width:45%;
	margin:10px;
}



.landing .adaptable-left {
    float: left;
}
.landing .adaptable-right {
    float: right;
}
#contenido .landing hr{
	    border-top: 2px solid #002478;
    margin-top: 40px;
    margin-bottom: 40px;
}
ul.destacado li {

    font-weight: bold;
    padding: 5px;
    background-color: #1e4788;
    color: #ffffff;
    width: 300px;
    text-align: center;
    margin: 4px;

}

ul.destacado2 {
    padding: 0px;
	    list-style:none;

}

ul.destacado2 li{
    font-weight: bold;
    padding: 5px;
    background-color: #1e4788;
    color: #ffffff;
    width: 30%;
    float: left;
    height: 50px;
    text-align: center;
    margin: 5px;
    padding: 10px;
}

.f1 , .f2{
	display:inline-block;
	vertical-align: middle;
}
.f1 {
width: 20%;
    text-align: right;
    margin-right: 20px;
    text-transform: uppercase;
}
.f2 {
	width:70%;
}