/*
Theme Name: Alfret
Description: Tema para WordPress.
Author: Alfret
Author URI: http://www.facebook.com/alfret.cc
version: 2.8.1
Tags: tema, alfret
*/



/*Fonts*/
@font-face {font-family: 'NeuroPolX'; src: url('fonts/neuropol-x-free.otf') format('opentype');}
@font-face {font-family: 'NeuroPolX'; src: url('fonts/neuropol-x-free.eot');}
@font-face {font-family: 'NeuroPolX'; src: url('fonts/neuropol-x-free.ttf') format('truetype');}
@font-face {font-family: 'NeuroPolX'; src: url('fonts/neuropol-x-free.woff');}
@font-face {font-family: 'NeuroPolX'; src: url('fonts/neuropol-x-free.svg');}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap');

*{margin:0; padding:0;}

body{font-size: 16px; margin: 0; font-family: 'Roboto', sans-serif;}

img{border: none; padding:0; max-width:100%; height:auto;}
img a{border:none;}

.alignleft{float: left; border: none; margin: 0 10px 10px 0;}
.alignright{float: right; border: none; margin: 0 0 10px 10px;}
.aligncenter{display:block; margin:0 auto 10px;}
.const{background: url(images/const.png) no-repeat center top; padding-top: 175px;text-align: center !important;}

/* links */
a{color:#0066cc; text-decoration:none;}
a:hover{text-decoration: none; color:#000;}
p:empty{display: none;}
ul{list-style: none;}

/* container */
.container {max-width:1200px;margin: 0 auto;padding:0;}
.container2 {max-width:1300px;margin: 0 auto;padding:0;}

h1, h2, h3{font-family: 'NeuroPolX'; font-weight: normal;}

header{background-color: #001258;}
#Banner{position: relative; background-color: #000; line-height: 0;}
.banner h2{display: none;}
.ImgInterna{opacity: 0.5;}

#MenuTop{position: absolute; width: 100%; background: #001258d9; z-index: 10; line-height: normal;}
.menu-top{}
.menu-top h2{display: none;}
.menu-top ul{list-style: none; text-align: center; letter-spacing: -1px; word-spacing: -1px; font-size: 0;}
.menu-top ul li{display: inline-block; letter-spacing: 0; word-spacing: 0; font-size: 17px; text-transform: uppercase; font-weight: 300; margin: 0 20px; vertical-align: top;}
.menu-top ul li a{color: #fff; display: block; border-top: solid 3px transparent; padding: 18px 4px;}
.menu-top ul li:first-child a, .menu-top ul li:last-child a{padding: 25px 4px;}
.menu-top ul li a:hover{border-top: solid 3px #D50006;}
.menu-top ul li.current-menu-item a{border-top: solid 3px #D50006;}
.menu-top ul li a span{display: block;}

.BoxServicios{background-color: #001258; padding: 70px 20px 10px; box-sizing: border-box; position: relative;}
.BoxServicios::before{position: absolute; bottom: 0; left: 0; content: ''; background-color: #001258; height: 200px; width: 100%;}
.ItemServicios{background-color: #001258; padding: 80px 100px 40px; box-sizing: border-box; position: relative;}
.BoxTitle{text-align: center; color: #fff; margin-bottom: 60px;}
.BoxTitle h2{text-transform: uppercase; font-weight: normal; font-size: 30px; margin-bottom: 20px;}
.BoxServicios p{font-weight: 300;}

.BoxItem{margin-bottom: 35px;}

.BoxItemInmo{width: 49.5%; display: inline-block; vertical-align: top; background: url('images/icon-inmobiliaria.png')left top no-repeat; color: #fff; padding: 0px 0px 2px 95px; box-sizing: border-box;}
.BoxItemInmo h3{font-size: 18px;}
.BoxItemInmo p{margin: 20px 0;}
.BoxItemInmo a{background: #D50006; color: #fff; text-transform: uppercase; display: table; font-size: 19px; padding: 6px 40px; position:relative;}
.BoxItemInmo a::before{content:''; position:absolute; top:0; left:0; width:0; height:100%; background:rgba(255,255,255,0.3); transition:all 0.8s ease;}
.BoxItemInmo a:hover::before{width:100%;}

.BoxItemVal{width: 49.5%; display: inline-block; vertical-align: top; background: url('images/icon-valorizaciones.png')left top no-repeat; color: #fff; padding: 0px 0px 2px 95px; box-sizing: border-box;}
.BoxItemVal h3{font-size: 18px;}
.BoxItemVal p{margin: 20px 0;}
.BoxItemVal a{background: #D50006; color: #fff; text-transform: uppercase; display: table; font-size: 19px; padding: 6px 40px; position:relative;}
.BoxItemVal a::before{content:''; position:absolute; top:0; left:0; width:0; height:100%; background:rgba(255,255,255,0.3); transition:all 0.8s ease;}
.BoxItemVal a:hover::before{width:100%;}

.BoxItemArqui{width: 49.5%; display: inline-block; vertical-align: top; background: url('images/icon-arquitectura.png')left top no-repeat; color: #fff; padding: 0px 38px 2px 95px; box-sizing: border-box;}
.BoxItemArqui h3{font-size: 18px;}
.BoxItemArqui p{margin: 20px 0;}
.BoxItemArqui a{background: #D50006; color: #fff; text-transform: uppercase; display: table; font-size: 19px; padding: 6px 40px; position:relative;}
.BoxItemArqui a::before{content:''; position:absolute; top:0; left:0; width:0; height:100%; background:rgba(255,255,255,0.3); transition:all 0.8s ease;}
.BoxItemArqui a:hover::before{width:100%;}

.BoxItemRest{width: 49.5%; display: inline-block; vertical-align: top; background: url('images/icon-restauraciones.png')left top no-repeat; color: #fff; padding: 0px 0px 2px 95px; box-sizing: border-box;}
.BoxItemRest h3{font-size: 18px;line-height: 23px;}
.BoxItemRest p{margin: 20px 0;}
.BoxItemRest a{background: #D50006; color: #fff; text-transform: uppercase; display: table; font-size: 19px; padding: 6px 40px; position:relative;}
.BoxItemRest a::before{content:''; position:absolute; top:0; left:0; width:0; height:100%; background:rgba(255,255,255,0.3); transition:all 0.8s ease;}
.BoxItemRest a:hover::before{width:100%;}

.BoxItemRest2{width: 49.5%; display: inline-block; vertical-align: top; background: url('images/icon-restauraciones2.png')left top no-repeat; color: #fff; padding: 0px 38px 2px 95px; box-sizing: border-box;}
.BoxItemRest2 h3{font-size: 18px;}
.BoxItemRest2 p{margin: 20px 0;}
.BoxItemRest2 a{background: #D50006; color: #fff; text-transform: uppercase; display: table; font-size: 19px; padding: 6px 40px; position:relative;}
.BoxItemRest2 a::before{content:''; position:absolute; top:0; left:0; width:0; height:100%; background:rgba(255,255,255,0.3); transition:all 0.8s ease;}
.BoxItemRest2 a:hover::before{width:100%;}

.BoxItemOtros{color: #fff; width: 49.5%; display: inline-block; padding: 38px 38px 2px 95px; box-sizing: border-box;}
.BoxItemOtros p{font-size: 30px;}
.BoxItemOtros img{vertical-align: middle; margin-right: 15px;}

.content-home{background: #001258; padding: 100px 20px; box-sizing: border-box; color: #fff; font-weight: 300;}
.content-home article{text-align: center;}
.content-home article h1{text-transform: uppercase; font-size: 30px; margin-bottom: 25px; position: relative; padding-bottom: 10px;}
.content-home article h1 strong{color:#D50006;}
.content-home article h1::before{position: absolute; content: ''; width: 120px; height: 4px; background-color: #D50006; bottom: 0; left: 50%; transform: translateX(-50%);}
.content-home article p{margin-bottom: 12px;}

.content-page{padding: 60px 0;}
.content-page article{}
.content-page article h1{text-align: center; text-transform: uppercase; font-size: 25px; color: #000; position: relative; padding-bottom: 15px; margin-bottom: 25px;}
.content-page article h1::before{position: absolute; content: ''; width: 120px; height: 4px; background-color: #D50006; bottom: 0; left: 50%; transform: translateX(-50%);}
.content-page p{font-weight: 300; line-height: 27px; margin-bottom:14px;}
.BoxContentServicio{/*text-align: center;*/ padding: 50px 0; letter-spacing: -1px; word-spacing: -1px; font-size: 0;}
.BoxItemServicio{width: 33.33%; display: inline-block; vertical-align: top; letter-spacing: 0; word-spacing: 0; font-size: 18px; text-transform: uppercase; font-weight: bold; padding: 10px 18px 40px 75px; box-sizing: border-box; text-align:left; background:url('images/logo-red-metrika-bg.png') left 5% no-repeat;}
.BoxItemServicio p{font-weight: bold;}
.BoxItemServicio ul{list-style: square; text-align: left; margin-top: 15px;}
.BoxItemServicio ul li{text-transform: none; font-weight: 300; margin-bottom: 15px;}

.BoxNumeros{background-color: #13181D; padding: 100px 20px; box-sizing: border-box; display:none;}
.BoxNumeros .container{text-align: center; letter-spacing: -1px; word-spacing: -1px; font-size: 0;}
.BoxItemNumero{width: 25%; letter-spacing: 0; word-spacing: 0; font-size: 80px; font-weight: bold; display: inline-block; vertical-align: top; text-align: left; color: #fff;}
.BoxItemNumero h3{font-size: 20px; font-family: 'Roboto',sans-serif; text-transform: uppercase; letter-spacing: 1px; position: relative; padding-top: 20px;}
.BoxItemNumero h3::before{position: absolute; content: ''; width: 70px; height: 4px; background-color: #D50006; top: 0; left: 0%;}

#BoxProyectos{text-align: center; letter-spacing: -1px; word-spacing: -1px; font-size: 0;}
.ItemProyecto{display: inline-block; letter-spacing: 0; word-spacing: 0; font-size: 16px; vertical-align: top; width: 25%; background-color: #000; position: relative; line-height: 0; transition-duration: 0.5s;}
.BoxText{position: absolute; width: 100%; top: 50%;  left: 50%;  padding: 20px 70px; box-sizing: border-box; line-height: normal; color: #fff; font-weight: 300; transform: translate(-50%,-50%); display: none;}
.ItemProyecto img{transition-duration: 0.5s;}
.ItemProyecto:hover img{opacity: 0.7;}
.ItemProyecto:hover .BoxText{display: block;}
.BoxText h3{text-transform: uppercase; font-size: 20px; position: relative; padding-bottom: 5px; margin-bottom: 10px;}
.BoxText h3 a{color: #fff;}
.BoxText h3::before{position: absolute; content: ''; width: 60px; height: 3px; background-color: #D50006; bottom: 0; left: 50%; transform: translateX(-50%);}
.ReadMore{background: #D50006; color: #fff; text-transform: uppercase; display: table; font-size: 19px; padding: 6px 40px; position:relative; margin: 12px auto;}
.ReadMore:hover{color: #fff;}
.ReadMore::before{content:''; position:absolute; top:0; left:0; width:0; height:100%; background:rgba(255,255,255,0.3); transition:all 0.8s ease;}
.ReadMore:hover::before{width:100%;}

.BoxFormulario{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); margin: auto; padding: 40px; box-sizing: border-box;}
.BoxFormulario .Box60{width: 60%; float: left; padding: 0 20px 0 0; box-sizing: border-box;}
.BoxFormulario .Box60 ul{list-style: none; text-align: center; margin: 10px 0;}
.BoxFormulario .Box60 ul li{ background: #e0e0e0; margin: 5px 0; padding: 7px 0;}
.BoxFormulario .Box40{width: 50%;/* float: right; */padding: 0 0 0 20px;box-sizing: border-box;margin: auto;}
.BoxFormulario .Box40 p{padding: 2px 0;}
.BoxFormulario .Box40 input[type="text"], .BoxFormulario .Box40 input[type="email"]{width: 100%;line-height: 25px;border-radius: 4px;display: block;padding: 5px;border: none;box-shadow: 0px 0px 2px 2px rgba(100, 100, 100, 0.3);margin-bottom: 5px;box-sizing: border-box;}
.BoxFormulario .Box40 textarea{width: 100%; line-height: 25px; border-radius: 4px; display: block; border: none; box-shadow: 0px 0px 2px 2px rgba(100, 100, 100, 0.3); margin-bottom: 5px; max-height: 200px;}
.BoxFormulario .Box40 input[type="submit"]{background-color: #D50006; display: table; color: #fff; font-size: 14px; cursor: pointer; font-weight: bold; border: none; padding: 13px 20px; border-radius: 3px;}

/********************* FOOTER *********************/
#Footer{background: #001258; padding: 70px 20px; box-sizing: border-box;}
.metrika-footer{width: 17%; float: left; text-align: center;}
.metrika-footer h2{display: none;}
.metrika-footer h4{font-size: 12px; color: #fff; font-weight: 300; margin: 40px 0 10px;}
.metrika-footer img{margin: 0 3px;}

.datos-footer{width: 25%; color: #fff; float: left; margin: 0 2% 0 6%;}
.datos-footer h2{font-family: 'Roboto',sans-serif; text-transform: uppercase; color: #D50006; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.datos-footer ul{}
.datos-footer ul li{font-weight: 300; background: url('images/location.png')left top no-repeat; padding: 0px 2px 0px 35px; margin-bottom: 25px; line-height: 25px;}
.datos-footer ul li+li{background: url('images/phone.png')left top no-repeat;}
.datos-footer ul li+li+li{background: url('images/mail.png')left top no-repeat;}
.datos-footer ul li a{color: #fff;}

.menu-footer{width: 25%; float: left;}
.menu-footer h2{font-family: 'Roboto',sans-serif; text-transform: uppercase; color: #D50006; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.menu-footer ul{list-style: none;}
.menu-footer ul li{font-weight: 300; margin-bottom: 17px;}
.menu-footer ul li a{color:#fff;}

.horarios{width: 21%; float: right; color: #fff;}
.horarios h2{font-family: 'Roboto',sans-serif; text-transform: uppercase; color: #D50006; font-size: 20px; font-weight: bold; margin-bottom: 20px}
.horarios p{font-weight: 300; margin-bottom: 15px;}

#Copyright{background-color: #262626; text-align: center; color: #fff; font-size: 11px; padding: 5px 0;}
#Copyright a{color: #fff;}
#Copyright img{vertical-align: middle;}

.clear{clear:both;}
.clear:after{clear:both;display: block; content:""; height: 0; visibility: hidden;}

@media(max-width:768px){
    .alignleft, .alignright{display: block; margin: auto auto 10px;float: none;}
	
	 /*Menu*/
    #wprmenu_bar{height: 73px!important; border-bottom: solid 4px #D50006; z-index: 10000!important;}
    #wprmenu_bar .menu_title{top:-19px!important; left:50%; transform:translateX(-50%);}
    #wprmenu_bar .menu_title a{}
    #wprmenu_bar .bar_logo{min-height: 60px; padding: 0!important;}
    #wprmenu_bar div.hamburger{margin-top: 11px!important;}
    #mg-wprm-wrap.cbp-spmenu-left, #mg-wprm-wrap.cbp-spmenu-right{top: 73px!important;}
    #wprmenu_bar .menu_title{font-size: 16px!important; padding-top: 14px;}
    #mg-wprm-wrap{padding-top: 30px;}
	
	header{display:none;}
	#Banner{margin-top:30px;}
	#Banner .ImgInterna{min-height:180px; object-fit:cover;}
	
	.ItemServicios{padding:40px;}
	.BoxItemNumero{font-size:55px;}
	.ItemProyecto{width:50%;}
	
	.content-page{padding:20px; box-sizing:border-box;}
	.BoxItemServicio{width:50%;}
	.BoxFormulario .Box60, .BoxFormulario .Box40{width:100%; padding: 0 0 10px;}
	
	/*Footer*/
	.metrika-footer, .datos-footer, .menu-footer,.horarios{width:50%; margin:0;}
}
@media(max-width:480px){
	.BoxItem{width:100%;}
	.BoxItemOtros{padding:38px 14px 2px 36px;}
	.BoxItemNumero{width:50%;}
	.BoxText{padding:10px;}
	
	.BoxItemServicio{width:100%;}
	
	/*Footer*/
	.metrika-footer, .datos-footer, .menu-footer,.horarios{width:100%; margin:0 0 12px;}
}