/* ==========================================================================
   Carolina Agustín Reyes 
   ========================================================================== */

body {  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; color: #595959; font-size: 13px;  line-height: 1.4; background:url(../img/bg.gif); }
h1{color: #015061; font-family: Georgia,"Times New Roman",Times,serif;font-size: 22px; font-weight: 300;padding: 12px 0 10px 20px; }
p{ font-size:12px; line-height:22px;}
a { color: #015061; text-decoration: none; }

.container{ background:#FFF;}
header .col-md-10 { background:url(../img/bghead.gif);  }
header .col-md-2 { background-color:#19775C; }

.logo-poder{ background-image:url(../img/Logo-poder.png); background-size:75px 100px; width:75px; height:100px; display:inline-block; margin-left:auto; margin-right:auto; }
.logo-tepjf{ background:url(../img/logo-tepjf.png) no-repeat; width:100%; height:100px; display:inline-block; }

div#cont-denuncia.row { margin-bottom:30px;}
.icono-denuncia{ background-image:url(../img/icono-denuncia.png); background-size:150px 150px; width:150px; height:150px; }
div.col-md-3 button.btn.btn-primary.btn-lg { margin:15px 0 0 0;}

div#archivo.row { background:#F6F4F5; padding-top:30px; padding-bottom:30px;}
div#archivo.row a { font-size:11px;}
.pdf{ background-image:url(../img/icn_pdf.png); background-size:16px 16px; width:16px; height:16px; display:inline-block; margin:0 8px -3px 0; }


.footer .container { background-color:#00644B; color:#FFF; padding:0 -15px; padding-bottom:0;}
.footer a  { color:#FFF;}
div.footer div.row div.col-md-4, div.footer div.row div.col-md-3 { padding-top:20px; padding-bottom:8px;}
div.footer div.row div.col-md-4 img { float:left; display:inline-block; margin-right:10px;}
.te { margin:10px 0 0 0px;} 
.opc{ padding-left:30px;}

.btn-group  {
    filter: alpha(opacity=80);
    opacity: 0.2;
    position: fixed;
    top:0px;
    left:0px;
}

.btn-group:hover {
    filter: alpha(opacity=1);
    opacity: 1;
    position: fixed;
}

#content_site {
    background-color: #FFF;
    min-height: 200px;
    padding-top: 10px;
}

#main_menu {
    background-color: #00644B;
    background: linear-gradient(top, #42A795 0%, #00684F 100%);  
    background: -moz-linear-gradient(top, #42A795 0%, #00684F 100%); 
    background: -webkit-linear-gradient(top, #42A795 0%,#00684F 100%); 
    border-bottom: 1px solid #C4C4C4; 
    border-top: 1px solid #C4C4C4;
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    height: 29px;
}

.menu-active {
    background: #F6F4F5;
    color: #00644B;
    padding: 5px 40px;
}

nav ul ul {
    display: none;
}

nav ul li:hover > ul {
    display: block;
}

nav ul {
    background: transparent; 
    padding: 0 5px;
    list-style: none;
    position: relative;
    display: inline-table;
}

nav ul:after {
    content: ""; clear: both; display: block;
}

nav ul li {
    float: left;
}
nav ul li:hover {
    background: #F6F4F5;
}

nav ul li a {
    color: #fff;
    text-shadow:  0 0.1em 0.1em #D6D6D6, 0 0 0 #000;
}

nav ul li:hover a {
    color: #00644B;
    text-decoration: none;
    padding: 5px 40px;
}

nav ul li a {
    display: block; padding: 5px 40px;
    color: #FFF; text-decoration: none;
}

nav ul ul {
    background: #F6F4F5; border-radius: 0px; padding: 0;
    position: absolute; top: 90%;
    border-bottom: 1px solid #00644B;
    border-left: 1px solid #00644B;
    border-right: 1px solid #00644B;
}
nav ul ul li {
    float: none; 
    border-top: 1px solid #E8E6E6;
    position: relative;
    min-width: 232px;
}
nav ul ul li a {
    padding: 8px 40px;
    color: #fff;
}	

nav ul ul li a:hover {
    background: #FFF;
}

nav ul ul ul {
    position: absolute; left: 100%; top:0;
}