/*
Theme Name: ConsultaFolios
Author: Puerto Diseño 
Author URI: https://puertodiseno.cl
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: consultafolios

*/

@font-face {
    font-family: 'TradeGothicBd20';
    src: url('fonts/TradeGothicLTStd-BdCn20.otf');
    src: local('☺'), url('fonts/TradeGothicLTStd-BdCn20.woff') format('woff'), url('fonts/TradeGothicLTStd-BdCn20.ttf') format('truetype'), url('fonts/TradeGothicLTStd-BdCn20.svg') format('svg');
font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TradeGothic18';
    src: url('fonts/TradeGothicLTStd-Cn18.otf');
    src: local('☺'), url('fonts/TradeGothicLTStd-Cn18.woff') format('woff'), url('fonts/TradeGothicLTStd-Cn18.ttf') format('truetype'), url('fonts/TradeGothicLTStd-Cn18.svg') format('svg');
font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TradeGothicLTStd';
    src: url('fonts/TradeGothicLTStd.otf');
        src: local('☺'), url('fonts/TradeGothicLTStd.woff') format('woff'), url('fonts/TradeGothicLTStd.ttf') format('truetype'), url('fonts/TradeGothicLTStd.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'tradeGothicLTStd-bold';
    src: url('fonts/TradeGothicLTStd-Bold.otf');
    src: local('☺'), url('fonts/TradeGothicLTStd-Bold.woff') format('woff'), url('fonts/TradeGothicLTStd-Bold.ttf') format('truetype'), url('fonts/TradeGothicLTStd-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;

}


body, ul, li, section, header, a{margin: 0; padding: 0;  font-family :'TradeGothic18'; list-style: none; text-decoration: none; }
a{ color: #fff; text-decoration: none }
header,  #filtro_home, footer , section {
    min-width: 960px;
    max-width: 1024px;
    margin: 0 auto;
    background-color: #ffffff;
}
body{ background-color: #000; }
#contentHeader{ width: 1024; height: 586px;position: relative;  background-color: #000;}
#barra{ width: 890px; height: 53px; background-color: #000; color: #fff; opacity: 0.8;filter: alpha(opacity=40); position: absolute; margin-left:67px; top: 10px; }
#logo{ width: 890px; height: 53px; position: absolute; margin-left:67px; top: 10px; }
#logo img{ }
#menu { text-align: right; float: right; height: 53px; width: 50% }
#menu li { margin-right: 31px; margin-top: 20px; font-size: 13px;font-weight: bold; }
header li span {
    position: absolute;
    width: 294px;
    height: 150px;
    margin-left: 70px;
    font-family :'TradeGothicBd20';
	font-size : 39px;
	color: #fff;
	margin-top: 142px;
	
}
header li span b {
    line-height: 33px;
    font-size: 23px;
    vertical-align: top;
}
header li span p{

    font-family :'TradeGothic18';
	font-size : 30px;
}

#formulario{ width: 254px; height: 363px; background-color: #fff; position: absolute; bottom: 100px; right: 70px;}

#formulario h1{ font-family :'TradeGothicBd20'; margin: 24px 0 0 30px; font-size: 40px; text-decoration:underline;  line-height:40px; }
#formulario p strong{  font-family :'TradeGothicBd20';  font-size : 13px; }
#formulario p{  margin: 20px 30px 12px 30px;   font-family :'TradeGothic18';    font-size : 13px;   } 
#formulario  label{ margin: 3px 0 0 30px; display: block;  font-family :'TradeGothicBd20'; font-size : 12px; width: 180px }
#formulario  label span{ display: block; width: 150px; }
#formulario input{ width:150px; height:18px; margin-top: 5px; background-color: #fff !important;font-size : 11px;  }
#formulario input.rut{ width:100px; height:18px; margin-top: 5px; float: left; }
#formulario input.digito{ width:20px; height:18px; margin-top: 5px; margin-left: 10px; }
#formulario input.boton { background: #B5BCC0; border:0; width: 99px; height: 17px; color: #fff; 
    font-family :'TradeGothicBd20'; font-size: 13px;
     margin: 17px 0 0 30px; background-image:url("images/fondo_boton.png");
   background-repeat:no-repeat;
  }

#apartados, footer, main{ width: 1024px; margin: 0 auto; height: auto; }

.destacados{
    width: 269px; height: 405px;
    margin: 50px 40px 0 0 ; background-color: #58595B; float: left;
    font-family: 'TradeGothicLTStd'; font-size: 13px; color: #BCBEC0;

}
#apartados{ height: auto; overflow: hidden;  background-color: #ECECEC;  }
.destacados p,.destacados h2, .destacados h3{ margin: 10px 26px 0 26px; }
.destacados h2{  font-family :'TradeGothicBd20'; color: #fff; text-transform: uppercase; margin-top: 20px;
    font-size : 17px;}
.destacados h3{ font-family: 'TradeGothicBd20'; font-weight: bold; font-size: 13px
}
#apartados .btn_inscribete{  width: 200px; height: 20px; color: #ECECEC; background-color: #fff }

#apartados .btn_inscribete {
    width: 182px;
    height: 24px;
    color: #58595B;
    background-color: #fff;
    display: block;
    text-align: center;
    padding: 7px 0 0 0;
    font-family :'TradeGothicBd20'; 
    font-size: 16px;
}

.centro{ margin: 0 0 0 70px; background-color: #ECECEC; }
.destacados img{
    width: 269px; height: 152px;
}
ul.marcas{ margin:100px 0 30px 0; float: left; width: 887px;}
ul.marcas li { float: left; list-style: none; margin-left: 15px  }

footer div.footer{ height: 190px; width: 1024px; display: block; float: left;  background-color: #58595B; } 

footer {color: #fff;}
footer .direccion{ float: right; width: 500px; margin: 70px 70px 0 0;  }
footer .direccion p{ text-align: right; margin:0 0 15px; width: 100%;    font-family :'TradeGothic18';
    font-size : 16px;}
 footer .direccion p.h1_footer a, footer .direccion p strong { font-family :'TradeGothicBd20';  
    font-size : 16px; }

footer img{ float: left; margin-left:70px; margin-top: 50px; }
#popup .wdpu-text { font-family: sans }

.wdev-window, .wdpu-18 .wdpu-msg{ top: 100px !important; background:#000 !important;  }
.wdpu-18 .wdpu-msg div{ padding: 0 !important; margin: 0 !important; }