/*GENÉRIC0S*/

.section{
font-weight:bold;
color:#000;
}

body{
background-image:url(../img/katania/Katania.jpg);
background-position:center top;
background-repeat:no-repeat;
background-size: auto 277px;
}

/*ELEMENTOS DE PÁGINA*/

#top, #main-top, #main, #bottom{
width:100%;
}

#top, #main-top, #main, #bottom, #header, #content-home, #content, #breadcrumbs, #footer{
margin:0 auto;
}

/*#top,*/ #main-top, #main, #bottom, #header, #content-home, #breadcrumbs, #footer{
overflow:hidden;
}

#top{
position:relative;
height:277px;
max-height:100vh;
z-index:3;
}

#header_left a{
display:block;
background-color:#fff;
background-image:url(../img/katania-decoracion_logo.svg);
background-repeat:no-repeat;
background-position:50% 50%;
background-size:contain;
border: 20px solid #fff;
box-sizing:border-box;
height:133px;
width:184px;
overflow:hidden;
margin:30px auto 0;
box-shadow:1px 1px 0 rgba(0,0,0,.4);
}

#header_left h1, #header_left span{
display:none;
}

#header_right{
left:0;
bottom:0;
width:100%;
height:40px;
margin: 0;
padding: 0;
background:#443c36;
position:absolute;
z-index:4;
}

/*#header_right.sticky{
position:fixed;
top:0;
bottom:auto;
}*/

#nav{
background:#443c36;
text-align:center;
/*position:sticky;
top:0;
left:0;
width:100%;*/
height:40px;
overflow:hidden;
z-index:9999;
transition:height .3s;
}

#nav:before, #nav:after{
display:block;
cursor:pointer;
height:40px;
line-height:40px;
color:#fff;
text-align:center;
}

#nav:before{
font:1.4em/40px 'FontAwesome';
content:'\f0c9';
width:40px;
background:rgba(0,0,0,.4);
border-right:1px solid rgba(0,0,0,.1);
}

#nav:after{
position:absolute;
left:0;
top:0;
width:100%;
content:'Men''\FA';
}

#nav:hover{
height:160px;	
}

#nav b{
font-weight:normal;
}

#nav li{
float:left;
width:50%;
}

#nav a{
font-size:12px;
display:block;
border-top:1px solid #000;
text-decoration:none;
color:#fff;
height:40px;
line-height:40px;
padding:0;
}

#nav a:nth-of-type(odd){
border-right:1px solid #000;
}

#nav a:hover{
background:#77695e;
}

#nav .selected{
background:#000;
}

#main-top{
background:#443d36;
}

#main-top.interior{
height:8px;
background:#77695e;
}

#content-home_left{
background:#fff;
padding:30px;
text-align:center;
position:relative;
z-index:3;
}

#content-home_left h1{
font-size:24px;
margin-bottom:40px;
position:relative;
}

#content-home_left h1:after{
content:'';
position:absolute;
top:1.8em;
width:150px;
left:50%;
margin-left:-75px;
height:1px;
background:#dfe2d6;
}

#content-home_left p{
line-height:1.4em;
}

#content-home_left a{
display:none;
}

#slider{
top:0;
left:0;
width:100%;
max-height:277px;
position:absolute;	
z-index:1;
}

/*Función slideSwitch*/

#slider img{
max-width:100%;
width:100%;
height:auto;
min-height:277px;
display:block;
position:absolute;
z-index:8;
opacity:0;
}

#slider img.actived{
z-index:10;
opacity:1.0;
}

#slider img.last-active{
z-index:9;
}

/*Fin slideSwitch*/

#breadcrumbs{
background:#f1f1f1;
display:table;
width:100%;
}

.breadcrumbs li{
display:inline;
}

.breadcrumbs, .phone{
display:table-cell;
padding:20px 30px;
}

.breadcrumbs .section{
display:none;
}

.phone{
text-align:right;
width:58%;
}

.phone a{
color:#443c36;
font:bold 14px sans-serif;
}

.phone a:hover{
text-decoration:none;
}

.phone a:before{
font:normal 14px 'FontAwesome';
content:'\f098';
margin-right:.8em;
}

#main{
background:#77695e;
}

#main.home{
background-color:#fff;
background-image:url(../img/imago.svg);
background-repeat:no-repeat;
background-position:50% 0;
background-size:48px;
}

#main.home .wrapper{
background:#fff;
margin:80px auto 0;
overflow:hidden;
}

#services{
	display:flex;
	flex-wrap:wrap; 
	justify-content:center;
	list-style:none;
	align-items:center;	
	margin:30px 15px 50px;
}

#services li{
	margin:0;
}

#services li a{	
	display:block;
	margin:15px;		
	position:relative;	
	text-decoration:none;		
}

#services li a > svg{
	display:block;
	margin:0 auto;
	max-width:50px;
	transition:.3s;		
}

#services li a > span{
	display:none;
}

#services li a:hover > svg{
	transform:scale(1.2,1.2);	
}

#content h1{
background:#fff;
color:#443c36;
font-size:24px;
position:relative;
padding:30px 30px 20px;
}

#content h1:before, #content h1:after{
content:'';
position:absolute;
top:100%;
left:30px;
height:2px;
z-index:1;
}

#content h1:before{
width:100%;
background:#dfe2d6;
}

#content h1:after{
width:100px;
background:#77695e;
}

#content-inner{
background:#fff;
overflow:hidden;
}

.banner{
background:#443c36 url(../img/loading.gif) no-repeat center;
border-bottom:1px #443c36 solid;
height:277px;
max-height:100vh;
width:100%;
overflow:hidden;
position:absolute;
top:0;
left:0;
}

.banner img{
display:block;
max-width:100%;
width:100%;
height:277px;
object-fit:cover;
}

.banner h2{
display:none;
}

.katania h2{
bottom:40px;
}

.katania img{
margin-top:-20px;
}

.katania blockquote{
background:#fff;
padding:30px 30px 0 30px;
display:block;
position:relative;
}

.katania p{
font-size:13px;
line-height:1.4em;
margin-bottom:1em;
}

.claim{
background:#f7f5e8;
color:#a59689;
display:block;
font:oblique 18px "Times New Roman", Times, serif;
overflow:hidden;
padding:20px 30px;
margin:30px;
position:relative;
text-align:center;
}

.claim:hover{
background:#f7f7f7;
color:#77695e;
text-decoration:none;
}

.proyectos{
padding:30px;
}

.proyectos a{
display:block;
margin:0 0 30px;
text-decoration:none;
position:relative;
}

.proyectos a:before{
content:'';
background:rgba(0,0,0,.4);
width:100%;
height:100%;
left:0;
top:0;
}

.proyectos a:after{
font:normal 24px/50px 'FontAwesome';
text-align:center;
content:'\f030';
color:#fff;
width:50px;
height:50px;
left:50%;
top:0;
margin-left:-25px;
}

.proyectos a:before, .proyectos a:after{
position:absolute;
opacity:0;
transition:all .3s;
}

.proyectos a:hover:before, .proyectos a:hover:after{
opacity:1;
}

.proyectos a:hover:after{
top:50%;
}

.proyectos span{
display:block;
background:#f7f5e8;
color:#443c36;
text-align:center;
padding:1em;
position:relative;
z-index:1;
}

.proyectos i{
font:400 16px 'Dosis';
}

.proyectos img{
display:block;
width:100%;
max-width:100%;
height:auto;
}

#menu-espacios{
background:#fff;
text-align:center;
padding-top:20px;

}

#menu-espacios a{
color:#77695e;
padding:.4em;
display:inline-block;
text-decoration:none;
font:oblique 1em Georgia, serif;
transition: color .3s;
}

#menu-espacios a.active, #menu-espacios a:hover{
color:#000;
}

#menu-espacios a.active{
border-bottom:3px #77695e solid;
font-weight:bold;
}

#menu-espacios a.active{
}

.espacios{
background:#fff;
position:relative;
padding:30px 30px 50px;
}

.espacios h2{
display:none;
}

.espacios > div{
text-align:center;
}

.espacios a{
display:inline-block;
margin:0 1px 4px;
width:60px;
transition:all .2s;
}

.espacios img{
display:block;
max-width:100%;
box-sizing:border-box;
}

.espacios a.current img{
outline:4px #443c36 solid;
}

.escenario{
margin-bottom:20px;
position:relative;
height:300px;
height:40vh;
}

.escenario > img{
background:#fff;
display:block;
max-height:100%;
width:auto;
position:absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
outline:4px #443c36 solid;
}

.escenario .loader{
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmYiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBiZWdpbj0iMHMiIGR1cj0iMS44cyIgdmFsdWVzPSIxOyAyMCIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1vcGFjaXR5IiBiZWdpbj0iMHMiIGR1cj0iMS44cyIgdmFsdWVzPSIxOyAwIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIga2V5U3BsaW5lcz0iMC4zLCAwLjYxLCAwLjM1NSwgMSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gICAgICAgIDwvY2lyY2xlPiAgICAgICAgPGNpcmNsZSBjeD0iMjIiIGN5PSIyMiIgcj0iMSI+ICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49Ii0wLjlzIiBkdXI9IjEuOHMiIHZhbHVlcz0iMTsgMjAiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiBrZXlTcGxpbmVzPSIwLjE2NSwgMC44NCwgMC40NCwgMSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgYmVnaW49Ii0wLjlzIiBkdXI9IjEuOHMiIHZhbHVlcz0iMTsgMCIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+ICAgICAgICA8L2NpcmNsZT4gICAgPC9nPjwvc3ZnPg==);
background-position:center;
background-repeat:no-repeat;
position:absolute;
width:44px;
height:44px;
top:50%;
left:50%;
margin:-22px;
display:none;
}

#overlay{
background:#443c36;
position:absolute;
display:none;
width:100%;
height:100%;
right:0;
z-index:99;
opacity:.8;
}

#loading{
top:10em;
left:50%;
margin:0 -60px;
position:absolute;
}

.amedida h2{
top:40px;
}

.amedida .banner simg{
display:block;
max-width:100%;
width:100%;
height:auto;
margin-top:-20px;
}

.amedida h3{
font-weight:400;
padding:.4em 15px;
position:absolute;
top:110px;
left:-4px;
width:200px;
border-left:4px solid #77695e;
background:rgba(255,255,255,.75);
}

.amedida p{
color:#77695e;
line-height:1.4em;
}

.amedida li{
border-color:#dfe2d6;
display:block;
margin:0 30px;
padding:30px 0;
position:relative;
}

.amedida li:last-child{
margin-bottom:20px;
}

.amedida li img{
margin:0 0 20px;
}

.contact{
position:relative;
padding-bottom:400px;
}

#contact-info h3, #contact-form h3{
font-weight:400;
padding-bottom:.4em;
}

#contact-info ul{
margin:30px;
padding-left:50px;
}

#contact-info li{
border:none;
display:block;
line-height:20px;
margin-bottom:30px;
position:relative;
}

#contact-info li:before{	
	font:24px 'FontAwesome';
	position:absolute;
	left:-40px;
	top:50%;
	margin-top:-12px;		
}

#contact-info li:nth-of-type(1):before{	
	content:'\f041';	
}

#contact-info li:nth-of-type(2):before{	
	content:'\f040';	
}

#contact-info li:nth-of-type(3):before{	
	content:'\f0e0 ';	
}

#contact-info li:first-child br{
display:none;	
}

#map{
height: 380px;
position: absolute;
bottom: 0;
width: 100%;	  
}

#map h3{
background:#a59689;
color:#f7f5e8;
height:80px;
line-height:80px;
text-align:center;
font-weight:400;
}

#map h3:after{
position:absolute;
width:100%;
left:0;
top:3em;
font:normal 18px 'FontAwesome';
content:'\f107';
}

#google{
height:300px;
position:relative;
}

#google .loader{	
	position:absolute;
	top:50%;
	left:50%;
	margin:-22px;	
}

#contact-form{
border:none;
padding:0 30px 30px 80px;
line-height:20px;
position:relative;
}

#contact-form:before{
	font:24px 'FontAwesome';
	position:absolute;
	left:40px;
	top:25px;	
	content:'\f075';
}

#contact-form div{
margin:20px 0;
}

#contact-form div input, #contact-form textarea{
width:95%;
}

.btn{
background-color:#77695e;
color:#f7f5e8;
cursor:pointer;
width:117px;
height:37px;
line-height:37px;
padding:0;
border:1px #77695e solid;
text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
-webkit-box-shadow: 0 -38px 1px -22px rgba(0, 0, 0, 0.1) inset, 0 2px 0 -2px rgba(255, 255, 255, 0.4) inset;
-moz-box-shadow: 0 -38px 1px -22px rgba(0, 0, 0, 0.1) inset, 0 2px 0 -2px rgba(255, 255, 255, 0.4) inset;
box-shadow: 0 -38px 1px -22px rgba(0, 0, 0, 0.1) inset, 0 2px 0 -2px rgba(255, 255, 255, 0.4) inset;
}

.btn:hover{
background-color:#83766b;
}

/*
#contact-form .btn{
	display:none;
}
*/

#privacy-policy-acceptance{
	display:block;
	font-style:normal;
	margin:1em 0;
}

#privacy-policy-info{
	background:#f7f5e8;
	border-left:4px #dfe2d6 solid;
	box-sizing:border-box;
	display:none;
	margin:15px 35px 0 80px;
	padding:30px;	
}

#privacy-policy-info p,
#privacy-policy-info ul{
	line-height:1.3em;
	margin:0 0 1em;
}

#privacy-policy-info ul{
	list-style:square inside;	
}

#privacy-policy-info li{
	margin-bottom:.5em;
}

#privacy-policy-info strong{
	font-weight:bold;
}

#bottom{
padding:40px 0;
}

#footer{
color:#a59689;
font:12px/1.2 sans-serif;
}

#footer h4{
color:#dfe2d6;
font-size:1.4em;
padding-bottom:1em;
}

#footer div{
border:none;
margin:0 30px 30px;
}

#footer a{
color:#a59689;
}

#footer ul li{
border:none;
margin:0 0 .5em;
}

#footer .social, #footer .copy{
float:none;
width:100%;
}


#footer .social{
clear:both;
}

#footer .social h4{
display:none;	
}

#footer .social a,
#footer .social a:before{
	height:30px;
	width:30px;	
}

#footer .social a{
	color:#dfe2d6;
	display:inline-block;	
	margin: 0 8px 8px 0;	
	overflow:hidden;	
}

#footer .social a:hover{
	text-decoration:none;
}

#footer .social a:before{
	display:block;
	font: 1.875rem/1em 'FontAwesome';	
	margin:0 30px 30px 0;			
}

.facebook:before{
	content:'\f230';
}

.twitter:before{
	content:'\f099';
}

.instagram:before{
	content:'\f16d';
}

#footer .copy{
border-top:1px solid rgba(255,255,255,.1);
}

#footer .copy p{
padding-top:1em;
}

#footer .copy a{
display:block;
color:#867875;
color:rgba(255,255,255,.25);
margin:.4em 0 0;
}

#footer .copy a:before{
content:'/';
margin:0 .4em 0 0;
}

#footer .copy a:hover{
text-decoration:none;
}

#footer ul a{
display:block;
padding:.5em 0;
}

#footer ul a:before{
font:.5rem 'FontAwesome';
content:'\f105';
margin-right:1em;
}

#cookie-warning{
display:none;
background:#fff;
border-top:4px #a59689 solid;	
font-size:.75rem;
line-height:1.3em; 
padding:30px 0;
position:fixed;
text-align:center;
bottom:0;
left:0;
width:100%;
z-index:999;
box-shadow: 0 0 4px -2px rgba(0,0,0,.6);
}

#cookie-warning p{
margin:0 30px .8rem;
}

#cookie-warning button{
	border:none;
	box-sizing:border-box;
	cursor:pointer;
	display:block;
	font:11px sans-serif;
	text-align:center;
	text-transform:uppercase;
	padding:.5rem;
	margin:auto;
	background:#a59689;
	color:#fff;
	width:80%;
	border-radius:4px;
	transition:background-color .3s;
}

#cookie-warning button:hover{
	background:#77695e;
	text-decoration:none;	
}

/*PrettyPhoto*/
body div.pp_overlay{
background:#000 !important;
opacity:.75 !important;
}
.pp_pic_holder{
width:100% !important;
left:0 !important;
right:0 !important;
}
.pp_details .pp_nav,
.pp_top, 
.pp_bottom{ 
display:none !important;
}
.pp_content_container .pp_left,
.pp_content_container .pp_right{
padding:0 !important;
}

div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content{
background:transparent;
}

.pp_fade{
background:#fff;
box-shadow:0 8px 8px -8px rgba(0,0,0,1);
}

.pp_content_container .pp_details{
margin:0 !important;
}
.pp_hoverContainer{
width:100% !important; 
max-width:100%;
height:auto;
display:block;
}
img#fullResImage{
display:block;
height:auto !important;
width:100% !important;
}
.pp_description{
display:none !important;
}
a.pp_close{ 
position:fixed;
top:10px;
right:10px;
overflow:hidden;
color:#f7f5e8;
width:50px !important;
height:50px !important;
background:rgba(0,0,0,.9) !important;
z-index:9999; 
}
a.pp_close:hover{
text-decoration:none;
background-color: rgba(255,255,255,.8) !important;
color:#000;
}
a.pp_close:before{
font:normal 30px/50px 'FontAwesome';
content:'\f00d';
text-indent:0;
width:50px;
height:50px;
display:block;
text-align:center;
position:absolute;
top:0;
right:0;
}
.pp_hoverContainer {
height: 100% !important;
left: 0;
position: fixed !important;
right: 0;
z-index: 2000;
}
a.pp_next, a.pp_previous{
background-image: none !important;
overflow:hidden;
position:absolute;
top:0;
}
a.pp_next{
right:0;
}
a.pp_previous{
left:0;
}
a.pp_next:hover, a.pp_previous:hover{
text-decoration:none;
}
a.pp_next:after, a.pp_previous:after{
background:rgba(0,0,0,.9);
font:normal 24px/50px 'FontAwesome';
display:block;
text-indent:0;
text-align:center;
height:50px;
width:50px;
position:absolute;
bottom:10px;
margin-top:-20px;
}
a.pp_next:after{
	content:'\f054';
	right:10px;
}
a.pp_previous:after{
	content:'\f053';
	left:10px;
}

/*Landing*/
article{	
	margin:30px auto 0;
}

article h3{
	margin: 1em 0;
	padding-top: 1em;
}

article img{
	display:block;
	max-width:100%;
	height:auto;
	margin:30px auto;
	position:relative;
	z-index:1;
}

.landing #services{
	background-color:#f8f8f8;
	background-image:url(../img/imago-white.svg);
	background-position:center;
	background-repeat: no-repeat;
	background-size:50%;
	margin:50px -50px 0;
	padding:30px 0;
	width:100vw;		
}

.landing #services svg{
	max-width:40px;
}

.quick-contact h3{
	margin:0 0 1em;
	padding:0;
}

#contact-form.quick-contact{
	background:#f1f1f1;	
	margin:50px -50px -50px;
	padding:0;
	width:100vw;
	padding:50px;
}

#contact-form.quick-contact:before {
	display:none;
}

#contact-form.quick-contact input[type=text],
#contact-form.quick-contact textarea{
	background:#fff;
	width:80%;
	margin:0 0 1em;
	display:block;	
}

.quick-contact #privacy-policy-info {
	background:none;
	padding:0;
	border:none;    
	float:none;
	width:80%;
	box-sizing:border-box;
}