@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	}
body{
	font-family: 'Oxygen', sans-serif !important;
	font-size:15px !important;
	font-weight:400 !important;
	overflow-x:hidden;	
	}
.row{
	width:100% !important;}	
#cabeza{
	height:130px;
	position:relative;
	}		
h1{
	width:130px;
	height:98px;
	
	}
h1 a{
	color:rgba(0,0,0,0) !important;
	text-decoration:none !important;
	width:130px;
	height:98px;
	display:block;
	background:url(../img/logos/logo-horeb.png) no-repeat center;
	}	
h1 a:hover{color:rgba(0,0,0,0) !important;}	
h2{
	color:#000 !important;
	text-transform:uppercase;
	font-weight:700 !important;
	font-size:1.2em !important;
	letter-spacing:.1em !important;
	text-align:left !important;
	line-height:1.6em !important;}	
h3{
	font-size:14px !important;
	font-weight:700 !important;
	letter-spacing:.2em !important;
	color:#000 !important;
	margin:35px 0px !important;
	}
h4{
	font-size:16px !important;
	font-weight:700 !important;
	color:#67a8ce !important;
	}	
h5{
	font-size:15px !important;
	color: #67a8ce !important;
	font-weight:700 !important;
	}
h6{
	color:#4b76ab !important;
	text-transform:uppercase;
	font-weight:700 !important;
	font-size:1.2em !important;
	letter-spacing:.1em !important;
	text-align:left !important;
	line-height:1.6em !important;}

a:hover{
	/*rgba(255, 255, 255, .5)*/
	color:#67a8ce !important;
	border-bottom:none !important;
	text-decoration:none !important;
	}
.gris{
	color:#aaa !important;
	}		
.gray{
	background:#F3F3F3;}
.gray-o{
	background:#666 !important;
	}	
.blue{
	background:#67a8ce;
	color:#fff;}
.blue2{
	color: #4b76ab;
}
#menu-sup{
	font-size:15px;
	font-weight:400;
	letter-spacing:.1em;
	text-transform:uppercase;
	text-align:center;
	position:absolute;
	z-index:1000;
	right:0px;
	top:0;
	}	
#menu-sup li{
	margin:0;
	display:inline-block;
	width:400px;
	height:25px;
	}	
#menu-sup li a{
	line-height:25px;
	height:25px;
	display:block;
	background:#67a8ce;
	color:#fff;
		}	
#menu-inf{
	font-weight:400;
	font-size:15px !important;
	text-transform:uppercase;
	margin-top:50px;
	}				
#menu-inf li a{
	border-right:solid 1px #000;
	padding:0 40px;
	color:#000;
	}		
#menu-inf li a:hover{
	color:#67a8ce !important;
	background:transparent;
	}
#menu-inf li:last-child a{ border-right:none;	}
a.active{
	color:#67a8ce !important;
	}
#portafolio h2{
	color:#67a8ce!important;
	margin:30px 0 !important;
	}
#margen{
	padding:0 25px;}		
.servicio{
	text-align:center;
}	
.servicio a{
	text-decoration:none;
	color:#000;
	}
.servicio a:hover{
	text-decoration:none;
	color:#67a8ce;
	}			
#portafolio .servicio{
	height:200px;
	}
#portafolio .servicio img{
	margin:30px 0;
	}
#desplegable{
	border:none;
	border-top:solid 1px #aaa;
	width:100%;
	margin-top:30px;
	background: none;
	}
.pie{
	text-align:center;
	text-transform:uppercase;
	padding:10px 0px;}	
.pie li{
	margin-bottom:5px;
	}
#pie-izq{
	text-align:left;
	}
.pie .container div{
	vertical-align:middle;
	height:15px;
	border-right:solid 2px #fff;
	}
#pie-contacto{
	border-right:none;
	border-bottom:none;
	}
.pie a{
	color:#fff;
	}	
#pie-contacto ul li{
	display:inline-block;
	}	
.navbar-toggle{
	margin-top:50px !important;}
#footer{
	text-align:center;
	height:160px;
	background:#444242;
	}	
#footer div{
	height:90px;
	padding:20px;
	color:#fff;
	font-size:14px;
	}
#texto{
	padding:40px 25px;
	text-align:justify;
	}
.t-centro{
	text-align:center !important;
	margin-bottom:50px !important;
	}
#texto p{
	margin-bottom:30px;
	}
#alianza{
	padding-bottom:50px;}	
#alianza img, .clientes img{
	height:70px;
	margin:40px 0px;
	padding:5px 0;
	}	
.imag{
	margin:0;
	text-align:center;}	
.well{
	background:#fff !important;
	}	
.clientes{
	margin-bottom:50px;
	}
.imagen-titulo{
	margin-right:50px;
	margin-bottom:20px;
	display:inline-block;
	}
#formulario{
	margin-bottom:40px;
	}
#formulario label, #formulario input, #formulario textarea{
	vertical-align:top;
	margin:10px 0;}
#formulario label{
	width:30%;
	}
#formulario input, #formulario textarea{
	border: 1px solid #aaa;
	width:70%;
	}	
#formulario textarea{
	resize:none;
	height:200px;
	}	
#enviar{
	background:#4B76AB;
	border:none !important;
	color:#fff;
	padding: 10px 10px;}
#enviar:hover{
	cursor: pointer
	}
.s-port ul{
	padding-left:25px;
	}
.s-port ul li{
	padding-left: 1em; 
    text-indent: -.7em;
	margin:10px 0;
	}	
.s-port ul li:before{
	content: "• ";
	color:#67a8ce !important;
	}
.download{
	height:100px;}
.list-box{
	margin:20px 0;
	}
.im-center{
	text-align:center;
	padding:160px 0;
	}
.img-center{
	text-align:center;
	}
.nube{
	margin:50px 0;
	}	
.ctaLink{
	text-align:center;
	display:block;
}
.ctaImg{
	width: 100%;
	max-width: 50px;
	height: auto;
}
	
	
@media (max-width:1199px){
	h1{
	margin-left:-30px !important;
	}
#menu-inf2{
	margin-right:-30px;
	}
}
@media (max-width:991px){
#menu-sup{
	font-size:13px;}	
#menu-sup li{
	width:270px;
	}	
#menu-inf li a{
	padding:0 20px;
	}
	}
@media (max-width:790px){
#menu-sup li{
	width:250px;
	}
#menu-inf li a{
	padding:0 15px;
	}	
	}
@media (max-width:765px){
#cabeza{
	height:150px;
	}			
h1{
	margin-left:0px !important;
	margin-top:35px !important;
	
	}		
#menusup{
		letter-spacing:0em;
}
#menu-sup{
	width:100%;
	}
#menu-sup li{
	width:49%;
	}
#myNavbar{
	z-index:99999;
	background:#FFF9F9;
	}
#menu-inf{
	margin-top:0;}	
#menu-inf li a{
	padding:10px 20px;
	border-right:none;
	border-top:solid 1px #000;	
	}	
.pie .container div{
	border-right:none;
	border-bottom:solid 2px #fff;
	margin:30px 0 !important;
	}
#pie-contacto{
	height:100px !important;
	}
#pie-izq{
	text-align:center;}
.list-box{
	padding-bottom:30px;
	}		
#footer{
	height:300px;}
.im-center{
	padding:10px 0 50px;
	}		
	}	
@media (max-width:550px){

#cabeza{
	height:180px;
	}
h1{
	margin-top:65px !important;
	}		
#menu-sup li{
	width:100% !important;
	}
#menu-sup li a{
	width:100% !important;
	}				
h1{
	text-align:center;}
.imag{
	width:100%;
	}