@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%}
.main-header .nav> li{ margin:0 10px}


}
@media screen and (max-width: 1050px)  {
	
	.conte{ width:90%; margin-right: auto; margin-left:auto}
	
	
	.main-header .nav> li{ margin:0 3px}

	.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%;}



}
@media screen and (max-width: 1050px) and (min-width:800px)  {
		


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


	 .galeria2 li{ width: 27%}

}
@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}
	

		
	
	.ntrs li{ width:48%;}
	
 .lista_prod li{ width: 49%}
    .wrap-block1{ width: 80%}
	}
@media screen and (max-width: 816px)  {
	.main-header .nav li a {padding: 10px 0; text-indent:30px}
	.main-header .nav{ display: block;left:0% !important; float:none !important; text-align: center}.nav li{ right:0 !important}
	.main-header .nav > li, .nav li a{float: none;}
	.main-header .nav >li> a { border-left:none; margin:0 !important;transition:background ease 0.5s; text-align:left; border-bottom:1px solid #fff;  transition:none; color: #fff}
	.main-header .nav >li a:hover{ color:#fff}
	.main-header .nav >li a:after{ background: transparent !important}
	.main-header .nav{ margin-left:0 !important;}
    .wrap-nav{border-top: none; background:#202021; margin:0;}
	.main-header .nav ul {display: block;}
	.main-header .nav >li >ul { position:relative; background:#ff3c5c}
	.main-header .nav li:nth-child(5) ul{ width:92% !important} 
	.main-header .nav > li:first-child:after{ background:transparent}
	.menu-active:before{ border-top: 15px solid transparent}
	.main-header .nav > li > .parent {background-position: 95% 50%}
   .main-header  .nav > li > .parent {background-image: url(../images/arrow-down.png)!important;
        background-repeat: no-repeat; background-position: 95% 50%}
		
	.main-header .nav > li > .parent {
    background-image: url(../images/arrow-down.png)!important;
    background-repeat: no-repeat;
    background-position: 95% 50%;	}
	.main-header .nav > li{float: none; width: 100% !important;}
	
	
	.main-header .nav > li.hover > ul , .main-header .nav li li.hover ul {position: static; width: 100% !important}
	.main-header .nav >li >ul{ width:100%}
	.main-header .nav > li{ margin:0; transition:none}
	.main-header .nav >li a:hover{background-color:#dfb062!important; color:#fff;  transition:none}
	.main-header .nav li:hover .menu-active{ color:#fff !important; }
	.main-header .nav >li> ul> li> a {background-color: rgba(247,148,51,.1);}
	
	.main-header{ margin:0}
    .main-header .nav { margin:0}
    .main-header .menu-active{color:#dfb062 !important}
	
	.gal_serv li{ width:40%; min-height:50px; margin-right:6%}
	.fnd-video{ width:90%; padding:5%}

	
	.logo { display:block; float:none; width:100%; text-align:center}
	.logo span{ display:inline-block;  width:30% !important}
    #menu-telf{ float:none; display:block}
    .wrap-nav { text-align: center}
    .tel{ float:none;   color:#fa0a32; font-size:18px; font-weight:400;; border-radius: none
; text-align:center}
.telef{ padding-right:5px}
	
	.grid_7{ width:100%; float:none !important;  text-align:center}
	
	.txt-contact { margin-top:30px}
	.main-header{ width:100%; padding: 0%}

   
	.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:85% !important; padding:18px 7.5% 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_4 { width:85% !important;padding:18px 7.5% 0 !important; 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;}
    .grid_4 img{ display: inline-block; width: 80%}

	
    .grid_7{width:85% !important; padding:18px 7.5% 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 { width:85% !important;padding:18px 7.5% 0 !important; 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;}
    .grid_6 img{ display: inline-block; width: 80%}
	
	.grid_info_contac { display:block; width:100%; margin-top:30px}
	.grid_info_contac2 { display:block; width:100%; margin-top:30px}
    
    .txt_img_bg{ text-align: center; font-size: 2em; }
    .txt_img_bg p:last-child{ text-indent: 0em !important}
    .img_bg{ padding-top: 70px !important; padding-bottom: 70px !important;}
    
    .img_prod{ width:100%; margin-bottom:15px;}
    .lista_prod li:last-child{ margin-left: 5px !important}
    .img_info{ text-align:center !important}
    .img_info p{ margin:8px 0}
    .p-t-150{ padding-top:0 !important}
    .cabecera_info{ display: block; width: 100%; text-align: center}
    .cabecera_info ul{ display: inline-block; margin-bottom: 0}
    .txt-left, .txt-right { text-align: center !important}  
    .img_info h3{ text-align: center !important}
    
     .galeria2 li{ width: 25%}
}

@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}
}
@media screen and (max-width: 700px)  {

	.espnav li{  width:100% !important}
    .prod-zoom, .info-prod{ width:100% !important; float: none !important}
    .info-prod{ margin:0; margin-top:80px; text-align: center}
	.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% }
	
	
	.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}
	
	
	
	.espe .ban:nth-child(2n){ margin-right:0}
	.espe .ban:last-child{ min-height: auto}
	.espe .ban{ width:40%}
	.caja{text-align:center; padding: 0 15%}
    .cloudzoom-zoom, .cloudzoom-lens{ display: none !important}
    .cloudzoom-blank div{ background: none !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%} 
	
	.galeria2 li{ width: 35%}
	
	

	.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 img{ width:85%;}
	
    .lista_prod li{ width: 100% ; margin: 0; margin-bottom: 15px; }
    .wrap-content-slide1 .txt1{ font-size: 30px !important}
    .wrap-content-slide1 .tit1{ font-size: 45px !important}
    .p-r-15{ padding: 0 !important}
}
@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;  }
	
	.logo span{ display:inline-block;  width:50% !important}
	
	.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:47% !important; margin:0; margin-bottom:15px}
	.galeria, .galeria2 { width:100%; padding:0}
	
	.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}

	.grid_info_contac p{ display:block; width:100%}
	.grid_info_contac2 p{ display:block; width:100%}

	.galeria2 li{ width: 40%; margin-right: 10px}

 .wrap-block1{ width: 90%}

}
@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; max-width:80% }
	.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%}	
}
@media screen and (max-width: 400px) {
	.grid_3{ width:80%; padding:0 10%}
	
	.ntrs>li> a{ width:48%;}
	
}