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

/*img, object, embed, video {
	max-width: 100%;
}*/
/* IE 6 no admite max-width (anchura máxima)*/
.ie6 img {width:100%;}

@media screen and (max-width: 1120px)  {

#example-two .nav li a { display: block; padding: 10px 13%;  }
#example-two .list-wrap { padding: 50px 3%; margin: 0; }
.ntrs li{ margin-right:5px; width:32.5%}

.main-footer{ width:94%}
}
@media screen and (max-width: 1100px)  {
.main-header{ width:94%; padding: 0 3%}
.nav> li{ margin:0 7px}

.list-esp li a p{ float:right; width:50%;  padding-right:5%;}
.list-esp:last-child li a p{ float:right; width:50%; padding-right:5%;}

}
@media screen and (max-width: 1050px)  {
	
	.conte{ width:90%; margin-right: auto; margin-left:auto}
	
	

	.grid_2{width:22.5% ; margin-right:3%}
	#wrap{ padding:0; width:100%}
	

	.slider { margin-top:0% !important }
	.main-header{ margin-bottom:0}
	
	.top{  position:relative; 	}
	.top2{ display:none}
	
	.ntrs li{ width:45%;}
	.contenido{ width:90%;}

.list-ser li{ width:20%; margin-right:20px; }
.menu-prod li{ width:33%; margin-bottom:2px; text-align:center }
.menu-prod{ margin-top:0; }
}
@media screen and (max-width: 1050px) and (min-width:800px)  {
		
.espnav li{ width:33% !important}
.espnav li a { background:#e8ebee !important; margin: 2px 2px 0  0  }
.espnav li a:hover{ background:#0094d6 !important}	

}	
@media screen and (max-width: 1000px)  {
	.logo span{ display:inline-block;  width:30% !important;}
#example-two .nav li a { display: block; padding: 10px 7%;  }

#example-two .nav li{ width:24.75%; margin: 2px 2px 0  0  }
#example-two .nav li a { display: block; padding: 10px 0px; text-align:center; background:#e8ebee }
.cuid .nav li a,.nos .nav li a{padding: 10px 0px !important;}
.list-ser li{ width:40%;  display:inline-block; float:none; margin-bottom:15px}
.list-ser{ margin:0 25px; text-align:center}
.galeria li{ display:inline-block; float:none}
	.galeria { text-align: center}
.galeria li{ width:28%}
}
@media screen and (max-width: 900px) and (min-width:700px)  {
	
}
@media screen and (max-width: 900px)  {
	
  
	.col2{text-align:center; padding-top:20px; margin-top:0; border-top:3px solid #6c8dc4}
	.info{ overflow:hidden; }
	.info h2{ margin-top:0; margin-bottom:15px}	
	 #wrap{ padding:0 5%; width:85%}
	.fnd-txt{  top:50% !important;}
	
	
	.banner2 .contenido{ padding: 0 10%; width:80%}
	.texto-contenido{ padding:0 10%; width:80%}
	.view{ width:45%}
	#wrap .texto-esp{ top:85%; line-height:20px; font-size:14px}
	
	.galeria li:nth-child(4n+4){ margin-right:20px;}
	
	
	.ntrs li{ width:48%;}
	
	.img-icon{ width:70%; height:200px;}

.list-esp, .list-esp:last-child{ float:none; width:100%;  padding:0%; text-align:center }
{ float:none; width:100%; padding-right:0%; text-align:center}
.list-esp >li, .list-esp:last-child> li{ display:inline-block}
.list-esp >li p{ text-align:right}
.list-esp:last-child >li p{ text-align:left}

.list-esp, .list-esp:last-child{ padding:15px 0}

.list-esp> li, .list-esp:last-child> li{ width:50% !important; float:none}
.list-esp> li a , .list-esp:last-child> li a{ width:100% !important; float:none}

.list-esp:last-child li a p{ padding-right:0; float:left}


	}
@media screen and (max-width: 816px)  {
	.nav li a {padding: 10px 0; text-indent:30px}
	.nav{left:0% !important; float:none !important}.nav li{ right:0 !important; }
	.nav > li, .nav li a{float: none;}
	.nav >li> a { border-left:none; margin:0 !important;transition:background ease 0.5s; text-align:left; border-bottom:1px solid #fff;  transition:none}
	.nav >li a:hover{ color:#fff}
	.nav >li a:after{ background: transparent !important}
	.nav{ margin-left:0 !important;}
	.wrap-nav{border-top: none; background:rgba(198,202,206,.5); margin:0}
	.nav ul {display: block;}
	.nav >li >ul { position:relative; background:rgba(198,202,206,.5)}
	.nav li:nth-child(5) ul{ width:92% !important} 
	.nav > li:first-child:after{ background:transparent}
	.menu-active:before{ border-top: 15px solid transparent}
	.nav > li > .parent {background-position: 95% 50%}
   .nav > li > .parent {background-image: url(../images/arrow-down.png)!important;
        background-repeat: no-repeat; background-position: 95% 50%}
		
	.nav > li > .parent {
    background-image: url(../images/arrow-down.png)!important;
    background-repeat: no-repeat;
    background-position: 95% 50%;	}
	nav > li{float: none; width: 100% !important;}
	
	
	.nav > li.hover > ul , .main-header .nav li li.hover ul {position: static; width: 100% !important}
	.nav >li >ul{ width:100%; border:none}
	.nav > li{ margin:0; transition:none}
	.nav >li a:hover{background-color:#46b5e7 !important; color:#fff;  transition:none}
	.nav li:hover .menu-active{ color:#fff !important; }
	.nav >li> ul> li> a {background-color:rgba(198,202,206,.5)}
	.nav{margin: 0 auto !important;}
	
	
	
	.menu-active:after{ content:""; position:absolute; z-index:999;height:4px; left:0; bottom:0; right:0; width:0px; background: none !important;   }
	.menu-active:hover:after{ content:""; position:absolute; z-index:999;height:4px; left:0; bottom:0; right:0; width:30%; background:none !important; 
 }
	
	.main-header{ margin:0}
	
	.gal_serv li{ width:40%; min-height:50px; margin-right:6%}
	.fnd-video{ width:90%; padding:5%}

	
	
	
	.grid_7{ width:100%; float:none !important;  text-align:center}
	
	.txt-contact { margin-top:30px}
	.main-header{ width:100%; padding: 0%}

	
	 #menu-telf{ float:none; display:block}
	
	
	
	.grid_2{width:48% ; margin-right:2%}
	.grid_2:nth-child(2n){  float:right; margin-right:0}
	.banner-servicios{ padding:0 10%; width:80%}
	 
	.tel{ margin-bottom:0 !important}
	.banner2 .contenido{ padding: 0 15%; width:70%}
	
	.grid_5{width:80% !important; padding:18px 10% 0; border:none; height:auto !important; 
	-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;}
	 
	 .grid_6{  float:none !important; margin:auto; margin-top:20px; display:block; float:none; clear:both}
	.grid_6 p{ margin-bottom:5px}
	.logo { display:block; float:none; width:100%; text-align:center}
	.logo span{ display:inline-block;  width:40% !important; padding:10px 0}



	#example-two .nav li{ width:49.8%;  margin: 2px 2px 0  0 }
	#example-two .nav li:nth-child(2n+2){ margin-right:0}
	#example-two .nav li a { display: block; padding: 10px 0px; text-align:center }	
	.nos .nav li a{padding: 10px 0px !important;}
	
	#example-two .list-wrap{ padding:25px 5% 40px}
	.img-esp  { display:block; float:none; width:60%; text-align:center; margin:0 auto; margin-top:15px; clear:both}
	.inv .img-esp { display:block; float:none; width:80%; text-align:center; margin:0 auto; margin-top:15px; clear:both}
	.img-esp img, .inv .img-esp img{ display:inline-block;  }
	
	.cont-esp, .inv .cont-esp{ width:100% }
	
	.esp{ display: block}
	.contenido3 h3{ text-align:center}
	
	.wrap-foot-menu{ display:none}
	
	.espnav li:last-child{  width:100% !important}
	
	.grid_info_contac { display:block; width:100%; margin-top:30px}
	
	.tel2{ display:block; color:#fff; padding:8px}
	header .telef{ color:#fff}
	.tel{ display:none}
	.list-esp{ width:100%; text-align:center !important}
	
	.wrap-nav{ border:none}
	
	.contenido h2:after, .contenido3 h2:after{ content:""; position:absolute; width:60% !important; }
	
	
	.list-ser li{ width:43%;  display:inline-block; float:none; margin-bottom:10px}
	.prod-img{ width:70%;  margin-top:25px; display:inline-block}
	.contenido { text-align:center; }
	.galeria li{ width:30% }
	.tit-gal{ text-align:center; line-height:19px}
}
@media screen and (max-width: 750px)  {
	.ntrs { width:100% !important; padding:0 !important}
	.ntrs li{ width:80% !important; margin: 0 auto 20px; float:none; clear:both}
	.ntrs li:before, .ntrs li:after { content: " "; display: table; }
	.ntrs li:after { clear: both; }
	.ntrs li { zoom: 1; }

	.ntrs li a{ width:auto}
	
	.list-esp> li, .list-esp:last-child> li{ width:70% !important; float:none}
}
@media screen and (max-width: 700px)  {

	
	.anuncio{  height:45px; padding:25px 0}
	.anuncio .img-trab{ left:0}
	.anuncio p{ font-size:16px;}
	.anuncio .btn{ width:100%; margin-right:0}
	.anuncio .btn a{  width:80px; margin:auto; padding:2px 30px; }	
		
	.box{ text-align:center}
	.box div{ margin-top:15px;}
	.box div:first-child{ margin-top:0}
	
	.grid_3{ width:100%; display:inline-block; float:none !important}
	
	.grid_3:nth-child(2){ margin-right:0}
	.espe .ban{min-height: 210px;}
	.espe .grid_3:nth-child(2){ margin-right: 12% }
	.espe .ban:nth-child(3n+3){ margin-right: 12% }
	.grid_4 { width:100% !important; padding-right:0 !important; text-align:center; padding-left:0 !important;
	-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;}
	
	
	.txt{ font-size:15px}
	.banner2 .contenido{ padding: 0 5%; width:90%}
	#wrap .texto-esp{ top:85%; line-height:20px; font-size:18px}
	.view{ display:inline-block; float:none}
	#wrap{ text-align:center;}
	
	.txt-video, .fnd-video iframe{ display:block; width:100%; float:none}
	
	
	.espnav li{ width:49.7% !important}
	.espe .ban:nth-child(2n){ margin-right:0}
	.espe .ban:last-child{ min-height: auto}
	
	.caja{text-align:center}

	.espe .ban{ width:50% ; display:inline-block; text-align:center; margin:0 auto}
	
	
	.ban{ padding-top:35px}
	.ban:first-child{ padding-top:0}
	
	.img-icon{ width:45% !important; height:210px !important;}

	}
@media screen and (max-width: 650px) {
	.info{ width:100%; text-align:center}	
	.btn2{ float:none; display:inline-block !important}
	.img-cont{ width:100%; text-align:center; -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear }
	
	.gal_serv li{ width:37%;  margin-right:8%} 
	
	
	
	

	.grid_2{width:48% ; margin-right:2%}
	.grid_2:nth-child(2n){  float:right; margin-right:0}
	.banner-servicios{ padding:0 0%; width:100%}
	
	.fnd-txt{  top:50% !important;}
	.text-slider{  padding:1px !important; font-size:14px !important; }
	.logo-slider{  top:27% !important; }
	.img-logo{ width:70px !important}
	
	
	
		.view{ width:85%}
		.galeria li{ width:40% }
		
	.img-icon{ width:48% !important; height:190px !important;}
	
	.logo span{ display:inline-block;  width:50% !important; padding:5px 0}
	
	
	.list-ser li{ width:100%; padding:0;  display:inline-block; float:none; margin-bottom:10px; margin-right:0;}
	.list-ser { margin:0; padding:0;}
	
	
	.menu-prod li{ width:49.5%; margin-bottom:2px; text-align:center }

}
@media screen and (max-width: 550px) {
	.gal_serv li{ width:80%;  margin-right: auto; margin-left: auto; float:none}
	.texto{ text-align:center}
	.texto h2{ text-align:center}
	.texto h3{ text-align:center; line-height:18px}
	.texto .list{ text-align:left}	
	.gal_serv li:nth-child(4n){ margin-right: auto;  }
	
	
	
	.fnd-txt{  top:60% !important;}
	.text-slider{  padding:1px !important; font-size:15px !important; }
	.logo-slider{  top:30% !important; }
	.img-logo{ width:80px !important}
	.txt{ font-size:15px}
	.banner3{ display:none}
	.foot-bottom{ padding:15px 5%; width:90%}
	.foot-bottom li{ display: block; width:100%; float:none}
	.foot-bottom li ul li{ float:none !important; margin-top:15px;}
	
		#wrap .texto-esp{ top:75%; line-height:20px; font-size:18px}
	
	#example-two .nav li{ width:49.7%;  margin: 2px 2px 0  0 }
	#example-two .nav li:nth-child(2n+2){ margin-right:0; float:right}
	#example-two .nav li a { display: block; padding: 10px 0px; text-align:center }	
	
	
	.galeria li{ width:100% !important; margin:0; margin-bottom:15px}
	.galeria { width:80%; padding:0 9.2% }
	
	.img-esp { display:block; float:none; width:80%;}
	.inv .img-esp { display:block; float:none; width:100%; text-align:center; margin:0 auto; margin-top:15px; clear:both}
	#example-two .list-wrap{ padding:25px 8% 40px}
	.ntrs>li> a{ display:block; margin:0px auto 15px; width:38%; float:none; clear:both}
	.ntrs .ver{ display:block; width: 100%; }
	.ntrs .ver a{ margin:0 auto; width:30%;float:none; clear:both}
	.ntrs p{ text-align:center !important}
	.ntrs li{ margin-bottom:35px}
	.txt-staff{ display:block; width:70%; margin:0 auto; float:none; clear:both; text-align:center;
	-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear }
	.ntrs{ margin-bottom:0}
	
	.main-footer div{ width:100%; text-align:center}
	.main-footer div .redes li{ display:inline-block; float:none}
	.main-footer div .redes{ margin:0; margin-top:10px}
	footer { padding: 25px 0 15px }
.grid_info_contac p{ display:block; width:100%}


.tel{ float:none; background: none;  color:#0094d6; font-size:16px; font-weight:400;; border-radius: none
; text-align:center}
.telef{ padding-right:5px}

.img-icon{ width:60% !important; height:190px !important;}


	.list-esp> li, .list-esp:last-child> li{ width:90% !important; float:none}

}
@media screen and (max-width: 450px) {
	.anuncio{  height:65px; padding:15px 0}
	.anuncio p{ text-align:left; text-indent: inherit; margin-left:130px; line-height:15px; width:55%; font-size:14px; }
	.anuncio .btn{ width:100%; margin-top:5px;}
	.anuncio .btn a{ width:80px; margin:auto; padding:2px 15px; margin-left:130px }	
	
	.logo span{ display:inline-block;  width:70% !important; padding:5px 0}
	.flor1, .flor2{ width:15% !important; }
	
		.fnd-txt{  top:50% !important;}
	.text-slider{  padding:1px !important; font-size:14px !important; }
	.logo-slider{  top:24% !important; }
	.img-logo{ width:60px !important}
	
	#example-two .nav li{ width:49.5%;  margin: 2px 2px 0  0 }
.tel span{ display:block; width:100%}	

.img-icon{ width:70% !important; height:190px !important;}

.menu-prod li{ width:49.3%; margin-bottom:2px; text-align:center }
}
@media screen and (max-width: 400px) {
	
	
	.ntrs>li> a{ width:48%;}

	
}