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

@import 'form.css';

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike,sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

@font-face {
    font-family:kalinga;
    src: url(kalinga.ttf);
}
@font-face {
    font-family:caviar
    src: url(caviar.ttf);
}

.clear{clear:both;}

ol, ul {
	list-style: none;
}

a{ text-decoration:none;
	transition: color 1.5s ease-out;
				-webkit-transition: color 1.5s ease-out;
   -moz-transition: color 1.5s ease-out;
   -o-transition:color 1.5s ease-out;
   color:#000000;}
   
   
.clear{clear:both;} 

.clear-especial{ clear:both;
	                display:none;} 

strong{font-weight:bold;}

p, ul, ol{color:#989898;}
   
a:hover{ 
   color:#ead21c;} 

body{ font-family:kalinga, Arial, Helvetica, sans-serif;
       font-size:100%;
	   color:#676767;}
	   
a{ color:#676767;}
	   
h1, h2, h3, h4{ font-weight:bold;
                color:#434444;
				font-family:caviar, Arial, Helvetica, sans-serif;
				 font-weight:bold;
				 text-transform:uppercase;
				}
				
#pagina-title, #pagina-title2{ 
              background:#fba435;
			   color:#fff;
			   text-align:center;
			   font-size:70%;
			   padding:18px 0;
			   margin-top:-20px;}
			   
	#pagina-title h1, #pagina-title2 h1{color:#fff;}
	
#pagina-title2{margin-top:121px;}
				
 h3{ 
     font-size:140%;}
				
h1{ font-size:180%;
color:#46625e;
}
h2{font-size:160%;}
p{font-size:90%;
  margin-bottom:0.5% 0;}
  
.clear{ clear:both;}
  

p.slogan{ font-size:100%;
          text-transform:uppercase;
		  color:#8b8c8c;
		  margin:0.8% 0;}
a img:hover{ 
                              }

.imagen-movil{ display:none;}
span.astro{display:block;}

strong{ font-weight:bold;
        color:#6e6f6f;}
span.especial{color:#dc3d50;}
.datos{ display:inline-block;
        font-size:95%;}
.datos + .datos{ margin-left:2%;}		
p.info-contact{  font-size:70%;
               color:#676869;
               margin:0.5% 0;}
			   

#pages p{ color:#676869;}

.movil-pueblos{ display:none;}
.megusta{text-align:right;}
/*generales*/




#content{ /*		  border-right:none;
		  border-left:none;*/
		  overflow:hidden;}
		  
.contenedores{ width:100%;
         
		  
		  
		  
		  
}




.slider{
   margin-top:120px;
   z-index:0;}
   
 .noticia-list, .noticia-ind{ text-align:left;
                padding-top:0px;}  
				
.noticia-ind{ text-align:center;}

.noticia-ind .principal-img{ width:80%;}
.noticia-ind img{width:100%;
   margin-bottom:20px;}
  
   
  
  
 /*cambios blog*/ 
@media screen and (min-width: 2000px){  
  .contenedores{ width:1366px; margin:0 auto;
         
}
}
   .noticia-list img{ 
   float:none;
   margin-right:12px;
   width:100%;}
   
   .noticia-list {margin-top:30px;
    width:43%; float:left;
	margin:2%;
	background:#f8f8f8;
	border-radius:5px;
	padding:0.6%;
	border:1px solid #e6e6e6;
	text-align:center;
   }
   
   @media screen and (min-width: 1200px) and (max-width: 2000px){
	   
	   .noticia-list {margin-top:30px;
    width:43%; float:left;
	margin:2%;
	height:370px;
   }
   }
   
   .blog-especial .contenido-noticia *{ display:none;}
   
   .blog-especial a.read-more{float:none; display:block; text-align:center;}
   .noticia-list h2{line-height:0.9; margin-bottom:1%;}
  .noticia-list h2 a{ color:#f8ba3b; font-size:16px; line-height:9px;
         }   
		 
 .noticia-list h2 a:hover{color:#30c7d5	}
 h1.blog{ font-size:200%;
  border-bottom:2px solid #5c5a56;
  margin-bottom:20px;
 }
 
  /*cambios blog......................................................................................*/ 
 h1.h1left { text-align:left;
           border-bottom:none; }
 .noslider{ margin-top:120px;
        padding-top:20px;}
div.design {position:relative;
            background:#e2e2e2;
			padding:0.2%;
			font-size:75%;
			}
div.design p{ text-align:center;
			}
.buttons {margin-top:-4px;}
.buttons ul{width:100%;}
.buttons ul li{ float:left;
                 width:33.2%;
				
				 overflow:hidden;
				 
				 }
.buttons ul li img{width:100%;}

p.home a{ display:block;
          text-align:center;
		  padding:1%;
		  color:#f2f3f4;
		  background:#11161a;
		  }

header{ position:fixed;

top:0;
z-index:9000;
width:100%;
height:121px;
background:url(../img/fond-header.png);
overflow:hidden;
border-bottom:5px solid #46625e;
   }
   
   
 .trabajos-bloque{}
.trabajos{ 
   position:relative;
  width:70%;
  margin:0 auto;}
  .fijo{ height:260px;
       
	   
	   width:100%;
	   margin-top:0;
	   overflow:hidden;
	   
	   } 
	   
	   
	   .respuesta{width:80%;}
  

  
  
  

	   
	p.trabajo-principal{font-family:Arial, Helvetica, sans-serif;
	                     font-weight:bold;
						 color:#323230;
						 font-size:120%;
						 margin-bottom:1em;}
 .fijo img{width:39%;
       float:left;
	   max-height:260px;}
	   
.left-fijo{ width:55%;
       float:right;}
	   
	ul.subnavegador .fijo {margin-top:0px;}
 .trabajos li.float{ width:21%;
                    float:left;
					background:#f6f6f6;
					padding:5px;
					margin:1%;
					
					
					
					}
					
.trabajos li.float:hover { box-shadow:0 0 12px 2px #ffa717;
                           background:none;}
					

 .trabajos li.float a{display:block;}
  .trabajos li.float span{font-size:12px;
                          }
 span.titulo{display:block;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;}	
 
 .trabajos li.float a img{width:100%;}				
li.float ul.subnavegador{
                        position:absolute;
						top:0;
						left:0;
						
						height:200px;
       
	   
	   width:100%;
	   background:#fff;}
	   
	   
	   
	   
	    @media screen and (max-width: 680px) {
	.trabajos{ 
   position:relative;
  width:100%;
  margin:0 0;} 
  
  .trabajos p{font-size:80%;}
  
   .fijo{ height:190px;
       
	   
	   width:100%;
	   margin-top:0;
	   overflow:hidden;
	   
	   }
	   
	   
	   li.float ul.subnavegador{
                        position:absolute;
						top:0;
						left:0;
						
						height:190px;
       
	   
	   width:100%;
	   background:#fff;}
	   
	   
	  
	  .trabajos li.float span{font-size:11px;
                          }
   
	   
	 
 }
 
 
 	    @media screen and (max-width: 550px) {
	.trabajos{ 
   position:relative;
  width:100%;
  margin:0 0;} 
  
  .trabajos p{font-size:70%;}
  
   .fijo{ height:200px;
       
	   
	   width:100%;
	   margin-top:0;
	   overflow:hidden;
	   
	   }
	   
	   
	   li.float ul.subnavegador{
                        position:absolute;
						top:0;
						left:0;
						
						height:200px;
       
	   
	   width:100%;
	   background:#fff;}
	   
	   
	  
	  .trabajos li.float span{font-size:10px;
                          }
						  
						  
						  
					
	 .trabajos li.float{ width:21%;
                    float:left;
					background:#f6f6f6;
					padding:3px;
					margin:0.8%;
					
					
					
					}
   
	   
	 
 }
   
   
   
   
   
 .formulario-cliente{
	  width:30%;position:absolute; background:#fff; z-index:7000; left:100px; top:13em;
	  padding:20px;
	  border-radius:12px;
	  border-top:16px solid #fba435;
	  text-align:center;
	  color:#000;}
	  
	
@media screen and (max-width: 680px) {
	
 .formulario-cliente{
	  width:100%;position:inherit; background:#fff; z-index:7000; left:0px; top:0em;
	  padding:2px;
	  border-radius:0px;
	  border-top:16px solid #f3b600;
	  text-align:center;
	  color:#000;}
	
}
	  
 .formulario-cliente li.linea{ border-bottom:5px solid #fba435; }
 .formulario-cliente input{ color:#a0a0a0;
                           text-align:center;}
						   
.titulos{ background:#fba435;
         color:#fff;
		 font-weight:bold;
		 padding:30px;
		 font-family:Arial, Helvetica, sans-serif;
		 text-align:center;
		 margin-top:6em;
		 font-size:130%;
		 border:3px double #d1831f;
		 
		 
		 
		 
		 }
 .formulario-cliente input[type=submit] { background:#fba435;
                                           color:#fff;
										   font-weight:bold;}
 .formulario-cliente p{ color:#000;
                      font-size:120%;
					  font-weight:bold;
					  font-family:Arial, Helvetica, sans-serif;
					   padding:12px 0;}	
					   
 .formulario-cliente input {width:90%;
                           margin:5px 0;}	
header .logo{ 
                 float:left;
				 width:15%;
				  
				  padding:1%;
				  
				  }
				 
header .logo img{ width:100%;}

header #navigation{ 
              float:right;
			  width:80%;
			  position:relative;
   
				 
				 
				 }
header nav{background: url(/img/men.png) no-repeat 76% 17px ;
            }
			
			@media screen and (max-width: 1280px) {
	
	header nav{ background: url(/img/men.png) no-repeat 73% 50px;}
	
header nav{ background-size: 80px;}	
	
}

			@media screen and (max-width: 1020px) {
	
	header nav{ background: url(/img/men.png) no-repeat 68% 50px ;}
	
header nav{ background-size: 80px;}	
p.telefono {
   
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 80px;
}
	
}






.contenidos-marcas{width:78%;
                   margin:0 auto;
				   padding:3% 0 0 0;
				  }
				  
.contenidos-marcas2{width:78%;
                   margin:0 auto;
				   padding:0% 0 0 0;
				  }
				   

@media screen and (max-width:900px) {
	
	.contenidos-marcas{width:100%;
                   margin:0;
				   padding:3% 1%;
				   }
.contenidos-marcas2 {width:100%;
                   margin:0;
				   padding:1% 1%; }	
}

				   

				   
				   
.contenidos-marcas h1{ font-size:120%;
                        color:#4d4d4c;}
.contenidos-marcas h2{ font-size:90%;
                        color:#4d4d4c;}
.imagen-tecnico{ float:left;
                 width:39%;
		}
		
.contenido-marca *{margin-top:1%;}

.contenido-marca{  float:right;
                width:58%;
				}

.imagen-tecnico img{ width:100%;}



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

.imagen-tecnico img{ width:30%;
                   float:left; }
	
.contenido-marca{  float:none;
                width:100%;
				}
				
		
.imagen-tecnico{ float:none;
                 width:100%;
		}
	
}
.marcas-datos{ font-size:80%;
              text-align:center; 
			  margin-top:1%;}
		   
.marcas-datos p{color:#2c2c2c;
            font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-style:italic;}
.marcas-datos img{width:100%;}			  

		 

		 
.social-links{ }
			  

			  

p.etiquetas span{ text-transform:capitalize;}

								  

				 
header #navigation li{ float:left;
                      
                       
					   
                        }
						

						

						
header #navigation li + li + li{text-align:right;}
					   
body header #navigation li a{ display:block;
                        padding:3em 1em;
						font-size:86%;
						 height:121px;
						font-family:caviar, Arial, Helvetica, sans-serif;
						text-transform:uppercase;
						
						
						
                       
                       }
					   
body header #navigation li a.raiz{ padding:0;}


					   
	header #navigation li.social{float:right;
	                            margin-top:35px;
								padding-right:0;
								position:relative;
								}
					   
header #navigation li.social a{ display:inline;
                        padding:0;
						font-size:85%;
						 height:121px;
						font-family:caviar, Arial, Helvetica, sans-serif;
						text-transform:uppercase;
						}
						
header #navigation li.social a:hover{ }
						
p.sesion{position:absolute;
top:-33px; 
right:18px;


width:300px;

}

p.sesion img.enlace-raiz{ position:absolute;
                          width:24%;
						  top:20px;
						  right:39%;}
						  

header #navigation li.social p.sesion a{ color:#c5c7c7;
             
			 text-transform:lowercase;
			 font-size:12px;
			 padding:3px 0;
			 
			 
			
			 
			 
			 
			 font-family:Arial, Helvetica, sans-serif;}
			 
header #navigation li.social p.sesion a.login{  background:url(../img/sesion.png)  no-repeat left 2px;
                                                   padding:3px 0;
                                                  padding-left:20px;
												  text-decoration:underline;}
						
header #navigation li.social a + a{ margin-left:9px;}
						
header #navigation li.social a:hover{ background:none;}
					   
header #navigation li a:hover, header #navigation li a.marcado	{background:#f2f2f2 url(../img/orange.png) left top repeat-x;
                            }
							
						

					   
a.rojo{ border-right:5px solid #f2545c;}
a.azul{ border-right:5px solid #54adf2;}

a.verde{ border-right:5px solid #54f26a;}
					 


footer{ font-size:80%;
     padding-bottom:1%;}

footer .menu-footer{ 
										   text-align:center;
					 }
					 

					 
footer .menu-footer li{ text-transform:uppercase;
                        display:inline-block;
						padding:4px;
						color:#010101;}
						
footer .menu-footer li a{ color:#010101;}

footer .menu-footer li + li{  
							}

div#social{ width:200px;
           margin:0  auto;
		   
		   
		   
		   
		   }
		   
div#social li{float:left;
              max-width:42px;
			  
			  }

div#social a img{ width:100%;
			 	}

.inner-cont{width:90%;
         margin:0 auto;}
		 
.headings-content{ text-align:center;
                    line-height:2;
					} 
					
.headings-content .left-blog { width:19%;
                              float:left;
							  text-align:left;}
							  
.headings-content .left-blog .logos-blog img{width:100%;}

.headings-content .left-blog .noticia-left{position:relative;}
.headings-content .left-blog .noticia-left + .noticia-left{margin-top:7px;}

.headings-content .left-blog .noticia-left img{ width:100%;
                                               }
												
.headings-content .left-blog .noticia-left h3{ position:absolute;
												z-index:3000;
												top:0;
												font-size:14px;
												text-align:center;
												width:100%;
												background:url(../img/fond-no.png);
												display:none;
												 
												 }
												 
.headings-content .left-blog .noticia-left h3 a{color:#2f2e2c;}
.headings-content .left-blog .noticia-left h3 a:hover{ color:#7a6c43;}

.headings-content .right-blog { width:76%;
                              float:right;}
					
					

					
.headings-content .contenido-noticia{ padding-top:0px;
                                      text-align:left;}
					
.headings-content .contenido-noticia iframe{width:80%; height:500px; margin:0 auto;}

@media screen and (max-width: 500px) {
	
	.headings-content .contenido-noticia iframe{width:80%; height:300px; margin:0 auto;}
	
}
					
					
.noticias-banner{ padding:2% 0;}
					
					
.especial{ background:#d9dcdc;
           margin-top:0;
		   border-top:13px solid #fba435;
		    
		   }
		   
.especial2{margin-top:4%;
            background:#d9dcdc;}


#noticias{ width:65%;
           float:left;
		   background:#f8f8f8;
		   border-radius:7px;
		   padding:1%;}
		   
		
		
#noticias .noticia{ width:44%;
                   display:inline-block;
				   padding:5px;
				   float:left;
				   text-align:center;}
				   

				   

				   
@media screen and (min-width: 1000px) {
#noticias .noticia {margin:2%;}

#noticias .noticia + .noticia{ border-left:1px solid #e2e1e1;}

}}
				   
		
#noticias .noticia h2 a{ color:#f8ba3b;}
 #noticias .noticia h2 a:hover{color:#30c7d5	}			   
#noticias .noticia p{text-align:justify;}
				   
#noticias .noticia img{display:block;
                       width:100%;
					   margin-bottom:3%;}
					   
#noticias .noticia h2{ font-size:110%;
 text-transform:inherit;
 
 margin-bottom:3%;}
 
 #noticias .noticia h2
				   
#noticias .noticia + .noticia{ margin-left:40px;
                               }
		   
		   

#banner-contacto{  width:28%;
           float:right;}
		   
#banner-contacto img{width:100%;}
#banner-contacto iframe{ width:100%; height:380px;}	

.conditions{ background:url(/img/legal.png) 50% 90% no-repeat fixed;}

.tafifa{ background:url(/img/fa.png) 50% 90% no-repeat fixed;}		   
		   
a.read-more{ background:#f8ba3b;
            color:#fff;
			padding:0.5% 8%;
			float:right;
			border-radius:10px;
			
			-webkit-transition: all 1s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
text-transform:lowercase;
font-weight:normal;
margin-top:12px;}
a.read-more:hover{ background:#c3da25;
                 box-shadow:0 0 9px 3px #a4b81e inset;}


.left-tarifa { float:left;
           width:80%;}
		   
.right-tarifa { float:right;
           width:20%;
		   font-weight:bold;
		   line-height:2.4;}

.img-marcas{text-align:center;
             margin-top:20px;}

.img-marcas a img{ width:19%;
  
  
opacity:1;}

.img-marcas a img:hover{ opacity:0.7;

                     }


.garant-1{ float:left;
width:28%;
padding:2%;}

.garant-1 img{ float:left;
               padding-right:2%;}

.garant-1 h3{ font-size:100%;}


.marco{
}


.acerca, .servicios { text-align:center;}

.servicios-paginas {margin-bottom:5%;}

.servicios-paginas .read-more{ float:left;
                             margin-top:2%;}

.acerca p, .acerca h1, .servicios p, .servicios h1 { margin:1% 0;}

.iconos{ margin-top:1%;}

.iconos a img{ padding:0.5% 1% 2% 1%; 
         
opacity:1;  }


p.sesion-movil{display:none;}


.iconos a img:hover{ opacity:0.5;
  }

.servicios { }
		   
.acerca img{ width:100%;}

.acerca .servicios img{ width:auto; }


.servicios-paginas .content-servicios{  float:none;
                                  }
								  
.servicios-paginas .content-servicios li{ font-size:120%;
                                          margin:2% 0;
										  
										  }
										  
.servicios-paginas .content-servicios li a{background:url(../img/li.png) no-repeat 4px center;
                                           padding-left:25px;
										   display:block;}
.servicios-paginas .content-servicios li a:hover{
                                                  }
										  
	.servicios-paginas .content-servicios li ul li a{background:none;
	                                   }
	
	.servicios-paginas .content-servicios li ul li{box-shadow: 0 0 9px #7eab97;
	                                             background:#fafbfb;
	                                               margin:0;
												   
	                                              }
	
	.servicios-paginas .content-servicios li ul li p{font-size:60%; 
	                                                  padding:1%;
													  color:#1e1e1e;
	                                                
												   }

.servicios-paginas img{ float:left;
                       width:38%;}
					   
.menu-movil{ display:none;}

.trabajos {}

.form2{padding-top:2%;}
.tarifas{
        margin-bottom:40px;
		}
.tarifa{ position:relative;
        background:#f6f6f6;
		border-radius:15px;
		margin-bottom:50px;
		
		}
		
.tarifa p{ color:#2f2d2c;}
.tarifa .img-tarifa{ width:17%;
              display:inline-block;
			   margin-right:1%;
			   padding:9px;}
			   
.tarifa .text-tarifa{ width:67%;
              display:inline-block;
			   }
.tarifa img{ width:100%;
             }	
			 
.tarifa .subnavegador{ 
                       padding:40px 9px 9px 9px;}		
.desplegar{
 
 margin-top:-30px;

          }
		  
		  
span.precio{ position:absolute;
						  top:0.5em;
						  right:12px;
						  color:#f48127;
						  font-family:Arial, Helvetica, sans-serif;
						  font-weight:bold;
						  font-size:50px;}
.desplegar a.desplegable{
						  position:absolute;
						  top:7em;
						  right:12px;
						  cursor:pointer;
						   color:#f48127;
						  font-family:Arial, Helvetica, sans-serif;
						  font-weight:bold;
						  }
.desplegar .subnavegador{  margin-top:0px;}			
.tarifa .desplegable{ }
.tarifa p, 	.tarifa h2{ width:80%;}	
.tarifa h2{font-size:100%;}
.preguntas-frecuentes{ font-size:110%;
                         color:#272626;
						 border-bottom:8px solid #f58227;
						 margin-bottom:20px;} 


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

.tarifa .img-tarifa{ width:100%;
              display:block;
			   margin-right:1%;
			   padding:9px;}
			   
			   
.tarifa img{ width:90%;
             }
			   
.tarifa .text-tarifa{ width:100%;
              display:block;
			  padding:5px;
			   }
			   
			   
span.precio{ position:absolute;
						  top:3em;
						  right:12px;
						  color:#f48127;
						  font-family:Arial, Helvetica, sans-serif;
						  font-weight:bold;
						  font-size:50px;
						  background:#fff;
						  padding:4px;
						  border-radius:5px;
						  box-shadow:0 0 8px #975b0c;}
.desplegar a.desplegable{
						  position:inherit;
						  float:right;
						  
						  right:12px;
						  cursor:pointer;
						   color:#f48127;
						  font-family:Arial, Helvetica, sans-serif;
						  font-weight:bold;
						  }
	
}

@media screen and (max-width: 1085px) {
	
	body header #navigation li a{ display:block;
                        padding:2em 1em;
						font-size:70%;
						 height:inherit;
						font-family:caviar, Arial, Helvetica, sans-serif;
						text-transform:uppercase;
						height:300px;
						
                       
                       }
					   
					   
					   header #navigation{ 
              float:right;
			  width:78%;
  
				 
				 
				 }
	
}

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

	
	body header #navigation li a.raiz img{ width:60%;}
	
	
	#pagina-title2{margin-top:0px;}
	
	
	.noslider {
margin-top: 0px;
padding-top: 20px;
}
	
	
	header #navigation li.social p.sesion a{ color:#c5c7c7;
             
			 text-transform:lowercase;
			 font-size:10px;
			 padding:3px 0;
			 
			 
			
			 
			 
			 
			 font-family:Arial, Helvetica, sans-serif;}
			 
header #navigation li.social p.sesion a.login{  background:url(../img/sesion.png)  no-repeat left 2px;
                                                   padding:4px 0;
                                                  padding-left:20px;
												  text-decoration:underline;}
	
	


header{ position:inherit;


z-index:3000;
width:100%;
height:100px;
background:url(../img/fond-header.png);
overflow:hidden;
   }
   
   .slider{
   margin-top:0px;
   z-index:0;}
   
 header .logo img{ 
                   max-height:inherit;}
body{font-size:90%;}
p{ font-size:85%;}	
header .logo{ width:19%;
                 }
				 
header .logo a img{ width:80%;}

header #navigation{ 
              float:left;
			  width:77%;
   
				 
				 
				 }
				 
.red2{ border-right:5px solid #f2545c;}
				 
header #navigation li a{ font-size:95%;}
body header #navigation li a{ display:block;
                        padding:2em 1em;
						font-size:70%;
						 height:inherit;
						font-family:caviar, Arial, Helvetica, sans-serif;
						text-transform:uppercase;
						height:300px;
						
                       
                       }
				 

		  
}

@media screen and (max-width: 900px) {
	
	body header #navigation li a{ 
						font-size:75%;
						
						
						
						
                   }
					   
	
	
				   
	
}

@media screen and (max-width: 920px) {
.headings-content .left-blog { display:none;}
.headings-content .right-blog{ width:100%;
                                float:none;}

}



@media screen and (max-width: 750px) {
	
	
	
	.iconos a img{ width:17%;}
	
	.garant-1{ display:block;
	       float:none;
		   width:100%;
		   
		   overflow:hidden;
		   border-bottom:4px solid #f0f0f0;}
		   
.especial-garant{  width:100%;}
	
}
@media screen and (max-width: 800px) {
	
	
	
p.sesion-movil {display:block;
                text-align:right;
				padding-right:1%;
				
				
				}
				
p.sesion-movil a + a{ padding-left:6px;
                       }
	
	
	
	
	header{ position:relative;


z-index:3000;
width:100%;
height:inherit;
background:url(../img/fond-header.png);
overflow:hidden;
   }
	
body{font-size:75%;}
#content{width:100%;
        overflow:hidden;}
		
		
body header #navigation li a{ display:block;
                        padding:2em 1em;
						font-size:90%;
						 height:inherit;
						font-family:caviar, Arial, Helvetica, sans-serif;
						text-transform:uppercase;
						
                       
                       }
					   
.slider{
   margin-top:0px;
   z-index:0;}
		
.contenedores{ width:100%;
         
		  margin:0 auto;
		  
		  
}
header #navigation li { width:100%;}
header #navigation li + li + li{ text-align:left;}
p{ font-size:90%;
   margin-bottom:1.2%;}	
.nube{ height:170px;}
header .logo{ float:none;
               width:100%;
			   text-align:left;}
			   
			   

			   

			   
header .logo a img{ width:30%;}
header #navigation{ float:none;
                     margin:0;
					 width:100%}
					 
header #navigation{ display:block;
				 
				 
				 }
				 
.buttons{ display:none;}
					 
footer .menu-footer, footer div#social{}
					 
header nav{ margin:0;}
header #navigation li{ float:none;
				 
				 
				 
				 }
				 
header #navigation #social{ width:auto;
                        float:none;
						display:none;}
						
footer{ text-align:center;}						
#services, #contact, #submenu, #design{ float:none;
                                         width:100%;}
										 

#services li{ background:none;
               display:inline-block;
			   margin:0;
			   padding:0.3%;
			   background:#4991c3;
			   margin:0.4%;
			   color:#FFF;
			   border-radius:5px;
			   
			   }
#submenu li{background:none;
             display:inline-block;
			  margin:0;
			   padding:0.4%;
			   text-decoration:underline;}
#contact {text-align:center;
           border:1px solid red;
		   margin:2% 0;
		   border-top:4px solid #454242;
		   border-bottom:4px solid #454242;}	
		   
#normal-pages{ width:100%;
           
		   padding:3%;}
		   
		   
 .noticia-list img{ max-height:inherit;
 width:100%;
   float:none;
   margin-right:0px;
   margin-bottom:8px;
  }
  
  
  #noticias{ width:100%;
           float:none;
		   
		   padding:1%;}
		 #banner-contacto{ float:none;
		 width:100%;
		 margin:12px 0;}  
		#banner-contacto iframe{ width:100%; height:250px; }
		   
		   
		   .flexslider .slides .texto-slide{ 
								 display:none;
								 }
		   
		   

}


@media screen and (max-width: 800px) {
	
	#noticias .noticia { 
	                     width:100%;
						 display:block;
						 float:none;
						 }
						 
#noticias .noticia a.read-more{
	                               float:none;
								    width:80%;
									display:block;}
									
.marco {
  height: auto;
  overflow: hidden;
  margin-bottom: 8px;
}
									

	
}




@media screen and (max-width: 550px) {
	
	
	
	.noticia-ind .principal-img {
width: 100%;
}
	
	
	h1.blog {
font-size: 150%;

}

p.sesion-movil a{
font-size:10px;
}
	
	#noticias .noticia { 
	                     width:100%;
						 display:block;
						 float:none;
						 }
				   
	 #noticias .noticia a.read-more{
	                               float:none;}
								   
	#noticias .noticia + .noticia{ margin-left:0px;
	                                margin-top:20px;
                               }
		   
				   

	
	.inner-cont{width:95%;
	margin:0 auto;
        }
	
	
	header .logo a img{ width:45%;}
	
	
	.servicios-paginas .content-servicios{  float:none;
                                  width:100%;}
								  
.servicios-paginas .content-servicios li{ font-size:80%;
                                          margin:2% 0;
										  background:url(../img/li.png) no-repeat left center;
										  padding-left:20px;}

.servicios-paginas img{ float:none;
                       width:100%;}
	
	
	
	.iconos a img{ width:24%;
	     padding:0.5%;}
	

	
	

	
 h3{ 
     font-size:110%;}
				
h1.pages{ font-size:50%;
}

div#social{ width:120px;
           margin:0  auto;
		   
		   
		   
		   
		   
		   }
		   
div#social li{float:left;
              max-width:28.5px;
			  
			  }

div#social a img{ width:100%;
			 	}
h2{font-size:120%;}
body{ font-size:95%}	
.nube, .about-us{ float:none;
                 width:100%;}
				 
p.etiquetas{ 
             padding-bottom:4%;}
			 
.nube{ 
			  padding:1%;
			  background:url(../img/nube.jpg) no-repeat right top;
			  background-size:40%;
			  border-right:none;
			  }
	
.box_skitter_large {width:100%;height:350px;}

#carrusell{ display:none;}	
.imagen-movil{ display:none;
                 width:100%;}
.imagen-movil a img{ width:100%;}

.readmore{ position:relative;
              right:12px;
			  
			  margin-bottom:1%;}
			  
#contacto{ width:90%;
           margin:0 auto;
		   padding:2%;}
		   


}


@media screen and (max-width: 420px) {
	
	.menu-movil{ display:block;
             position:absolute;
			 top:5%;
			 right:0;
			 z-index:3000;
			 width:120px;
			 background:#f5f5f5;
			 padding-top:1%;}
			 
			 
.menu-movil img{ width:37px;}

.menu-movil p{position:absolute;
             top:0;
			 left:37px;
			  padding-top:1.9%;
}

.menu-movil ul.subnavegador li a {display:block;
                                  padding:8px 4px 8px 4px;
								  color:#FFF;
								  text-transform: uppercase;
								  font-size:12px;}
	
}


@media screen and (max-width: 320px) {
	
	body{  font-size:70%;}
	
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}

.flexslider .slides{position:relative;}
.flexslider .slides .texto-slide{ position:absolute;
                                 width:342px;
								 top:170px;
								 margin-left:150px;
								 background:url(../img/text.png);
								 padding:30px;
								 border-radius:5px;
								 box-shadow:4px 6px 9px #3d3d3d;
								 }
								 

.flexslider .slides .texto-slide p{ color:#456263;
                           }
						   
.flexslider .slides .texto-slide a.read-more{background:#52937d;
                                             border-radius:5px;
											  padding:5px 15px;
											  color:#fff;
											  float:right;
											  margin-top:12px;
											  }
						   
.flexslider .slides .texto-slide p.titulo{font-weight:bold;
                                           text-transform:uppercase;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;
         } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides a{}
.flexslider .slides img {
                        
                      
                          }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/

.diapositivas{margin-top:30px;
  background:#ebebeb;
  border:1px solid #c2c1c1;
  padding:1% 0;
  
  }
.flexslider { margin:0 auto;  position: relative; zoom: 1; 
              width:92%;
			  
			  padding-top:5px;


}

.items-inner{ float:left;
              max-height:134px;
			  width:19.1%;
			  }
			  
			  
@media screen and (max-width: 400px){
	
	.items-inner{ float:left;
              max-height:134px;
			  width:17%;
			  
			  }
			  
	.flexslider h4{ font-size:11px;}
	
}
			  
			

			  
.items-inner img{ width:100%;
                  border:1px solid #c2c1c1;}
			  
.items-inner + .items-inner{margin-left:5px;}
			  
.items-inner  img{ width:100%;}

@media screen and (min-width: 1367px){
	
.items-inner{ float:left;
              max-height:auto;
              
			  width:19.1%;
			  
			  
			 }	
			 
	
.imagen-tecnico img {
  width: 75%;
}


header .logo{ 
                 float:left;
				 width:21%;
				  
				  padding:1%;
				  
				  }
				 
header .logo img{ width:75%;}

header #navigation{ 
              float:right;
			  width:76%;
			  position:relative;
   
				 
				 
				 }

			  
.items-inner img{ width:70%;
                  
                  border:1px solid #c2c1c1;}
				  
				  

	
	
}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px;  margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; 


color:#e7e7e7;
}
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px;  }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; 
                               width:15px; height:50px;
							   background:url(../img/left.jpg) no-repeat;
							   border-radius:5px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; 
                               width:15px; height:50px;
							   background:url(../img/right.jpg) no-repeat; 
							   border-radius:5px;
							   }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block;  }
.flex-direction-nav a.flex-next:before  {  }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before {  }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 0px; text-align: center;}

@media screen and (min-width: 1367px) {
	
.flex-control-nav {width: 100%; position: absolute; bottom: -24px; text-align: center;}
	
}

.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}


}

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

	
	
}


@media screen and (min-width: 1367px) {
	
	
	#garantias{ width:85%;
	           margin:0 auto; }
	
	
	
}

@media screen and (max-width: 960px) {
#navigation nav{display:none;}
.menu-movil{ display:block;
             position:absolute;
			 top:0%;
			 right:0;
			 z-index:3000;
			 width:200px;
			 background:#f5f5f5;
			 padding-top:0%;
			 
			
			 
			 }
			 
			 
.menu-movil ul { 
                 background:#f5f5f5;
				  
				 
				 
				 }
				 
.menu-movil ul li{ 
                    padding:0;
					margin:0; }
					
.menu-movil ul.subnavegador{ background:#5a554f;} 

.menu-movil ul.subnavegador li a {display:block;
                                  padding:12px 4px 12px 4px;
								  color:#FFF;
								  text-transform: uppercase;}
								  
.menu-movil ul.subnavegador li a:hover{ background:#f3b500;}
			 
			 
.menu-movil img{ width:68.7px;
                 }

.menu-movil p{position:absolute;
             top:0;
			 left:60px;
			  padding-top:0%;
			  padding-left:1.1%;
			  
}	
}

  p.telefono{ 
    color: #f3bb0f;
  background:url(/img/telefono.png) no-repeat left 4px;
          background-size:35px;
              padding-left:31px;
			  padding-bottom:9px;
             font-weight:bold;
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:32px;
			 position:absolute;
			 right:0;
			top:80px;
			}
@media screen and (max-width: 1003px) {
  p.telefono{
             font-weight:bold;
			 background-size:30px;
			 padding-bottom:0px;
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:26px;
			 position:absolute;
			 right:0;
			 top:70px;
			}	
			

header nav {
  background: url(/img/men.png) no-repeat 68% 30px;
  background-size:80px;
}
}
			
@media screen and (max-width: 960px) {
	
	
}

@media screen and (min-width: 1367px) {
header nav{ background: url(/img/men.png) no-repeat 85% 17px ;
}	
}




#circulo { 
   width: 70px;
   height: 70px;
   background:#008040; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;  
   overflow:hidden;
   text-align:center;
   float:left;
   
}

.autor{ float:left;
        padding-left:20px;
		padding-top:20px;
		font-size:15px;
		margin-bottom:12px;}
#circulo img{width:100%;}

.valoracion{text-align:left;}
.opinion-face{position:relative; top:9px; left:8px;}
.opiniones{text-align:left;
            
    border-radius: 5px;
    padding: 3%;
    border: 1px solid #e6e6e6;
	margin:4% 0;
	box-shadow: inset #d5e8ff 0 0 40px;}

.comentario, .replica{ border:1px solid #dfdedf;
                      margin-top:14px;
					  border-radius:4px;
					  padding:1.5%;}
					  
.replica{border:none; background:#f3f3f3;}
					  
.replica{width:70%; float:right; }
					  
.comentario{margin-top:5px;
 position:relative;
 border-top:none;
 padding-top:30px;}
.comentario .bocadillo{position:absolute; top:0; left:-1px; width:100.240%;}

.opiniones{text-align:left;}
@media screen and (max-width: 600px) {


.opiniones + .opiniones{margin-top:45px;}	
}


.valoracion, div.descripcion {font-family: "Times New Roman", Times, serif;}
span.esp-font{font-size:12px;}

img.es{position:relative; top:12px;}

.boton-esp {   background: #f8ba3b;
  padding: 8px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 8px;
  cursor: pointer;
  display:block;
  width:50%;
  float:right;
  margin-top:4%;
  }
  
  
 @media screen and (max-width: 1290px) {
	
	.comentario .bocadillo{display:none;}
	
	.comentario{margin-top:5px;
 position:relative;
 border-top:1px solid #dfdedf;
 padding-top:30px;}
	
}

@media screen and (max-width: 600px) {
	
		.comentario{margin-top:-10px;
 position:relative;
 border-top:1px solid #dfdedf;
 padding-top:8px;}
	
}

@media screen and (min-width: 1367px) {
	
		.comentario{margin-top:5px;
 position:relative;
 
 padding-top:50px;}
	
}

@media screen and (max-width: 500px) {
	
	.valoracion *{display:block;}
	.valoracion img{display:inline;}
	.valoracion{text-align:center;}
	
	img.es{position:relative; top:0px;}
	#circulo { 
   width: 70px;
   height: 70px;
   background:#008040; 
   -moz-border-radius: 70px; 
   -webkit-border-radius: 70px; 
   border-radius: 70px;  
   overflow:hidden;
   text-align:center;
   float:none;
   margin:0 auto;
   
}
	
}


@media screen and (max-width: 410px) {
.menu-movil img{ width:37px; 
                 }	
				 
.menu-movil{
			 width:120px;
			
			 
 }
 
.menu-movil p{position:absolute;
             top:0;
			 left:40px;
			  padding-top:0%;
			  padding-left:1.1%;
			  
} 
}


/*slider central*/