@charset "UTF-8";
/* CSS Document */
/* Diseño, HTML y CSS por EDuardo Aranda Lazcano, Chile 2015 */

* {margin:0;padding:0;}
body, html {margin:0;padding:0;height:100%;background:#000;color:#fff;font-size:12px;font-family: 'Open Sans', sans-serif;}
h1 {font-weight: 600;}
h2 {}
h3 {font-size: 16px;font-weight: 400;color:#828282;}
a {color:#fff;text-decoration:underline;}
a:hover {}
a:active, a:visited {color:#fff;text-decoration:underline;}
#container {min-height:100%;position:relative;height:100%;display:table;}
#header {padding:10px;}
#content {padding:10px;padding-bottom:40px;}
#footer_home {position:relative;bottom:0;width:100%;min-height:20px;}
#footer {position:absolute;bottom:0;width:96%;min-height:20px;}

.wrapper {display:block;width:100%;max-width:980px;padding:0 20px;margin:0 auto;background:url(../images/trama_puntos.png) repeat;}

.header {display:table;width:100%;}
.header .logo {width:60%;display:inline-block;float:left;}
.header .logo .logo_r {display:inline-block;float:left;margin:12px 30px 10px 0;}
.header .logo .logo_name {display:inline-block;margin-top:70px;width:290px;height:auto;}

.header .menu {width:40%;display:inline-block;float:left;margin-top:9px;}
.header .menu ul {list-style:none;float:right;}
.header .menu ul li {float:left;}
.header .menu ul li a {padding:10px;text-align:left;text-decoration:none;color:#aaa;font-size:14px;}
.header .menu ul li a:hover {text-decoration:none;color:#e32321;}
.header .menu ul li a i {display:inline-block;width:16px;height:16px;background:url(../images/icos_menu.png) no-repeat;margin-right:6px;}
.header .menu ul li.home i {background-position:-2px -5px;}
.header .menu ul li.clientes i {background-position:-2px -33px;}
.header .menu ul li.contacto i {background-position:-2px -57px;}
.header .menu ul li.home:hover i {background-position:-2px -82px;}
.header .menu ul li.clientes:hover i {background-position:-2px -110px;}
.header .menu ul li.contacto:hover i {background-position:-2px -134px;}

.content {display:block;}
.content .presentacion {width:60%;float:right;margin:50px 0 80px 180px;}
.content .presentacion p {font-size:18px;text-align:left;font-weight:300;line-height:26px;}
.content .presentacion span {font-weight:bold;}

.content .grupo_galeria {display:table;width:100%;}
.content .grupo_galeria .seccion {margin:0 0 30px 10px;border-bottom: 1px solid #333;padding-bottom: 8px;}

div.clientes {display:table;padding:30px 0;  margin-bottom: 30px;}
div.clientes ul {list-style: none;margin: 30px auto;}
div.clientes ul li {float:left;width:33%;color:#828282;line-height: 30px;}

.pag_contacto {display:table;padding:30px 0;max-width:701px;margin:30px auto;}
.pag_contacto .bajada {margin-bottom:30px;}
.pag_contacto .inputs {display: inline-block;float:left;width:49%;}
.pag_contacto .grupo_campo {margin-bottom: 10px;display:block;}
.pag_contacto label {width: 110px;display:block;font-size: 14px;margin-bottom:4px;}
.pag_contacto .grupo_campo input[type="text"]  {width:90%;height:16px;padding:6px;font-size: 14px;border:0;}
.pag_contacto .grupo_textarea {display: inline-block;float:left;width:49%;height:142px;resize: none;}
.pag_contacto .grupo_textarea textarea {width:90%;min-height:138px;padding:6px;font-size: 14px;border:0;resize: none;}
.pag_contacto .grupo_boton {display:block;width:100%;padding:20px 0;}
.pag_contacto .boton {display:block;float:right;background:#f4f4f4;font-size: 14px;color:#000;padding:6px 20px;border:0;margin-right:36px;}
.pag_contacto .boton:hover {background:#e32322;color:#fff;}
.pag_contacto #error {background:#e32322;font-size: 14px;padding:6px;color:#fff;margin:20px 0;width:90%;}
.pag_contacto #ok {font-size: 14px;color:#fff;margin:30px;}
.pag_contacto #ok:before {content:' ';display:block;width:40px;height:40px;background:url(../images/flecha.jpg) no-repeat;float:left;margin-right:20px;}
.pag_contacto .mensaje {display:table;width:100%;}

.footer {padding:10px 0;text-align: right;color:#aaa;border-top: 1px solid #333;}
.footer .separador {padding: 0 10px;}
.footer .telefonos {}

.jgallery[data-jgallery-id="1"] .zoom-container:not([data-size="fill"]) .jgallery-container {background:0 none!important;}
.jgallery[data-jgallery-id="1"] {background:0 none!important;}
.pt-perspective {margin-left:94px;max-width: 740px;}
.jgallery[data-jgallery-id="1"] .zoom-container .nav-bottom {background: 0 none!important;height:auto!important;left:0!important;top:0px!important;bottom:inherit!important;z-index:100;}
.jgallery[data-jgallery-id="1"] .zoom-container .nav-bottom > .title {color: #fff;}
.fa-random, .fa-ellipsis-h, .fa-th {display:none!important;}
.jgallery[data-jgallery-id="1"] .zoom-container .nav-bottom .icons {background:none!important;}
.jgallery[data-jgallery-id="1"] .zoom-container .nav-bottom .icons .fa {background:none!important;}
.jgallery .zoom-container .nav-bottom .icons [class*="fa-"] {display:block;}
.jgallery .zoom-container .nav-bottom .change-album .menu {display: block;}
.jgallery .change-album .menu {bottom: -108px;}
.fa-list-ul:before,.jgallery .change-album .title {display:none!important;}
.jgallery.jgallery-tooltips [tooltip]:hover:after {display:none!important;}
.jgallery[data-jgallery-id="1"] .zoom-container .nav-bottom {box-shadow: none!important}
.jgallery[data-jgallery-id="1"] .jgallery-thumbnails {display:none!important;}
.jgallery[data-jgallery-id="1"] .change-album .menu {background:none!important;}
.jgallery[data-jgallery-id="1"] .change-album .menu .item {border:0!important;color:#fff!important;background:none!important;}
.jgallery[data-jgallery-id="1"] .change-album .menu .item.active, .jgallery[data-jgallery-id="1"] .change-album .menu .item:hover {font-weight:bold;}
.jgallery[data-jgallery-id="1"] .change-album .menu .item.active:before {content:' ';width:16px;height:16px;display:inline-block;float:left;margin-right: 8px;background: url(../images/galeria_seleccionada.png)no-repeat;}
.jgallery[data-jgallery-id="1"] .zoom-container .nav-bottom > .title {color:#fff!important;text-shadow: 2px 2px 2px #000;display:none;}/*texto de cada imagen*/
.jgallery[data-jgallery-id="1"] .jgallery-btn {color:#FFF!important;}
.fa-chevron-left {right:10px;top:-100px;}
fa-chevron-right {right:60px;top:-100px;}
.jgallery:hover .zoom-container .prev {left:160px!important;}
.slideshow {display:none!important;}

/*Responsive Design*/
@media screen and (max-width: 1024px) {
    .wrapper {width: 90%;}
}

@media screen and (max-width: 980px) {
    div.clientes ul li {width: 50%;line-height:24px;}
    .header .logo .logo_name {margin-top: 10px;}
    .header .menu {width: 100%;position: absolute;right: 0;}
}

@media only screen and (max-width: 760px){
    .pag_contacto .inputs {display: block;width:100%;}
    .pag_contacto .grupo_textarea {display: block;width:100%;}
    .pt-perspective {margin-left:0px;}
    .content .presentacion {width: 100%;margin: 40px 0 70px 20px;}
    .content .grupo_galeria .seccion {margin:0 0 30px 0;border-bottom: 1px solid #333;font-size: 14px;}
    .header .menu ul li {float:none;  margin-bottom: 13px;}
    .jgallery .zoom {top:90px;}
    .footer {margin-top:20px;}
    .footer .separador {display:none;}
    .footer .telefonos {display:block;clear:both;}
}

@media only screen and (max-width: 600px) {
    .wrapper {width: 90%;padding:0;}
    .header .menu {width: 100%;position: absolute;right: 0;}
}

@media only screen and (max-width: 480px) {
    .header {width: 90%;}
    .header .logo .logo_name {zoom: 80%;margin-top: 20px;}
     div.clientes ul li {width:100%%;line-height:20px;font-size: 14px;}
    .pag_contacto .grupo_campo input[type="text"]  {width:97%;}
    .pag_contacto .grupo_textarea textarea {width:97%;}
    .pag_contacto .boton {margin-right:0;}
    .jgallery .zoom {top:0px;}
}

@media only screen and (max-width: 340px) {
    .header .logo .logo_name {zoom: 70%;margin-top: 20px;}
    }