@charset "UTF-8";
/*--------------- Comunes ---------------*/
body {background:#f9f9f9; font-family:'Lato', Arial, Helvetica, sans-serif;}
.fontface, .fontface * {font-family:'Lato', Arial, Helvetica, sans-serif;}
h1 {font-size:28px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:12px;}
p {font-size:13px;}
a {text-decoration:none; color:#ff6600;}
a:hover {text-decoration:underline;}
.separa {width:100%; clear:both; height:1px; display:block; margin:0; padding:0;}
#main > .separa {height:0;}
.boton {cursor:pointer;}
.aleft {float:left;}
.aright {float:right;}
/* FIN Comunes */

/*--------------- Estructurales ---------------*/
#main {margin:10px auto; margin:15px auto; width:1200px; overflow:hidden;}
#main, #header, #footer {display:block; background:#FFF;}
/* FIN Estructurales */

/*--------------- Header ---------------*/
#header {padding:10px 10px 20px 10px; background:#FEFEFE;}
#header .col1 {width:11%; border-right:1px #e4e4e4 solid;}
#header .col1 .foto {padding:15px 10px;}
#header .col2 {width:87%;}
#header .col2 .titular {margin-top:15px; font-size:40px; color:#444;}
#header .col2 .botonera {border:1px #e3e3e3 solid; border-bottom:2px #e3e3e3 solid; color:#999999; background:#f9f9f9;}
#header .col2 .botonera a {color:#999999; padding:5px 10px; display:block; float:left; font-size:12px;}
#header .col2 .botonera a:hover {background:#f0f0f0; text-decoration:none;}
#header .col2 .botonera .line {float:left; padding:3px 0;}

#header .menu_btn{display:none; text-transform:uppercase; font-size:13px; float:left;}
#header .menu_btn a {display:block; width:60px; margin:0 auto; padding:13px 50px 13px 10px; background:url(/reporte2012/imag/auxi/menu_responsive.png) no-repeat right top #b8773d; color:#FFF;}
#header .menu_btn.activo {display:block;}
#header .col2 .menu_principal {margin-top:20px;}
#header .col2 .menu_principal li {float:left; font-size:13px; color:#666666; border-top:1px #f3f3f3 solid; text-transform:uppercase;}
#header .col2 .menu_principal li:hover {background:#e7e7e7; border-top:1px #ccc solid;}
#header .col2 .menu_principal li.home {background:none; border:none;}
#header .col2 .menu_principal li.home a {background:url(/reporte2012/imag/auxi/home-li.png) no-repeat 0 5px; text-indent:-9999px; padding:8px 15px;}
#header .col2 .menu_principal li a {display:block; padding:8px 10px; color:#666666;}
#header .col2 .menu_principal li a {text-decoration:none;}
/* FIN Header */

/*--------------- Footer ---------------*/
#footer {padding:35px 10px 10px 10px; background:url('/reporte2012/imag/bg/bg-footer.png') repeat-x left top #FFF; background-size:auto 100%; min-height:100px; border-top:1px #FFF solid;}
#footer .navegacion ul {text-align:center;}
#footer .navegacion ul li {font-size:13px; color:#666; display:inline;}
#footer .navegacion ul li.activo a {color:#946133;}
#footer .navegacion ul li a {color:#666; padding:0 10px;}
#footer .foto {text-align:center; padding:15px;}
/* FIN Footer */

/*--------------- Aside ---------------*/
#aside {float:left; width:280px; background:url(/reporte2012/imag/bg/bg_sidebar.png) no-repeat left top; background-size:100% auto; min-height:300px; margin-top:30px;}
#aside .col1 {padding:20px 10px;}
#aside .col1 ul li a {display:block; color:#333333;}
#aside .col1 > ul > li > span a {color:#333333; font-size:14px; background:url(/reporte2012/imag/auxi/bullet3.png) no-repeat 23px center; display:block; padding:10px 25px 10px 38px; position:relative;}
#aside .col1 > ul > li > span a.flecha {display:none;}
#aside .col1 > ul > li > ul {border-bottom:1px #ddd solid; margin:0 15px 10px 15px;}
#aside .col1 > ul > li > ul > li {font-size:12px; color:#666666; margin-left:25px;}
#aside .col1 > ul > li > ul > li a {color:#666; padding:10px; background:url(/reporte2012/imag/auxi/bullet2.png) no-repeat left center; padding-left:15px; display:block;}
#aside .col1 > ul > li > ul > li a:hover, #aside .col1 > ul > li > ul > li a.activo {color:#006699;}

#aside .col1 ul li .active {background:url(/reporte2012/imag/auxi/bullet3-active.png) no-repeat 23px center #b8773d; color:#FFF;}
#aside .col1 ul li .active .flecha {background:url(/reporte2012/imag/auxi/flecha-dorada.png) no-repeat right center; background-size:auto 100%; width:11px; height:100%; position:absolute; right:-10px; top:0; display:block;}
/* FIN Aside */

/*--------------- Otros ---------------*/
/* FIN Otros */

@font-face {
    font-family: 'Lato';
    src: url('fonts/lato-light-webfont.eot');
    src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-light-webfont.woff') format('woff'),
         url('fonts/lato-light-webfont.ttf') format('truetype'),
         url('fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Lato';
    src: url('fonts/lato-bold-webfont.eot');
    src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bold-webfont.woff') format('woff'),
         url('fonts/lato-bold-webfont.ttf') format('truetype'),
         url('fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: bold;
    font-style: normal;

}