/* ESTILOS PARA LAGAR COCINAS 

@brand-primary: #A57258; (cobre)

font-family: 'Open Sans', sans-serif;


*/

/* GEN POP */

body {
	color: #000000;
	font-family: 'Open Sans', sans-serif;
}
.parallax-window {
  	height: 400px;
}
a:hover {
	text-decoration: none;
	color: #A57258;
}
a {
	color: #000000;
}
p {
    letter-spacing: 1px;
}

/* HEADINGS */

h1, .h1 {
	color: #A57255;
    font-weight: 100;
    font-size: 30px;
    background: url('../img/h1-divider.jpg') no-repeat 0 100%;
    padding-bottom: 20px;
}
h3, .h3 {
	color: #A57255;
    font-weight: 100;
    font-size: 22px;
    line-height: 140%;
}
h3.divider {
	background: url('../img/h1-divider.jpg') no-repeat 0 100%;
    padding-bottom: 20px;
}
h3.div-center{
	background: url('../img/h1-divider.jpg') no-repeat 50% 100%;
    padding-bottom: 20px;
    text-align: center;
}
h3.div-center-light {
	background: url('../img/h1-divider-light.jpg') no-repeat 50% 100%;
    padding-bottom: 20px;
    text-align: center;
    letter-spacing: 3px;
}

/* COLORS */

.cobre {
	color: #A57258;
}
.bg-white {
	background-color: #fff;
}
.white {
	color: #fff;
}

/* BUTTONS */

.btn {
	border-radius: 0;
	padding: 2px 17px;
}
.btn-cobre {
	background-color: #A57258;
	border-color: #A57258;
	color: #fff;
	text-align: center;
	float: right;
	margin-top: 30px;
}
.btn-cobre:hover {
	background-color: #fff;
	border-color: #A57258;
	color: #A57258;
	-webkit-transition: background-color 0.5s ease;
   -moz-transition: background-color 0.5s ease;
   -o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}

/* TYPO */

.email {
	color: #A57255;
    font-weight: 400;
    text-align: center;
    font-size: 14px;
}
.perfil-txt {
	text-align: center;
	font-size: 17px;
}
.footer p.txt-mini {
	font-size: 10px;
	color: #DBDBEA;
}
.line-h {
	line-height: 180%;
}
.photo-credit {
	color: #fff;
	font-size: 12px;
	font-weight: 100;
	position: fixed;     
   	text-align: center;    
   	bottom: 10px; 
   	width: 100%;
}
.thin {
	font-weight: 100;
}

/* POSITION */

.m-top-lg {
	margin-top: 50px;
}
.m-top {
	margin-top: 25px;
}
.border-right {
	border-right: 1px solid #A57258;
	margin-top: 9px;
}
.pad-top-body {
	padding-top: 120px;
}

/* HEADER */

.navbar-default {
   background-color: #000;
   border-color: transparent;
}
.navbar-left {
   margin-left: 30%;
   padding-top: 8px;
}
.navbar-right {
   margin-right: 2%;
}
.navbar-brand {
   height: 71px;
   margin-left: 2%;
}
.navbar-default .navbar-nav>li>a {
   color: #A57258;
}
.navbar-default .navbar-right>li>a {
	font-size: 20px;
	padding: 23px 7px;
}
.navbar-default .navbar-right>li>a:hover,
.navbar-default .navbar-right>li>a:focus {
	color: #73513E;
	-webkit-transition: color 0.5s ease;
   -moz-transition: color 0.5s ease;
   -o-transition: color 0.5s ease;
	transition: color 0.5s ease;
}
.navbar-default .navbar-left>li>a:hover, 
.navbar-default .navbar-left>li>a:focus {
	background: url('../img/menu-marker.png') no-repeat 50% 100%;
	color: #73513E;
	-webkit-transition: color 0.5s ease;
   -moz-transition: color 0.5s ease;
   -o-transition: color 0.5s ease;
	transition: color 0.5s ease;
}
.navbar-fixed-top {
	width: 100%;
}
.navbar-fixed-top.top-nav-collapse {
	width: 400px;
	-webkit-transition: width 0.5s ease;
   -moz-transition: width 0.5s ease;
   -o-transition: width 0.5s ease;
	transition: width 0.5s ease;
}
.navbar-fixed-top.top-nav-collapse .navbar-left {
	margin-left: 0;
}
.navbar-fixed-top.top-nav-collapse .navbar-brand {
	display: none;
}
.navbar-fixed-top.top-nav-collapse .navbar-nav>li>a {
	padding-top: 2px;
	padding-bottom: 4px;
	-webkit-transition: padding 0.5s ease;
   -moz-transition: padding 0.5s ease;
   -o-transition: padding 0.5s ease;
	transition: padding 0.5s ease;
	font-size: 12px;  
	-webkit-transition: font-size 0.5s ease;
   -moz-transition: font-size 0.5s ease;
   -o-transition: font-size 0.5s ease;
	transition: font-size 0.5s ease;  

}
.navbar.top-nav-collapse {
	min-height: 38px;
	right: 0;
    left: auto;
}    
.navbar-fixed-top.top-nav-collapse .navbar-right {
	margin-top: 7px;
}
.project-bg img {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow:hidden;
}

/* KEN BURNS SLIDER */

/* slideshow - adapted from http://cssmojo.com/ken-burns-effect/ */
html, body { height:100%; }
#slideshow { width:100%; height:100%; }
#slideshow { position:fixed; overflow:hidden; } /* (img px height / img px width x 100) = padding-bottom % */
#slideshow div { position:absolute; z-index:2; width:105%; height:105%; top:-5%; left:-5%; background-position:center; background-repeat:no-repeat; background-size:100%; opacity:0;
	-webkit-transition:opacity 3s, -webkit-transform 8s; -ms-transition:opacity 3s, -ms-transform 8s; transition:opacity 3s, transform 8s 
	}
#slideshow div { -webkit-transform-origin:bottom left; -ms-transform-origin:bottom left; transform-origin:bottom left }
#slideshow div:nth-of-type(2n+1) { -webkit-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right }
#slideshow .fx:first-child + span + div ~ div, #slideshow .fx1 { z-index:0 }
#slideshow .fx, #slideshow .fx1 { 
	-webkit-transform:scale(1.1) translate(2.5%); 
	-ms-transform:scale(1.1) translate(2.5%); 
	transform:scale(1.1) translate(2.5%); 
	opacity:1 }


@media(min-width:42em) { /* bigger than 672px */
	#slideshow span { padding:1em 1.5em; margin:2em; font-size:1em }
}
.floating-logo {
	position: relative;
    top: 39%;
    width: 100%;
    text-align: center;
}

/* FOOTER */

footer {
	padding-bottom: 20px;
}
.footer {
	margin-top: 50px;
}
.footer p {
	color: #A57258;
	margin-top: 7px;
   margin-bottom: 5px;
}
.footer-nav {
	margin-left: 30px;
}
.footer-nav>li>a {
	color: #A57258;
}
.footer-nav>li>a:hover,
.footer-nav>li>a:focus {
	color: #73513E;
	background-color: transparent;
}
.footer-social-nav .navbar-nav li a {
	color: #A57258;
	font-size: 18px;
}
.footer-social-nav .navbar-nav li a:hover {
	background-color: transparent;
}

/* CONTENT */

.box {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 137px 0;
	background-size: 100%;
	height: 345px;
	width: 345px;
 	margin: 0 14px;
}
.box-proyecto {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 137px 0;
	background-size: 100%;
	height: 345px;
	width: 345px;
 	margin: 20px 14px 0;
}
.box-proyecto h3, 
.box h3 {
	text-align: center;
	color: #fff;
	font-weight: 100;
	opacity: 0;
}
a:hover .box h3, 
a:hover .box-proyecto h3 {
	opacity: 1;
	-webkit-transition: opacity 0.5s ease;
   -moz-transition: opacity 0.5s ease;
   -o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.equipo {
	background-image: url('../img/bg-equipo.jpg');
}
a:hover .equipo {
	background-image: url('../img/bg-equipo-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.proyectos {
	background-image: url('../img/bg-proyectos.jpg');
}
a:hover .proyectos {
	background-image: url('../img/bg-proyectos-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.contacto {
	background-image: url('../img/bg-contacto.jpg');
}
.box-proyecto {
	background-size: 100%;
}
a:hover .box-proyecto {
	background-size: 110%;
	transition: background-size 2s ease-in;
	-moz-transition: background-size 2s ease-in;
	-ms-transition: background-size 2s ease-in;
	-o-transition: background-size 2s ease-in;
	-webkit-transition: background-size 2s ease-in;
}
a:hover .contacto {
	background-image: url('../img/bg-contacto-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-uno {
	background-image: url('../img/proyectos/cocinas-funcionales-p-1.jpg');
}
a:hover .p-uno {
	background-image: url('../img/proyectos/cocinas-funcionales-p-1-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-dos {
	background-image: url('../img/proyectos/cocinas-funcionales-p-2.jpg');
}
a:hover .p-dos {
	background-image: url('../img/proyectos/cocinas-funcionales-p-2-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-tres {
	background-image: url('../img/proyectos/cocinas-funcionales-p-3.jpg');
}
a:hover .p-tres {
	background-image: url('../img/proyectos/cocinas-funcionales-p-3-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-cuatro {
	background-image: url('../img/proyectos/cocinas-funcionales-p-4.jpg');
}
a:hover .p-cuatro {
	background-image: url('../img/proyectos/cocinas-funcionales-p-4-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-cinco {
	background-image: url('../img/proyectos/cocinas-funcionales-p-5.jpg');
}
a:hover .p-cinco {
	background-image: url('../img/proyectos/cocinas-funcionales-p-5-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-seis {
	background-image: url('../img/proyectos/cocinas-funcionales-p-6.jpg');
}
a:hover .p-seis {
	background-image: url('../img/proyectos/cocinas-funcionales-p-6-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-siete {
	background-image: url('../img/proyectos/cocinas-funcionales-p-7.jpg');
}
a:hover .p-siete {
	background-image: url('../img/proyectos/cocinas-funcionales-p-7-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-ocho {
	background-image: url('../img/proyectos/cocinas-funcionales-p-8.jpg');
}
a:hover .p-ocho {
	background-image: url('../img/proyectos/cocinas-funcionales-p-8-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-nueve {
	background-image: url('../img/proyectos/cocinas-funcionales-p-9.jpg');
}
a:hover .p-nueve {
	background-image: url('../img/proyectos/cocinas-funcionales-p-9-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-diez {
	background-image: url('../img/proyectos/cocinas-funcionales-p-10.jpg');
}
a:hover .p-diez {
	background-image: url('../img/proyectos/cocinas-funcionales-p-10-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-once {
	background-image: url('../img/proyectos/cocinas-funcionales-p-11.jpg');
}
a:hover .p-once {
	background-image: url('../img/proyectos/cocinas-funcionales-p-11-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-doce {
	background-image: url('../img/proyectos/cocinas-funcionales-p-12.jpg');
}
a:hover .p-doce {
	background-image: url('../img/proyectos/cocinas-funcionales-p-12-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-trece {
	background-image: url('../img/proyectos/cocinas-funcionales-p-13.jpg');
}
a:hover .p-trece {
	background-image: url('../img/proyectos/cocinas-funcionales-p-13-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-catorce {
	background-image: url('../img/proyectos/cocinas-funcionales-p-14.jpg');
}
a:hover .p-catorce {
	background-image: url('../img/proyectos/cocinas-funcionales-p-14-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-quince {
	background-image: url('../img/proyectos/cocinas-funcionales-p-15.jpg');
}
a:hover .p-quince {
	background-image: url('../img/proyectos/cocinas-funcionales-p-15-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-dieciseis {
	background-image: url('../img/proyectos/cocinas-funcionales-p-16.jpg');
}
a:hover .p-dieciseis {
	background-image: url('../img/proyectos/cocinas-funcionales-p-16-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-diecisiete {
	background-image: url('../img/proyectos/cocinas-funcionales-p-17a.jpg');
}
a:hover .p-diecisiete {
	background-image: url('../img/proyectos/cocinas-funcionales-p-17a-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-dieciocho {
	background-image: url('../img/proyectos/cocinas-funcionales-p-18.jpg');
}
a:hover .p-dieciocho {
	background-image: url('../img/proyectos/cocinas-funcionales-p-18-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.p-diecinueve {
	background-image: url('../img/proyectos/cocinas-funcionales-p-19.jpg');
}
a:hover .p-diecinueve {
	background-image: url('../img/proyectos/cocinas-funcionales-p-19-hover.jpg');
	-webkit-transition: background-image 1s ease;
   -moz-transition: background-image 1s ease;
   -o-transition: background-image 1s ease;
	transition: background-image 1s ease;
}
.content {
	position:relative;
	z-index: 10;
	padding-top: 800px;
}
.box-content {
	background-color: #fff;
	padding-top: 100px;
	/*padding-bottom: 30px;*/
}
.box-content-xs {
	background-color: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
}
.bg-acerca {
	background: url('../img/bg-acerca.jpg') repeat-y 0% 0%;
	background-size: 100%;
	padding-top: 20px;
	margin-top: 60px;
}
.bg-contacto  {
	background: url('../img/bg-home-kb.jpg') repeat-y 50% 50%;
    background-size: cover;
}
.box-equipo {
	margin-top: 20px;
	background-color: #fff;
	margin-bottom: 40px;
	padding: 10px 0px;
}
.box-equipo p {
	text-align: justify;
}
.txt-equipo {
	margin-top: 25px;
	font-size: 13px;
}
.img-proyectos img {
	margin-top: 20px;
}
.img-proyectos {
	margin-top: 50px;
}
.box-contacto {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 100px;
}
.footer-fixed{
    background-color: #fff;
    position: fixed;
    width: 100%;
    bottom: 0;
}
footer.footer-fixed .footer {
	margin-top: 20px;
}
.project-title {
    margin-left: 30px;
}
.frame {
	display: inline-block;
    vertical-align: middle;
    float: none;
}
.frame img {
   height: 200px;
}