/*-----------------------------------------------------------------------------------

	Theme Name: Klaus Child Theme - Retina Multi-Purpose WordPress Theme
	Theme URI: http://www.demo.alessioatzeni.com/klaus/
	Description: Klaus Theme for photostudio, creative or digital agency, frelancers, business. Based on a unique, clean & minimal design and packed with a tons of cool features.
	Author: Alessio Atzeni
	Author URI: http://www.alessioatzeni.com
	Version: 1.0
	Template: klaus

-------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	0.	Import style.css
/*-----------------------------------------------------------------------------------*/


@import url("../klaus/_include/css/color.css.php.css");
@import url("../klaus/_include/css/custom.css.php.css");
@import url("../klaus/_include/css/custom-fonts.css.php.css");

body{font-family:Raleway;font-size:16px;}
a{color:rgb(238, 36, 44);}
p, a, h1, h2, h3, h4, h5{font-family:Raleway;}
ul, ol{list-style:none;}
/*__HEADER CSS*/
.top-bar{background-color:#00ACF1;padding:5px 0px;}
.top-bar p{margin-bottom:0;color:white;font-size:13px;}
.top-bar i{margin-right:7px;}
.top-bar span{padding:0px 10px;}
.top-bar a{color:white;}
header{height:auto;padding:0px 0px 10px 0;}
header #logo a{line-height:1em;}
#logo{overflow:hidden;}
#menu > ul > li:after{content:none;}
#menu ul a{font-family: Open Sans;padding:0 20px;height:90px;transition:all .3s;}
	#menu ul a:hover{border-bottom:4px solid #ed2e2d;color:#ed2e2d;text-decoration:none;}
#menu ul li:last-child a{padding-right:25px;}
#title-page{display:none;}
p{line-height:1.5em;}

.box h4{margin-bottom:10px}

.tp-bgimg.defaultimg{
-webkit-box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,0.39);
-moz-box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,0.39);
box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,0.39);
}


#menu ul li.menu-item-language{margin-left:0;}
#menu ul li.menu-item-language a{padding:0 5px;}
#menu ul li.menu-item-language a img{border:1px solid #ccc}

.home .single-image img.aligncenter {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all  0.3s ease-in-out;
  -o-transition: all  0.3s ease-in-out;
  transition: all  0.3s ease-in-out;
}

.home .single-image img.aligncenter:hover{border:5px solid #f2f2f2 !important;}	

/*__SERVICIOS*/
.img-servicio{width:250px;height:250px;margin-bottom:20px !important;border-radius:50%;border:12px solid white;}
.btn-servicios{padding:8px 25px 8px;margin-top:20px;color:#7c8a8d;border-color:#7c8a8d;font-size:.8em;font-weight: bold;}
	.btn-servicios:hover{text-decoration: none;}
.title-section > h2{font-weight: bold;}
	.title-valores > h3{text-transform:uppercase;}
.valores-seguridad > h3{line-height:1.5em;}
.valores-seguridad > h3:before{content:"S";position:relative;display:inline-block;font-size:1.5em;text-align:center;padding-top:4px;margin-right:15px;color: #EE2E2C;width:50px;height:50px;border:2px solid #EE2E2C;}
.valores-medioambiente > h3:before{content:"M";position:relative;display:inline-block;font-size:1.5em;text-align:center;padding-top:4px;margin-right:15px;color: #EE2E2C;width:50px;height:50px;border:2px solid #EE2E2C;}
.valores-calidad > h3:before{content:"C";position:relative;display:inline-block;font-size:1.5em;text-align:center;padding-top:4px;margin-right:15px;color: #EE2E2C;width:50px;height:50px;border:2px solid #EE2E2C;}
.btn-informacion{color:rgba(100,100,100,1);border-color:rgba(100,100,100,1);}

/*__PROYECTOS*/
#top-galeria{border-top:2px solid #f2f2f2; border-bottom:2px solid #f2f2f2;-webkit-box-shadow:  0px 0px 16px 0px rgba(0,0,0,0.39);
-moz-box-shadow:  0px 0px 16px 0px rgba(0,0,0,0.39);
box-shadow:  0px 0px 16px 0px rgba(0,0,0,0.39);}
#top-galeria .col-md-3{padding:0;}
#top-galeria .single-image{height:100%;max-height:16.8em;overflow:hidden;}
#top-galeria .single-image img{height:100%;}
.portfolio-full #portfolio-filter.desktop-filter, .portfolio-full #portfolio-filter.mobile-filter{background:none;padding-top:0;padding-bottom:20px;}
.option-set{margin-left:10px;margin-top:20px;}
	.option-set > li{padding:5px 0px;}
	.option-set > li > a{color:#3a3a3a;font-weight: lighter;display:block;}
		.option-set > li > a:hover{color:#EE2E2C;font-weight: bold;text-decoration:none;}
.title-menu{font-weight: bold;margin-top:0;text-transform:uppercase;}
/*
.item-project .project-name{background:rgba(238,46,44,.8); display:block; height:60px; bottom:0; top:auto; padding:10px;}
*/
.item-project .project-name .va h3{font-size:0.9em; letter-spacing:0;  margin-top:0}

.project-title > h3{text-transform:uppercase;font-weight: bold;}
.item-project i{background:white;color:#fff;}
.link-activo{color:#EE2E2C !important;font-weight: bold !important;text-decoration:none !important;}
.page-id-1152 .bloque-portfolio{width:100%;padding:0;}
.page-id-1152 #portfolio-projects{margin:0;}
.item-project .hover-wrap img{height:100%;}
.portfolio-full #portfolio-filter.mobile-filter .dropmenu-active{background:#EE2E2C;border-color:#EE2E2C;}
.portfolio-full #portfolio-filter.mobile-filter .dropmenu-active ul li a{color:white;}
.portfolio-full .item-container{height:100%;}
.dropmenu-active ul li:last-child a{padding-bottom:0;}
.dropmenu-active ul li{border-top:1px solid rgba(100,100,100,.2);}
.portfolio-full #portfolio-filter.mobile-filter .dropmenu{border-color:#EE2E2C;}
.portfolio-full #portfolio-filter.mobile-filter .dropmenu p{color:black;}
.enlace-obras{color:white;font-weight: bold;background-color:rgb(238, 46, 44);padding:10px;transition:background-color .3s;display:block;text-align: center;margin-bottom:20px;}
	.enlace-obras:hover{background-color:rgb(183, 15, 15);color:white;text-decoration:none;}
	


/*__REVOLUTION SLIDER*/

.hesperiden.tparrows{background:rgba(255,255,255,.8) !important;width:70px !important;height:70px !important;}
.hesperiden.tparrows:before{margin-top:0px !important;font-size:30px !important; line-height:2.5em !important; width:100% !important;margin:0 auto !important; left:0;right:0;color:black !important; }

/*__FOOTER*/
.footer-widgets{padding-top:30px;background:#34373c;}
.footer-widgets h3{color:white;}
	.footer-widgets a{color:#EE2E2C;}
.espacio{width:100%;padding:15px;background-color:#ededed;}
#footer-credits{background:#ffffff;padding:30px 0px 30px;}
#footer-credits p a:hover{color:inherit;text-decoration:underline;}
	#footer-credits p{color:#949494;font-size:14px;}

.portfolio-full #projects li{padding:2px;height:250px;}
.imagen-footer{padding-left:20px;}
.footer-enlaces > a {
	font-size: 14px;
	color: #EE2E2C;
	padding: 0px 5px;
}
footer .wpcf7 input{width:100%;height:45px;background:rgba(0,0,0,0);border:1px solid rgba(255,255,255,.4);}
footer .wpcf7 textarea{height:100px;background:rgba(0,0,0,0);border:1px solid rgba(255,255,255,.4);}
footer .wpcf7 .wpcf7-submit{}
footer span.your-email{display:none;}
footer .wpcf7 .wpcf7-submit{padding:10px 24px;border-color:#EE2E2C;color:#EE2E2C;}


.page-template-template-contact .wpcf7 input{width:100%}
.page-template-template-contact .wpcf7 input[type=submit]{width:auto;}

/*__EMPRESA*/
.inner-empresa .col-md-6{padding:0px 40px;}
.inner-empresa .col-empresahoy{border-left:1px solid rgba(100,100,100,.1);}
.inner-empresa h2{color:#EE2E2E;}
#bloque-nuestrapolitica h2, #bloque-nuestrapolitica p, #bloque-nuestrapolitica ul>li{color:white;}
#bloque-nuestrapolitica ul{list-style: circle;}
#bloque-residuos ul{list-style: circle;}
#bloque-residuos h2{color:#EE2E2C;}
#bloque-residuos a{color:#EE2E2C;font-weight: bold;}
#bloque-residuos img{border: 1px solid rgba(150,150,150,.5);margin-bottom: 10px;}
#bloque-organigrama h2{color:#EE2E2C;}
.col-60{padding-top:60px;}
.img-height{height:785px;}
.page-id-81 .single-image + .text-block p{color:#EE2E2C;font-weight: bold}

/*__OBRAS REALIZADAS*/
.tabla-obras{border:0px solid rgba(100,100,100,.2);}
.tabla-obras tr{border-bottom:0px solid rgba(100,100,100,.2);}
.tabla-obras th{padding:10px;border-right:1px solid rgba(100,100,100,.2);background-color:rgba(0,173,238,.6);color:white;}
	.tabla-obras td:first-child{font-weight: bold}
.tabla-obras td{padding:10px;border-right:0px solid rgba(100,100,100,.2)}
	.tabla-obras tr:nth-child(odd){background-color:rgba(255,255,255,1);}
	
	.mitad{float: left; width:48%}
	.mitad.last{float:right}
	

@media only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 2dppx){
header #logo a img.retina {
    display: inline-block;
    width: auto !important;
    height: auto;
}
}


/*__MEDIA QUERIES*/
@media (max-width:991px){
	footer div[class*="col-md-"]{margin-bottom:25px;text-align:center;}
	.item-project .hover-wrap img{height:auto;}

}
@media (max-width:767px){
	.portfolio-full #projects li{height:auto;}
	.mitad{width:100%}
	
}