@charset "utf-8";
.display-pc{ display:inherit !important;}
/*********************************** MENU PRINCIPAL  *************************************************************/
.menu_top{  width:98%; height:auto; float:left; padding:1.5% 1%; background:#272b31;}
.datos_pag{  width:96%; height:auto; float:right; padding:2%; background:#2f343b; overflow:hidden;}
.logo{  width:30%; height:auto; float:left;}
.tel{  width:70%; height:auto; float:left; margin-top:2%;}

.tel_icono{  width:auto; height:auto; float:right; margin:1% 2% 0% 0%;}
.tel_nume{  width:auto; height:auto; float:right;}
.direcion{  width:60%; height:auto; float:left;}

#menu_botones_top{ width:40%; height:auto; float:left;}
#botones_top{ width:100%; height:auto; float:left; margin:0px; padding:0px; max-width:1250px;}
#botones_top li { display:inline; }
#botones_top li a {  
	font-family: titulo;
	font-size: 13px;
	color: #7c8599;
	text-decoration: none;	
	width:auto;
	float:left;
	-webkit-transition: background 1s, color 1s, text-shadow 1s, border-left 1s ;
	-webkit-transition-delay: 0.3s; 
	-moz-transition: background 1s, color 1s, text-shadow 1s;
	-moz-transition-delay: 0.2s;
	-ms-transition: background 1s, color 1s, text-shadow 1s;
	-ms-transition-delay: 0.2s;
	padding:0% 8% 0% 0%;
	}
#botones_top li a:hover{
	font-family: titulo;
	font-size: 13px;
	color: #fff;
	text-decoration: none;	
	width:auto;
	float:left;
	padding:0% 8% 0% 0%;
	 }	
#botones_top a:hover, #botones_top .active a{
	font-family: titulo;
	font-size: 13px;
	color: #fff;
	text-decoration: none;	
	width:auto;
	padding:0% 8% 0% 0%;
	float:left;
} 

#menu_botones{ width:100%; height:auto; float:left; background:#414751; overflow:hidden;}
#botones{ width:100%; height:auto; float:left; margin:0px; padding:0px; max-width:1250px;}
#botones li { display:inline; }
#botones li a {  
	font-family: titulo;
	font-size: 13px;
	color: #fff;
	text-decoration: none;	
	width:14.55%; /*original con 5 secciones: 17.8%*/
	padding:2% 0% 2% 2%;
	float:left;
	-webkit-transition: background 1s, color 1s, text-shadow 1s, border-left 1s ;
	-webkit-transition-delay: 0.3s; 
	-moz-transition: background 1s, color 1s, text-shadow 1s;
	-moz-transition-delay: 0.2s;
	-ms-transition: background 1s, color 1s, text-shadow 1s;
	-ms-transition-delay: 0.2s;
	border-left:#3a3a3a 1px solid;
	}
#botones li a:hover{
	font-family: titulo;
	font-size: 13px;
	color: #fff;
	text-decoration: none;	
	width:14.55%; /*original con 5 secciones: 17.8%*/
	padding:2% 0% 2% 2%;
	float:left;
	background:#2980b9;
	 }	
#botones a:hover, #botones .active a{
	font-family: titulo;
	font-size: 13px;
	color: #fff;
	text-decoration: none;	
	width:14.55%; /*original con 5 secciones: 17.8%*/
	padding:2% 0% 2% 2%;
	float:left;
	background:#2980b9;
} 
/*********************************** SUBMENU  *******************************************************************/
.submenu{  width:25%; height:auto; float:left; margin-right:2%; }
.titulo_submenu{  width:100%; height:auto; float:left; padding:3% 0%; border-top:#2980b9 5px solid; border-bottom:#eeeeee 1px solid; margin-bottom:3%;}
#boton_submenu{ width:100%; height:auto; float:left; margin:0px; padding:0px; }
#boton_submenu li { display:inline; }
#boton_submenu li a {  
	font-family: normal;
	font-size: 12px;
	color: #414751;
	text-decoration: none;	
	width:95%;
	padding:4% 0% 4% 5%;
	float:left;
	-webkit-transition: background 1s, color 1s, text-shadow 1s, border-left 1s ;
	-webkit-transition-delay: 0.3s; 
	-moz-transition: background 1s, color 1s, text-shadow 1s;
	-moz-transition-delay: 0.2s;
	-ms-transition: background 1s, color 1s, text-shadow 1s;
	-ms-transition-delay: 0.2s;
	border-bottom:#eeeeee 1px solid;
	}
#boton_submenu li a:hover{
	font-family: normal;
	font-size: 12px;
	color: #2980b9;
	text-decoration: none;	
	width:95%;
	padding:4% 0% 4% 5%;
	float:left;
	 }	
#boton_submenu a:hover, #boton_submenu .active a{
	font-family: normal;
	font-size: 12px;
	color: #2980b9;
	text-decoration: none;	
	width:95%;
	padding:4% 0% 4% 5%;
	float:left;
}
.catalogo{  width:73%; height:auto; float:left;}
.titulo_int{ width:100%; height:auto; float:left; border-bottom:#eeeeee 1px solid; padding:0% 0% 2% 0%; margin-bottom:2%; }
.foto_int{ width:30%; height:auto; float:left; margin-right:2%;  }
.texto_int{ width:68%; height:auto; float:left;  }
/*********************************** ESLOGAN  ******************************************************************/
.eslogan{  width:100%; height:auto; float:left; margin:8% 0%; }
/*********************************** INDEX  ********************************************************************/
.caja_ini{ width:100%; height:auto; float:left;}
.ini_1{ width:32%; height:auto; float:left;  background:#3498db;}
.ini_2{ width:32%; height:auto; float:left; margin:0% 2%;  background:#3498db;}
.ini_foto{ width:100%; height:auto; float:left;  }
.ini_titulo{ width:70%; height:auto; float:left; padding:2%; background:#2f343b;  }
.ini_icono{ width:22%; height:auto; float:left; padding:5% 2% 0% 2%; }
.cajas{ width:100%; height:auto; float:left;}
.ini_4{ width:27%; height:auto; float:left; background:#fff; padding:2%; border:#eeeeee 1px solid; margin:4% 1% 0% 0%;}
.ini_5{ width:27%; height:auto; float:left; background:#fff; padding:2%; border:#eeeeee 1px solid; margin:4% 1% 0% 0%;}
.ini_6{ width:27%; height:auto; float:left; background:#fff; padding:2%; border:#eeeeee 1px solid; margin:4% 0% 0% 0%;}
/*********************************** NEGOCIO  *************************************************************/
.caja_cont_23{ width:100%; height:auto; float:left; margin:2% 0%;}

.inicio_titulo{ width:100%; height:auto; float:left; background:#31353d;  margin:4% 0%; }
.inicio_titulo_texto{ width:auto; height:auto; float:left; padding:2%; background:#3498db;   }

.cont_23{ width:22.8%; height:auto; float:left; margin:0% 1%; border:#eeeeee 1px solid;}
.cont_23_negocio{ width:29%; height:auto; float:left; margin:0% 2%; }
.cont_23_foto{ width:60%; height:auto; float:left; padding:20%; background:#fff;   }
.cont_23_texto{ width:90%; height:auto; float:left; padding:5%; background:#eeeeee;}
/*********************************** PIE  **********************************************************************/
.pie_24{ width:30%; height:auto; float:left; margin-right:1%;}
.pie_25{ width:22%; height:auto; float:left; margin-right:1%;}
.pie_26{ width:22%; height:auto; float:left; margin-right:1%;}
.pie_27{ width:22%; height:auto; float:left; }
/*********************************** NOSOTROS  *****************************************************************/

/*********************************** SERVICIOS  ****************************************************************/

/*********************************** PRODUCTOS  ****************************************************************/

/*********************************** CONTACTO  *****************************************************************/
#mapa{ width:60%; height:auto; float:left; margin-right:5%}
#direccion{ width:35%; height:auto; float:left; }

.casilla{ width:70%;  background:#fbfafa; border:#d2d2d2 solid 1px; padding:6px; }
.comentarios{ width:100%;  background:#fbfafa; border:#d2d2d2 solid 1px; padding:6px;  }
/*********************************** TIPOGRAFIAS  **************************************************************/
.Texto_dir {
	font-family: titulo;
	font-size: 14px;
	color: #7c8599;
	text-decoration: none;
}
.Titulo_top {
	font-family: normal;
	font-size: 15px;
	color: #2980b9;
	text-decoration: none;
}
.Titulo_top_white {
	font-family: normal;
	font-size: 25px;
	color: #fff;
	text-decoration: none;
}
.Titulo_banner {
	font-family: normal;
	font-size: 90px;
	color: #fff;
	text-decoration: none;
}
.Sub_Titulo_banner {
	font-family: normal;
	font-size: 40px;
	color: #fff;
	text-decoration: none;
}
.Texto {
	font-family: Arial;
	font-size: 12px;
	color: #414751;
	text-decoration: none;
	line-height: 21px;
}
.Titulo {
	font-family: titulo;
	font-size: 22px;
	color: #414751;
	text-decoration: none;
}
.Titulo_2 {
	font-family: normal;
	font-size: 17px;
	color: #414751;
	text-decoration: none;
}
.Sub_Titulo {
	font-family: titulo;
	font-size: 20px;
	color: #3498db;
	text-decoration: none;
}
.Sub_Titulo_2 {
	font-family: titulo;
	font-size: 15px;
	color: #414751;
	text-decoration: none;
}
.Titulo_pie {
	font-family: Arial;
	font-size: 16px;
	color: #3498db;
	text-decoration: none;
}
.Texto_pie {
	font-family: Arial;
	font-size: 12px;
	color: #959393;
	text-decoration: none;
	line-height: 19px;
}
.Texto_pie_azul {
	font-family: Arial;
	font-size: 12px;
	color: #3498db;
	text-decoration: none;
}