@import url('../canvas/style.css');

/*
Theme Name: Pinares
Theme URI: http://www.casapinares.cl
Description: Tema hijo desarrollado para el sitio Web Inmobiliaria Pinares, desde el tema madre "Canvas" de Woothemes
Author: Yuri Dekovic, Productor Multimedia
Version: 1.0.0
Template: canvas
Tags: two-columns, right-sidebar, custom-header, custom-colors, custom-background, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

/*EN CONSTRUCCION*/
/*.home #header, .home #navigation, .home #footer-widgets {
	display:none !important;
}
.home #wrapper {
	margin-top: 50px;
}*/

/*EN CONSTRUCCION FIN*/

/*Quitar borde de imágenes*/
.entry img, img.thumbnail {
	border:none;
}

.entry img, img.thumbnail, #portfolio .group.portfolio-img img {
    padding: 0;
}



/*FIX PARA GOOGLE MAPS*/
#map img {
    max-width: none;
}

.entry img, img.thumbnail, #portfolio .group.portfolio-img img {
    background: none;
}

#navigation a {
	text-transform:uppercase;
}

/*INICIO DE ANIMACION DEL HOME*/
.page-id-4 #header {
	opacity:0;
	
}


/*NAVEGACIÓN VERSIÓN MÓVIL*/
/*Bordes redondos de todo el menú*/
#navigation ul li:first-child, #navigation ul li:first-child a {
    border-radius: 0 0 0 0 !important;
}
#navigation ul li:last-child, #navigation ul li:last-child a {
    border-radius: 0 0 0 0 !important;;
}
/*Fondo y Padding*/
#header .nav-toggle {
	background: none repeat scroll 0 0 #000000;
	border-radius: 0 0 0 0;
	padding: 0.7em 1em;
}
/*Color de Texto y Fuente*/
#header .nav-toggle a {
    color: #FFFFFF;
	/*font: 15px/1em Courier,"Courier New",monospace;*/
	text-transform:uppercase;
}
/*Color de Icono y Símbolo*/
.nav-toggle:after {
    color: #FFFFFF;
	content: "{";
    font-size: 20px;
}
/*Color del Hover del Icono*/
.icon:hover:before, .icon:hover:after {
    color: #FFFFFF;
}
/*Color del Hover del Texto del Título*/
#header .nav-toggle a:hover {
    color: #FFFFFF;
}
/*NAVEGACIÓN VERSIÓN MÓVIL FIN*/

#header {
	background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: transparent !important;
    background-image: url("images/portada-final.jpg") !important;
    background-origin: padding-box !important;
    /*background-position: center center !important;*/
    background-repeat: repeat !important;
    background-size: 100% auto;
}

#footer-widgets {
    background-color: #EEEEEE;
}

.post .title, .page .title, .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited {
	margin-bottom: 104px;
    text-transform: uppercase;
}

h2 {
	text-transform:uppercase;
	border-bottom: 1px solid #DDDDDD;
}

pre {
    color: #555555;
    font: 300 13px/1.5em Calibri,Candara,Segoe,Optima,sans-serif;;
	margin-bottom: 1.2em;
}

.page-id-4 .title {
	display:none;
}

#huincha {
	font: 24px/1.1em 'Arvo',arial,sans-serif;
    margin-top: 36px;
    position: absolute;
}

#precio, #producto, #producto2, .labelCasa {
	display: inline-block;
    padding: 5px 30px;
}

#producto {
	background-color: #FFFFFF;
    color: #000000;
    margin-bottom: 8px;
}
#producto2 {
	background-color: #4D94B9;
    color: #FFFFFF;
    margin-bottom: 8px;
}
.labelCasa {
	font-size: 16px;
	position: relative;
	background-color: #CC3333;
    color: #FFFFFF;
    margin-bottom: 8px;
}

#precio {
	color:#FFF;
	background-color:#000;
}

#compartir {
	background-color: #A7B911;
    float: right;
    height: 40px;
    padding: 0 10px;
    width: auto;
}

#imprimir, #compartir .email, #twitter, #facebook {
    display: inline-block;
    height: 40px;
    width: 50px;
}

#compartir a:hover {
    background-position: 0 -40px;
}

a#imprimir, #compartir a.email, a#twitter, a#facebook  {
	height: 40px;
    width: 50px;
}

#imprimir {
	background-image:url(images/icono-imprimir.png)
}

#compartir .email {
	background-image:url(images/icono-email.png)
}

#twitter {
	background-image:url(images/icono-twitter.png)
}

#facebook {
	background-image:url(images/icono-facebook.png)
}

.bold {
	/*font-size:15px;
	font-family: 'Arvo',arial,sans-serif;
	font-weight:bold;*/
	font-family: Calibri,Candara,Segoe,Optima,sans-serif;
    font-size: 17px;
}

.widget h3 {
    text-transform: uppercase;
}

#navigation {
    margin-bottom: 2em;
}

table {
    margin-bottom: 20px;
    width: 100%;
}

td {
    border: 1px solid #CCCCCC;
    padding: 10px;
}

.recuadro p {
    margin-bottom: 1.2em;
}

/*FOTOS*/
.page-id-5 .boton.azul {
    position: absolute;
    top: 80px;
}


/*ANIMACION INICIO*/

.page-id-4 #header, .page-id-4 #huincha, .page-id-4 #logo {
	display:none;
}

.page-id-4 ul#main-nav, .page-id-4 #content, .page-id-4 #footer-widgets, .page-id-4 #footer {
	display:none;
}

.animacion1, .animacion2 {
    height: 100%;
    position: absolute;
    width: 100%;
}

.animacion1 {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: transparent !important;
    background-image: url("images/portada-1.jpg") !important;
    background-origin: padding-box !important;
    /*background-position: center center !important;*/
    background-repeat: repeat !important;
    background-size: 100% auto;
	z-index:1;
}

.animacion2 {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: transparent !important;
    background-image: url("images/portada-2.jpg") !important;
    background-origin: padding-box !important;
    /*background-position: center center !important;*/
    background-repeat: repeat !important;
    background-size: 100% auto;
}


/*CONJUNTO*/

.scroll {
    position: relative;
}

.page-id-7 .scroll {
    margin-bottom: 50px;
    /*width: 860px;*/
}

.scroll1 {
	background: url("images/conjunto-fondo-1.png") no-repeat scroll 0 0 transparent;
}

.scroll2 {
	background: url("images/conjunto-fondo-2.png") no-repeat scroll 0 0 transparent;
}

.scroll3 {
	background: url("images/conjunto-fondo-3.png") no-repeat scroll 0 0 transparent;
}

/*PLANOS PRIMER PISO*/

.imagen {
	left: 5px;
    position: relative;
}

.globito {
    display: none;
    position: absolute;
    width: 230px;
    z-index: 1;
}

.globito_container {
	padding-bottom: 12px;
	padding-top: 5px;
	background-color:#000;
	border-radius: 12px 12px 12px 12px;
}

.globito_punta {
	background: url("images/globito-punta.png") no-repeat scroll center 0 transparent;
    height: 30px;
    width: auto;
}

h4 {
	margin: 5px 0 0 !important;
    padding-left: 10px;
    text-transform: uppercase;
}

.globito p {
	color: #FFFFFF !important;
    margin-bottom: 3px;
    padding-left: 10px;
}

.espacio {
	/*background-color: #1073A6;*/
	background-color: #64d9eb;
    opacity: 0.3;
	position: absolute;
	cursor: pointer;
	opacity:0;
}

.plano1espacio1, .plano1espacio2 {
	background: url("images/planos/camara.png") no-repeat scroll center center transparent !important;
    height: 11.6%;
    width: 5%;
	opacity:0.5 !important;
}

.planta {
	background: url("images/planta-roll-over.png") no-repeat scroll center center / 100% 100% transparent;
	opacity: 0;
	position: absolute;
	cursor: pointer;
	width:33.2%;
	height:69.7%;
	left: 29%;
    top: 11.3%;
}
/*///////*/
/*PLANO 1*/
/*///////*/
/*Patio*/
.plano1espacio1 {
	left: 15.5%;
    top: 45%;
}
/*Antejardin*/
.plano1espacio2 {
	left: 77.7%;
    top: 61%;
}
/*Piscina*/
.plano1espacio3 {
	width:6.1%;
	height:31.3%;
	left: 7.8%;
    top: 35.4%;
}
/*Deck*/
.plano1espacio4 {
	width:6.1%;
	height:14.4%;
	left: 7.8%;
    top: 66.9%;
}
/*Quincho*/
.plano1espacio5 {
	width:6.1%;
	height:13.7%;
	left: 7.8%;
    top: 81.6%;
}
/*Terraza izquierda*/
.plano1espacio6 {
	width:7.1%;
	height:49.8%;
	left: 22.2%;
    top: 35.8%;
}
/*Terraza derecha arriba*/
.plano1espacio7 {
	width:19.1%;
	height:10%;
	left: 30.7%;
    top: 35.6%;
}
/*Estacionamiento*/
.plano1espacio8 {
	width:10.7%;
	height:26.2%;
	left: 57.9%;
    top: 19.4%;
}
/*///////*/
/*PLANO 2*/
/*///////*/
/*Living*/
.plano2espacio1 {
	height: 42%;
    left: 12.7%;
    top: 53.9%;
    width: 14.7%;
}
/*Comedor*/
.plano2espacio2 {
	width:18.5%;
	height:24.8%;
	left: 29.6%;
    top: 53.9%;
}
/*Hall*/
.plano2espacio3 {
	width:26.0%;
	height:15.8%;
	left: 29.6%;
    top: 80%;
}
/*Baño de Visitas*/
.plano2espacio4 {
	width:4.9%;
	height:9%;
	left: 48.9%;
    top: 69.7%;
}
/*Cocina*/
.plano2espacio5 {
	width:12.8%;
	height:32%;
	left: 56.1%;
    top: 53.4%;
}
/*Despensa*/
.plano2espacio6 {
	width:4.2%;
	height:8.4%;
	left: 48.9%;
    top: 60.1%;
}
/*Patio de Servicio*/
.plano2espacio7 {
	width:12.1%;
	height:20.3%;
	left: 48.9%;
    top: 29.2%;
}
/*Baño Servicio*/
.plano2espacio8 {
	width:4.8%;
	height:13.6%;
	left: 48.9%;
    top: 5.1%;
}
/*Dormitorio Servicio*/
.plano2espacio9 {
	width:6.9%;
	height:23.3%;
	left: 54.1%;
    top: 5.1%;
}

/*///////*/
/*PLANO 3 y 4*/
/*///////*/
/*Balcón*/
.plano3espacio1, .plano4espacio1 {
	width: 4.7%;
	height: 66.8%;
	left: 2.4%;
    top: 19.6%;
}
/*Dormitorio 1*/
.plano3espacio2, .plano4espacio2 {
	width: 12.2%;
	height: 75.2%;
	left: 7.7%;
    top: 15.6%;
}
/*Walk-in Closet*/
.plano3espacio3, .plano4espacio3 {
	width: 7.1%;
	height: 30.8%;
	left: 20.4%;
    top: 32%;
}
/*Baño Dorm. 1*/
.plano3espacio4, .plano4espacio4 {
	width: 5.9%;
	height: 41.7%;
	left: 28.4%;
    top: 20.4%;
}
/*WC*/
.plano3espacio5, .plano4espacio5 {
	width: 3.8%;
	height: 17.2%;
	left: 34.5%;
    top: 44.7%;
}
/*Ducha*/
.plano3espacio6, .plano4espacio6 {
	width: 3.8%;
	height: 26.5%;
	left: 34.5%;
    top: 15.6%;
}
/*Dormitorio 2*/
.plano3espacio7, .plano4espacio7 {
	width: 12.4%;
	height: 45.9%;
	left: 38.7%;
    top: 15.7%;
}
/*Baño Dorm. 2*/
.plano3espacio8, .plano4espacio8 {
	width: 4.8%;
	height: 23%;
	left: 51.5%;
    top: 39.9%;
}
/*Dormitorio 3*/
.plano3espacio9, .plano4espacio9 {
	width: 12.4%;
	height: 45.9%;
	left: 56.7%;
    top: 15.9%;
}
/*Baño Dorm. 3*/
.plano3espacio10, .plano4espacio10 {
	width: 4.8%;
	height: 23%;
	left: 51.5%;
    top: 15.6%;
}
/*Hall - Escritorio*/
.plano3espacio11 {
	width: 47.5%;
	height: 26.3%;
	left: 22.6%;
    top: 64.2%;
}

/*Sala de Estar*/
.plano3espacio12 {
	width: 10.4%;
	height: 75.2%;
	left: 69.9%;
    top: 15.7%;
}

/*Hall - Escritorio*/
.plano4espacio11 {
	width: 37.7%;
	height: 26.3%;
	left: 22.6%;
    top: 64.2%;
}

/*Dormitorio 4*/
.plano4espacio12 {
	width: 10.4%;
	height: 75.2%;
	left: 69.9%;
    top: 15.7%;
}

/*Baño Dormitorio 4*/
.plano4espacio13 {
	width: 8.7%;
	height: 12.4%;
	left: 60.7%;
    top: 76.6%;
}

/*Balcón Sala de estar*/
.plano3espacio13, .plano4espacio14 {
	width: 2.5%;
	height: 66.2%;
	left: 80.9%;
    top: 19.9%;
}


/*FORMULARIOS*/

.formulario {
    background-color: #555555;
    border-radius: 10px 10px 10px 10px;
    padding: 15px;
    position: fixed;
    width: 300px;
    z-index: 2;
	visibility:hidden;
}

.formulario p {
	color: #FFFFFF;
}

textarea {
    height: 50px;
    width: 284px;
}

form .twocol-one {
	margin-bottom:0;
	
}

.wpcf7-form img {
    margin: 0 10px 0 0;
    position: relative;
    top: -15px;
    width: 55px;
}

.twocol-one input {
	width: 92%;
}

.overlay {
    background-color: #FFFFFF;
    height: 100%;
    opacity: 0.7;
    position: fixed;
    width: 100%;
    z-index: 1;
	display:none;
}

/*FORM 7*/

div.wpcf7-response-output {
    color: #FFFFFF;
    padding: 1em;
	background: none repeat scroll 0 0 #A7B911;
    border: medium none;
}

span.wpcf7-not-valid-tip {
    background: none repeat scroll 0 0 #A7B911;
	color:#FFFFFF;
	border:none;
}

div.wpcf7-validation-errors {
    background: none repeat scroll 0 0 #A7B911;
    border: medium none;
    color: #FFFFFF;
    padding: 1em;
}

#gallery img {
	max-width: none;
}

#maphome {
    margin-bottom: 18px;
}

.wpcf7-form img.ajax-loader {
	height: 32px;
    left: 7px;
    max-width: none;
    top: -1px;
    width: 32px;
}

.scroll {
	width: 100%;
	background-size: 100% 100%;

}
.galeria-proyectos {
    height: 1730px;
}
.galeria-construccion {
    height: 1030px;
}
.galeria-proyectos h2, .galeria-construccion h2 {
    font-size: 1.6em;
    margin-bottom: 20px;
    border: none;
}
@media screen and (max-width: 950px) {
	.galeria-proyectos {
	    height: 1590px;
	    margin-bottom: 50px;
	}
	.galeria-construccion {
	    height: 1030px;
	}
}
@media screen and (max-width: 900px) {
	.galeria-proyectos {
	    height: 1490px;
	    margin-bottom: 50px;
	}
	.galeria-construccion {
	    height: 1030px;
	}
}
@media screen and (max-width: 870px) {
	.galeria-proyectos {
	    height: 1430px;
	    margin-bottom: 50px;
	}
	.galeria-construccion {
	    height: 1030px;
	}
}
@media screen and (max-width: 740px) {
	.galeria-proyectos {
	    height: 1310px;
	    margin-bottom: 50px;
	}
	.galeria-construccion {
	    height: 1030px;
	}
}
@media screen and (max-width: 670px) {
	.galeria-proyectos {
	    height: 1220px;
	    margin-bottom: 50px;
	}
}
@media screen and (max-width: 600px) {
	.galeria-proyectos {
	    height: 1090px;
	    margin-bottom: 50px;
	}
}
@media screen and (max-width: 480px) {
	.galeria-proyectos {
	    height: 5490px;
	    margin-bottom: 50px;
	}
}
@media screen and (max-width: 410px) {
	.galeria-proyectos {
	    height: 5640px;
	    margin-bottom: 50px;
	}
}
@media screen and (max-width: 385px) {
	.galeria-proyectos {
	    height: 5150px;
	    margin-bottom: 50px;
	}
}
@media screen and (max-width: 320px) {
	.galeria-proyectos {
	    height: 4440px;
	    margin-bottom: 50px;
	}
}
@media screen and (min-width: 480px) and (max-width: 781px) {

	h3.nav-toggle.icon {
	    position: relative;
	    top: 120px;
	}
}