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

html, body { margin:0; padding:0;
	height: 100%;
}
#contenedor {
	min-height: 100%;
	height: auto !important;
	width: 100%;
	margin: 0 auto -180px;
}

header img{ max-width:100%;
                 height:auto;
           
		   }

#welc{ width:90%;
       padding-left:5%;
       padding-right:5%;
       padding-top:50px;
	   padding-bottom:30px;
       font-family:'Didact Gothic', sans-serif;
	   text-align:center;
	   color:#666;
	   }
	   
h1{ font-size:36px;}	   
	   
	   
.welco{ font-size:21px;} 
.col{ color:#2355a4}

#triangulo{ text-align:center; width:100%;
            font-family:'Didact Gothic', sans-serif;
			font-size:36px;
			 color:#666;
			 }
.lineas{ margin-bottom:10px}			 
#triangle-down {
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 50px solid #2355a4;
	margin: 0 auto;
}

#lineas_servicio{ background-image:url(images/fondo_lineas.jpg);
                  background-repeat:no-repeat;
				  background-position: center center;
				  width:100%;
				  height: auto;
				   }
				   
				   
#texto_lineas{  color:#FFF;
				font-family:'Didact Gothic', sans-serif;
				text-align:center;
				font-size:22px;
				width:90%;
                padding-left:5%;
                padding-right:5%;
				padding-top:40px;
				
				  }		
				  
#dos_lineas{ width:70%;
             height:300px;
             margin-left:auto;
			 margin-right:auto;
			 margin-top:40px;
			 display:block;
			  padding-left:20px;
			  padding-right:20px;
			 
			 }
			 
	
			 
#climatizacion{ float:left;
                display:block;
                width:250px;
				height:250px;
				padding-bottom:30px;
				background-image:url(images/climatizacion_a.png);
				background-repeat:no-repeat}
				
#climatizacion:hover{ display:block;
                      float:left;
	                  width:250px;
				      height:250px;
				      background-image:url(images/climatizacion_b.png);
				      background-repeat:no-repeat}
								
				
#telecomunicaciones{ float:right;
                     display:block;
                     width:250px;
				     height:250px;
				     background-image:url(images/telecomunicaciones_a.png);
				     background-repeat:no-repeat}
				
#telecomunicaciones:hover{ display:block;
                      float:right;
	                  width:250px;
				      height:250px;
				      background-image:url(images/telecomunicaciones_b.png);
				      background-repeat:no-repeat}
				
				
#end{ width:94%;
      padding-left:3%;
      padding-right:3%;
	  padding-top:5%;
	  padding-bottom:35;
	  background-color:#E5E5E5;
	  height:350px;
	  display:block}
	  
#texto_end{font-family:'Didact Gothic', sans-serif;
           font-size:21px;
		   text-align:left;
		   color: #5F5F5F;
           width:500px;
           float:left;
		   display:block;
		   padding-bottom:30px}
		   
.sp_end{ font-size:32px;
         color:#2355a4}
		 
#instalacion {float:right;
		   display:block;
		   }
		   
#instalacion img {
     max-width:100%;
     height:auto;
}	   		 

#main{ width:90%;
       padding-left:5%;
       padding-right:5%;
       padding-top:40px;
	   padding-bottom:30px;
       font-family:'Didact Gothic', sans-serif;
	   text-align:left;
	   color:#666;
	   }
.tit{ font-size:28px;
         color:#2355a4;
		 border-bottom:1px dotted #666}
		 
.text{font-size:18px;}



.text img {
      
     max-width:100%;
     height:auto;
}


/*estilos para contacto*/
#contacto{ width:800px; margin-left:auto; margin-right:auto; margin-bottom:40px}
#texto{ width:82%; color:#666666;  font-family:'Didact Gothic', sans-serif; text-align:left; font-size:18px; margin-bottom:40px; display:block}
#contact_form {padding:25px;}
#cont{color:#666666;  font-family:'Didact Gothic', sans-serif; text-align:left; font-size:16px;}
#ff label {cursor:pointer;margin:4px 0;display:block; font-size:14px; color:#666666}

input {	display:block;width:90%;background-color:#f4f4f4; color:#000;padding:10px;	margin-bottom:13px; border:0}

textarea {display:block;width:90%;height:100px; background-color:#f4f4f4; color:#000;padding:10px;	margin-bottom:13px; border:0}

.sendButton {cursor:pointer;background-color: #2355a4;color:#ffffff;width:100px; float:right; margin-right:70px}
.sendButton:hover {	opacity: 0.7;}


#info_contacto{width:96%; color:#666666; margin-top:25px; padding-left:2%; padding-right:2%; padding-bottom:30px; background-color:#EAEAEA; padding-top:30px}

.tit2{
	margin-bottom: 15px;
	font-size:18px;
	border-bottom:2px solid #2355a4}

 .rss2 {
   margin: 0;
   padding: 0;
   list-style-type: none; font-size:16px
 
}
.rss2 li {
   
   padding: 0 0 10px 10px;
}
	
.rss2 li span{ margin-right:10px; font-size:18px; position:relative; top:3px; color:#2355a4}

 .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
	
#servicios .bloque{
    display: block;
	float:left;/* Es esencial para que se muestren los bloques en línea */
    height:400px;
    width: 300px;
    background: #EBEBEB;
    margin:20px;
}

#servicios .bloque2{
    display: block;
	float:left;/* Es esencial para que se muestren los bloques en línea */
    height:490px;
    width: 300px;
    background: #EBEBEB;
    margin:20px;
}

#icon{ width:65px;
       height:65px;
      display:block;
	  margin-left:auto;
	  margin-right:auto;
	  padding-top:20px;}
	  
.name{font-family:'Didact Gothic', sans-serif;
font-size:18px;
text-align:center;
display:block;
margin:0px;
padding:0px;
margin-bottom:10px}	  
	  
.servicios_text{color:#666666;
           font-family:'Didact Gothic', sans-serif;
		   text-align:left;
		   font-size:16px;
		   padding-left:15px;
		   padding-right:15px;
		   display:block;
		  }
#text_serv{color:#666666;
           font-family:'Didact Gothic', sans-serif;
		   text-align:left;
		   font-size:18px;
		   clear:both;
		  padding-top:40px}	  
		  
#dos_lineas2{ width:800px;
              padding-left:20px;
			  padding-right:20px;
			  margin-left:auto;
			  margin-right:auto;
			  margin-top:60px;}
			  
#linea1{ float:left; padding-bottom:40px}
#linea2{ float:right}
#linea3{ float:right}

#linea1 img{  max-width:100%;
          height:auto;}
	 
#linea2 img{  max-width:100%;
          height:auto;}
		  
#linea3 img{  max-width:100%;
          height:auto;}		  
		   
#footer{
	height: 180px;
	background-color:#333333;
	margin-top:50px;
	display:block;
	color: #FFFFFF;
	font-family:'Didact Gothic', sans-serif
	
}

#derechos {
	width: 280px;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	color: #FFFFFF;
	font-size: 11px;
	text-align: center
}
#menu_footer {
	width: 250px;
	float: left;
	margin-left: 40px;
	margin-top: 30px;
	
}

.titulo_menu_footer {
	font-size: 16px;
	height: 10px;
	line-height: 10px;
}

#item_menu {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px dotted #999;
	font-size: 11px;
	color: #FFFFFF
}



/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles */

nav {
	height:40px;
	width: 100%;
	background: #333;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	border-bottom: 2px solid #283744;
	z-index:1000
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 800px;
	height: 40px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #fff;
	display: inline-block;
	width: 200px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	
}
nav li a {
	border-right: 1px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #2355a4;
}
nav a#pull {
	display: none;
}
#mantencion{ background-image:url(images/mantencion.jpg);
 background-repeat:no-repeat;
 background-position:center;
 height:400px; width:366; 
 margin-left:auto; margin-right:auto}
 
 
 .ul{list-style-type: square;color:#2355a4}
 .il{margin-bottom:10px}
 
 /* estilos para seccion marcas */
#marcas_caja {
	text-align: center;
	margin-top: 30px
}
#marcas_caja .bloque {
	display: inline-block;	/* Es esencial para que se muestren los bloques en línea */
	
	margin: 20px;
	
}

#marcas_caja .bloque img {
     max-width:100%;
     height:auto;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 1000px) {
	  
	
	#footer {
	width: 100%;
}
#derechos {
	width: 25%
}
#menu_footer {
	width: 25%
}		  

#texto_end{ width:94%;
            font-size:16px;
			margin-left:auto;
			margin-right:auto;
}
 .sp_end{ font-size:21px;}
 #end{ height:550px}
 
  #contacto{ width:80%;}
 #dos_lineas2{ width:70%;
              padding-left:20px;
			  padding-right:20px;
			 } 
			 
			 
  
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
#servicios .bloque{
        display: block !important;  /* Cuando el ancho sea inferior a 800px el elemento será un bloque */
        width: auto !important;
		height: auto !important;
    }
	
#servicios .bloque2{
        display: block !important;  /* Cuando el ancho sea inferior a 800px el elemento será un bloque */
        width: auto !important;
		height: auto !important;
    }	
#text_serv{
		   font-size:16px;
		   clear:both;
		  padding-top:20px}						  
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #283744;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	
#lineas_servicio{ background-image:url(images/fondo_lineas.jpg);
                  background-repeat:no-repeat;
				  background-position: center center;
				  width:100%;
				  height:auto;
				   }
				   
#dos_lineas{ text-align:center !important;
}				   
		   
				   
#climatizacion{ float:left;
                display:block;
                width:180px;
				height:180px;
				padding-bottom:30px;
				background-image:url(images/climatizacion_2a.png);
				background-repeat:no-repeat;
				
				
				}
				
#climatizacion:hover{ display:block;
                      float:left;
	                  width:180px;
				      height:180px;
				      background-image:url(images/climatizacion_2b.png);
				      background-repeat:no-repeat;
					  
				}
					  
#telecomunicaciones{ float:right;
                     display:block;
                     width:180px;
				     height:180px;
				     background-image:url(images/telecomunicaciones_2a.png);
				     background-repeat:no-repeat;
					 
					
					}
				
#telecomunicaciones:hover{ display:block;
                      float:right;
	                  width:180px;
				      height:180px;
				      background-image:url(images/telecomunicaciones_2b.png);
				      background-repeat:no-repeat;
					  
					 }
h1{ font-size:21px;}

.tit{ font-size:21px;
      }
					 
.welco{ font-size:16px;} 					 
#welc{ padding-top:20px;
 padding-bottom:10px;
	  }
	  
#texto_lineas{font-size:18px;}	 
.text img { margin-bottom:30px;
}

		#footer{ height:400px}
	
	#menu_footer {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%
}
#derechos {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%
}

#mantencion{ background-image:url(images/mantencion2.jpg);
 background-repeat:no-repeat;
 background-position:center;
 height:200px; width:200; 
 margin-left:auto; margin-right:auto}

}



/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
	
	
#main{ 
       padding-top:20px;
	
	   }	
	#contacto{ width:100%;}	
	 .rss2 {
   font-size:15px
 
}
#texto{ font-size:16px;}
.text{font-size:16px;}
#contact_form {padding-top:0px;}
.tit2{
	font-size:16px;
	border-bottom:2px solid #2355a4}
}