/*
Theme Name: Elegant Black
Theme URI: amppropiedades.cl
Author: Gabriel Gonzalez
Author URI: m4debian@gmail.com
Description: Template Creado para Amppropiedades
Version: 1.0
*/
html {width: 100%; height: 100%;}
@font-face {
    font-family: 'segoe';
    src: url('fonts/segoel.eot');
    src: url('fonts/segoel.eot') format('embedded-opentype'),
         url('fonts/segoel.woff') format('woff'),
         url('fonts/segoel.ttf') format('truetype'),
         url('fonts/segoel.svg#SegoeLightRegular') format('svg');
}
body {width: 100%; height: 100%; background: white; margin: 0; padding: 0; font-family: segoe, Tahoma, Verdana;}
header {width: 100%; height: 300px; background: url(http://puente2.cl/wp-content/uploads/2023/09/santiago-de-chile-1308785_1920.jpg) no-repeat center bottom fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  color: white;
  border-top: 0px solid #007a9f;}
img {max-width: 100%; height: auto;}
h1,h2,h3,h4,h5,h6,p,img,ul,li {border: none; text-decoration:none; margin: 0; padding: 0;}
a {text-decoration:none;}
#header-logo {width: 960px; height: 150px; margin: 0 auto; text-align: center;}
#header-nav {width: 100%!important; height: 110px!important;}
nav {width: 960px; height: auto!important; margin:0 auto!important; text-align: center!important; font-size: 150%!important;}

nav  ul li{display: inline-block!important;
							 margin-right: 20px!important; 
							 margin-top: 40px!important;
							 }
nav  ul li a {color: white!important; 
								text-decoration:none!important;}
nav  ul li.current_page_item a {padding-bottom: 6px; font-size: 160%; color: #007a9f;}
section {width: 100%; height: auto; background: url(img/bg-main2.jpg) repeat-x top #fff; margin-bottom:100px;}
#section-area {width: 960px; height: auto; margin: 0 auto; }
#section-area h1{text-align:center; color:#808b8d; margin-top:10px;}
.span10 {width: 100%; height: auto;}
.span3 {width: 317px; height: auto; display:inline-block; vertical-align: top;}
.texto-footer {text-align: center; margin-top: 20px; color: #7b7b7b; font-size: 80%;}
footer {width: 100%; height: auto; font-size: 80%; margin: 0 auto; background: #111;  color: white;}
footer .span11 {width:960px; height: auto; margin: 0 auto;padding-top: 20px;}
article .span5 {width: 600px; height: auto; display:inline-block; vertical-align: top;}
article .span6 {width: 340px; height: auto; display:inline-block;vertical-align: top;}
.mapp-layout {width: 100%!important; height: auto;}
.precio-post {font-size: 160%;}
/*quienes somos*/
.somos-medio {width: 180px; height: auto; display: inline-block;vertical-align: top; text-align:center; margin-top: 100px;}

.foto-team {width: 100%; height: auto;}
.indicadores {width: 600px; height: auto; display:inline-block; vertical-align:top;}
#am_wpie-2 {float:left;}

.am_wpie dl dd.today .condition {background: none!important; text-align:left!important;}

.am_wpie dl {height: auto!important; margin: 0px !important;}

.am_wpie dl dd.today {margin:0px!important; text-align:left!important;}

.am_wpie dl dd.today {text-align:left!important;}

.am_wpie dl dd.today .temperature {background-color:#007a9f!important; color:black!important;text-align:left!important;}

@media screen and (min-width: 481px) and (max-width: 700px) {
	#header-logo {width: 100%;}
	nav {width: 100%; font-size: 100%;}
	nav .menu-menu-container ul li.current_page_item a {font-size: 100%; font-weight: bolder;}
	#section-area {width: 100%;}
	.awqsf_box {width: 100%; padding: 20px;}
	.span3 {width: 100%;}
	footer {text-align: center; width:100%;}
	footer .span11 {width:100%;}
	article .span5 {width: 100%;}
	article .span6 {width: 100%;}
	#wpc-products {width: 100%; text-align: center;}
	.wpc-products {width: 100%!important;}
	#producto-left  {width:100%;}
	#producto-right {width:100%!important;margin-left: 0px!important;}
	#producto-left, .producto-thumbs, .wpc-product-img {width: 100%!important;}
	#resultados {width: 100%;}
	#resultados, .r-box {margin-bottom: 20px;}
	.contacto-span10{width: 100%!important; padding-left: 0px!important;}
	.contacto-span1 {width: 100%!important;}
	.contacto-span1 input {width: 90%!important;}
	.contacto-span2 textarea {width: 100%!important;}
	.somos-medio {width:100%;}
	}
	
@media screen and (min-width: 200px) and (max-width: 480px) {
	header {width:100%; height:350px;}
	#header-logo {width: 100%; height: 250px;}
	nav {width: 100%; font-size: 100%;}
	nav .menu-menu-container ul li.current_page_item a {font-size: 100%; font-weight: bolder;}
	#section-area {width: 100%;}
	.awqsf_box {width: 100%; padding: 5px 40px 5px 40px;}
	.wpc-product {width: 90%; height: auto;}
	.wpc-product .wpc-img {max-width: 100%!important; height: auto!important;}
	.span3 {width: 100%;}
	footer {text-align: center; width:100%;}
	footer .span11 {width:100%;}
	article .span5 {width: 100%;}
	article .span6 {width: 100%;}
	#wpc-products {width: 100%; text-align: center;}
	.wpc-products {width: 100%!important;}
	#producto-left  {width:100%;}
	#producto-right {width:100%!important;margin-left: 0px!important;}
	#producto-left, .producto-thumbs, .wpc-product-img {width: 100%!important;}
	#producto-left, .producto-thumbs, .wpc-product-img, .new-prdct-img {text-align:center;}
	.awqsf_box p {margin-left: 0px!important;}
	#resultados {width: 100%; text-align:center;}
	#resultados, .r-box {margin-bottom: 20px;}
	.contacto-span10{width: 100%!important; padding-left: 0px!important;}
	.contacto-span1 {width: 100%!important;}
	.contacto-span1 input {width: 90%!important;}
	.contacto-span2 textarea {width: 100%!important;}
	.somos-medio {width:100%;}
	}	
	
/*buscador*/

#aqsfformid {border:none; font-size: 90%; margin: 40px 0px 40px 0px;}
.awqsf_box {display: inline-block; width: 230px; margin-right: 10px;  vertical-align: top; word-wrap:break-word; }
.awqsf_box .taxo-label-1,.taxo-label-0,.taxo-label-2,.taxo-label-3{color: #333333; font-size: 130%;}
.awqsf_box p {margin-left: 350px; margin-top: 40px;}
.awqsf_box p input {background: #007a9f; padding: 10px 20px 10px 20px; border:none; border-radius: 2px; color: white; font-size: 150%; cursor:pointer;}
.awqsf_box p input:hover {background: #96bd2c;}
.awqsf_box select {width: 100%; background: #f7f7f7; border: 1px solid #cccccc; color:#333333; padding: 10px 20px 10px 20px;}
.test_slide {width: 10%; margin: 0 auto; background: #007a9f; text-align: center; height: 40px; font-size: 110%; border-radius: 0px 0px 5px 5px; cursor:pointer; padding: 10px;}
.test_slide:hover {
	background-color: #576F13;
}
.test_slide a {text-decoration:none; color: white; padding-top: 5px;}

/*catalogo*/
.wp-catalogue-breadcrumb {display: none;}
#wpc-products {width: 100%; text-align:center;}

.wpc-product {width: 190px; height: 250px;display:inline-block; background: white; vertical-align: top; border:none!important; padding: 10px; float:none; border-radius: 5px; text-align:center;
-webkit-transition: -webkit-transform 0.4s ease-in-out;
-moz-transition: -moz-transform 0.4s ease-in-out;
-o-transition: -o-transform 0.4s ease-in-out;}
.wpc-product:hover  {background: #212121; -moz-transform: scale(1.1); -webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.wpc-product:hover a {color:white;}
.wpc-product .wpc-img {width: 170px!important; height: auto!important; border: 1px solid #fff!important;box-shadow: 0 0 25px rgba(0, 0, 0, 0.3); padding: 10px; background: #fff;}
.wpc-product .wpc-img a img {max-width: 100%!important; height: 150px;}
.wpc-product p {width: auto;min-height: auto; padding:5px 0px 0px 0px;}
.wpc-title a {background: url(img/foto-link.png) no-repeat scroll center top transparent; font-size: 100%; padding-top: 10px; color: #2a3038;}
.wpc-title a:hover {background-position:center top!important; color: #007a9f;}
#wpc-col-1 {display:none !important;}
#wpc-col-2 {width: 100%!important; margin:0 auto!important; float:none!important;}
#wpc-catalogue-wrapper {width: 100%; height: auto; padding: 40px 0px 0px 0px;}
#wpc-product-gallery .wpc-product-img .new-prdct-img {display: inline-block; border: 2px solid #fff;box-shadow: 0 0 25px rgba(0, 0, 0, 0.3); width: 80px!important; height: auto!important;}
.precio-principal {width:100%; background: #007a9f; text-align:center; min-height: 40px; margin-top:10px; border-radius: 5px;}
.precio-principal p{color:#fff; font-weight: bolder; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}


/*producto arrehlos*/
#producto-left {width: 500px; display:inline-block; height: auto; vertical-align: top;}
#producto-right {width: 400px; margin-left: 40px; display:inline-block;height: auto;vertical-align: top; color: #4a5157;}
#producto-left .producto-zoom {width: 100%!important; height: auto;}
#producto-left .producto-zoom .product-img-view {width: 100%; height: auto; border:none!important; margin-bottom: 20px;}
#producto-left .producto-zoom .product-img-view img {max-width: 100%!important; height: auto!important; box-shadow: 0 0 25px rgba(0, 0, 0, 0.3)!important; border: 1px solid #fff;}
#producto-left .producto-thumbs {width: 100%; height: auto;}
#producto-left .producto-thumbs .wpc-product-img {float:none!important; width: 100%; }
#producto-left .producto-thumbs .wpc-product-img .new-prdct-img {border:none!important; width: 79px; display:inline-block;}




/*contacto*/
.contacto-span10 {width:100%; height: auto; padding-left:25px; color: #4a5157;} 
.contacto-span1 {width: 450px; height: auto; display:inline-block;}
.contacto-span1 input {background: #fff; border: 1px solid #DDDDDD; padding: 15px 10px 15px 10px; width: 420px; }
.contacto-span2 {width: 100%; height: auto;}
.contacto-span2 textarea {background: #fff; border: 1px solid #DDDDDD; width: 900px;}
.contacto-span3 {width: 100%; height: auto; text-align: center;}
.contacto-span3 input {background: #222122; color: white; font-size: 80%; border: none; padding: 15px 50px 15px 50px; cursor:pointer; margin: 10px 0px 10px 0px;}
.contacto-span3 input:hover {background:#007a9f;}

/*resultados*/
#resultados{width:100%; height: auto; margin-top: 100px; text-align:center;}
#resultados h1 {margin: 20px 0px 20px 0px;}
#resultados .r-box {width: 150px; height: auto;display:inline-block; background: white; vertical-align: top; border:none!important; padding: 10px; float:none; border-radius: 5px; text-align:center;
-webkit-transition: -webkit-transform 0.4s ease-in-out;
-moz-transition: -moz-transform 0.4s ease-in-out;
-o-transition: -o-transform 0.4s ease-in-out; margin-bottom: 50px;}
#resultados .r-box img {box-shadow: 0 0 25px rgba(0, 0, 0, 0.3); width: 100%; height: 150px;}
#resultados .r-box:hover {background: #212121; -moz-transform: scale(1.1); -webkit-transform: scale(1.1);-o-transform: scale(1.1);}
#resultados .r-box:hover a {color:white;}
#resultados .r-box a {font-size: 100%; padding-top: 10px; color: #2a3038;}
#resultados .r-box a:hover {background-position:center top!important; color: #007a9f;}


.wpc-product a p{ color:black; text-align: left;}
.oli ul{width: 100%; background:red;}
.wpc-paginations {display: none!important;}

.fixed {position:fixed;opacity: 1;top: 0;left: 0;width: 100%;background: url(img/bg-px-menu.png) repeat;z-index: 9999;border-bottom: 1px solid #007a9f;}

/* Ocultar botón radio */
input[id^="spoiler"]{
	display: none;
	}
	/* Estilo botón clicable */
	input[id^="spoiler"] + label {
	display: block;
	text-align: center;
	width: 10%;
	height: 40px;
	margin: 0 auto;
	border-radius: 10px;
	padding: 10px 10px 10px 10px;
	background: #007a9f;
	cursor: pointer;
	}

	/* Estilo botón cuando su INPUT está seleccionado */
	input[id^="spoiler"]:checked + label {
	color: #007a9f;
	background: #ccc;
	}
	/* Estilo caja SPOILER (inicialmente oculto) */
	input[id^="spoiler"] ~ .spoiler {
	width: 90%;
	height: 0;
	overflow: hidden;
	opacity: 0;
	margin: 10px auto 0;
	}
	/* Estilo caja SPOILER cuando su INPUT está seleccionado */
	input[id^="spoiler"]:checked + label + .spoiler{
	height: 100px;
	text-align: center;
	opacity: 1;
	}
.margen {
	width: 300px;
	text-align: left;
}

.icono {
	width: 30px;
	}

.destacado {
    display: flex; /*Convertimos al menú en flexbox*/
	margin-left: 280px;
	margin-top: 50px;
    justify-content: space-between; /*Con esto le indicamos que margine todos los items que se encuentra adentro hacia la derecha e izquierda*/
    align-items: left; /*con esto alineamos de manera vertical*/
	width: 25%;
}