/* 	Design by : Roshan Ravi (roshanravi.com)
	Designer URL : cssheaven.org
	For custom web design works, contact me from roshanravi.com
	For more free css templates visit cssheaven.org
	
	License :  All the graphics, CSS and HTML files included in this template are released under GNU-GPL License.
*/


@import url("../FONTS/droidsans.css");
@import url("../FONTS/texgyre.css");
* {padding:0; margin:0;}

.clear {
 clear:both;
}
.clear:after {
 display:block; 
 visibility:hidden; 
 clear:both; 
 height:0; 
 content: "."; 
}

html {background: gainsboro; width:100%; height:100%;}
body {background:url(../IMAGES/topbg.jpg) repeat-x;  font-family :'DroidSansRegular', Verdana, Geneva, sans-serif; font-size:62.5%;}
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; display: none; }
/*a, a:link, a:visited, a:active {color:#1c5f75;}*/
#wrap {width:1001px; margin:0 auto; padding-top:20px; height: 800px;}
h1, h2, h3 {font-family: 'TeXGyreAdventor', Arial, sans-serif;}
h4, h5 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
nav, section, header, article {display:block;}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

/*#homeheader {background:url(../IMAGES/mainheader.gif) no-repeat; height:320px;}*/
#homeheader {-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background-color: #bfe9ff; height:320px; text-align: justify;}
#page {width:962px; margin:auto; padding:0 20px;}
.mainheading {background: url(../IMAGES/graybgtop.gif) center bottom no-repeat; height:60px; line-height:60px; text-align:center; margin:0 0 1px 0!important; color:#251f1b!important;}
.introhead {font-size:1.8em;}

#introcol {background:url(../IMAGES/introcolsbg.jpg) no-repeat; height:250px; text-align: justify;}
#introcol .leftcol { width:270px; padding:25px; float:left;}
#introcol .rightcol { width:265px; padding:25px; float:right;}
#introcol .midcol {margin: 0 320px 0 330px; padding: 25px 20px;}
#introcol h3 {font-size:2.0em; text-transform:uppercase; margin-bottom:15px; text-align: center;}
#introcol p {text-align: justify;}

#fourcols .col {width:195px; float:left; padding:20px 22px; margin-bottom:15px;}
#fourcols h3 { font-size:1.6em; color:#1c5f75; margin-bottom:15px;}

table.width50 {margin:15px 0; font-size: 12px;}
table.width50 {margin:0; border-collapse:collapse;}
table.width50 th {padding:5px 5px;}
table.width50 td {padding:5px 5px;}
table.width50 th {text-align:left; vertical-align:middle; font-weight:bold;}
table.width50 {border:2px solid #cfcfcf;}
table.width50 th {border-right:1px solid #0074B3; background-color:#0085cc; color:#fff;}
table.width50 td {border:1px solid #5A5143;}
table.width50 tr.bg td {background-color:#e8f6ff;}

table.width100 {margin:15px 0; font-size: 12px;}
#content a {text-decoration:none;}
#content p {font-size:1.2em; line-height:1.8em;}
#content table.width100 {margin:0; border-collapse:collapse;}
#content table.width100 {width:100%;}
#content table.width100 th {padding:5px 5px;}
#content table.width100 td {padding:5px 5px;}
#content table.width100 th {text-align:left; vertical-align:middle; font-weight:bold;}
#content table.width100 {border:2px solid #cfcfcf;}
#content table.width100 th {border-right:1px solid #0074B3; background-color:#0085cc; color:#fff;}
#content table.width100 td {border:1px solid #5A5143;}
#content table.width100 tr.bg td {background-color:#e8f6ff;}
#content table.width100 a {color:#0085cc;}
/*a:hover, #content a:hover {color:#d35537; text-decoration:underline!important;}*/
footer {background:#504842 url(../IMAGES/bottombg.jpg) repeat-x; color:#666;}

#mainnav {height:80px;}
#mainnav h1 {float:left; padding:20px 0 0 25px; font: bold 3.2em 'TeXGyreAdventor', Arial, sans-serif; color:#d35537; text-shadow:#fff 1px 1px 1px; text-transform:uppercase;}
#mainnav h1 span {font-weight:bold!important; color:#003!important;}
/*#mainnav ul {float:right; width:550px; font:bold 1.6em 'TeXGyreAdventor', Arial, sans-serif; padding-top:25px;}
#mainnav ul li {display:inline; text-shadow:#fff 1px 1px 1px;}
#mainnav ul li a {text-decoration:none; display:block; float:left; margin:0 15px; padding-bottom:5px;}
#mainnav ul li a:hover {color:#d35537; text-decoration:none!important;}
#mainnav ul li.active a {color:#d35537; border-bottom:solid 3px #191512; text-decoration:none;}*/
#homeheader h2 {display:block; width:450px; float:left; padding:85px 0 0 40px;  font:normal 1.4em 'DroidSansRegular', Verdana, Geneva, sans-serif; line-height:1.8em;}
#homeheader h2 span {display:block; font:bold 1.6em 'TeXGyreAdventor', Arial, sans-serif!important; color: black; line-height:1em!important; margin-bottom:20px;}
/*#homeheader .headerimg {float:right; padding:55px 80px 0 0;}*/
#homeheader .headerimg {float:right; padding:55px 0 0 55px; position: absolute; z-index: 0;}
#bottom {width:960px; margin:auto; padding:10px 0; text-align:center;}
#credits {background:#2d2724; padding:10px; text-align:center; color:#ccc;}
footer a, #bottom a, #credits a {color:#fff; text-decoration:none!important;}
.normalpage {background:url(../IMAGES/normalpagebg.png) center top no-repeat; padding-top:13px;}
.normalpage .subhead {background: url(../IMAGES/graybgtop.gif) center bottom no-repeat; height:60px; line-height:60px; text-align:center; margin:0 0 1px 0!important; color:#251f1b!important;}
.subhead h2 {font-size:1.8em!important;}
.post {padding:10px 25px; background: #f0f0f0 url(../IMAGES/graybgtop.gif) center bottom no-repeat; margin-bottom:15px;}
.post h3 {font:bold 1.8em 'TeXGyreAdventor', Arial, sans-serif; color:#d35537; margin-bottom:15px;}
.post p {margin-bottom:15px;}
.imageholder {float:left; width:258px;}
.imageholder img {display:block; background:#fff; padding:5px; border:solid 1px #ccc;}
.entry {width:640px; float:right;}
.normalpage #fourcols h3 {color:#d35537!important;}
/*.logname {width: 280px; text-align: right; margin-right: 25px;}*/
.logname {text-align: right; margin-right: 25px;}
.FormError{float:left; color:#FF0000;}

.msg {padding:10px; padding-left:35px; position: absolute; z-index: 5; top: 250px; left: 40%; font-size: 12px;}
.msg.info {background:url("../IMAGES/ico-info.gif") 10px 50% no-repeat;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.error {background:url("../IMAGES/ico-delete.gif") 10px 50% no-repeat;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}

.msg.done {background:url("../IMAGES/ico-done.gif") 10px 50% no-repeat;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}

.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning {background:url("../IMAGES/ico-warning.gif") 10px 50% no-repeat;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}

fieldset {position:relative; margin:10px 0; padding:10px;}
fieldset {border:1px solid #ccc;}
legend {font-size:120%; font-weight:bold;}
/*legend {background:#FFF; color:#0085cc;}*/
.imgnav {
    position: absolute;
    width: 300px;
}
.input-text {
    padding:3px;
/*    font:100%/1.5 "arial", sans-serif;*/
}
.input-text-up {padding:3px; text-transform: uppercase;}
.input-text-02 {padding:5px; font:140%/1.5 "arial", sans-serif;}
.input-submit {padding:5px; font-size:120%;}
.input-submit-02 {padding:1px; font-size:100%;}
ul{
    list-style: none;
    list-style-type: none;
    list-style-position: outside;
}
a{
    cursor: pointer;
    color: #ece6bd;
    text-decoration: underline;
    outline: none !Important;
}
.clearfix{
    overflow: hidden;
}
.wrapper{
    width: 982px;
    margin: 0pt auto;
    padding-top: 10px;
}

/******* MENU *******/
ul.dropdown{
/*    width: 200px;*/
    float: right;
    border: 1px solid whitesmoke;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    margin-top: 2em;
    position: relative;
    z-index: 1;
}
ul.dropdown li{
    display: none;
    font-size: 12px;
}
ul.dropdown li.active{
    display: block;
    color: #8c8c8c;
    font-size: 14px;
/*    padding: 12px;*/
    color: #555;
    border-top: 1px solid whitesmoke;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
ul.dropdown li.active span{
    background: transparent url("../IMAGES/dropdown.png") no-repeat scroll right center;
    padding-right: 24px;
    color: #000;
}
ul.dropdown li a{
    display: block;
    text-decoration: none;
    padding: 8px 8px 8px 10px;
    color: #000;
    background: whitesmoke;
    border-bottom: 1px solid whitesmoke;
}
ul.dropdown li.last a{
    border:0;
}
ul.dropdown li.first a{
    border-top: 3px solid whitesmoke;
}
ul.dropdown li a:hover{
    background: gainsboro;
    color: #fff;
    padding-left: 11px;
}
/******* /MENU *******/

#search {
display: inline-block;
position: relative;
right: 44px;
}
#search input {
border: 0;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-o-border-radius: 5px 0 0 5px;
-ms-border-radius: 5px 0 0 5px;
-khtml-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
color: #7E7E7E;
font: 12px/16px Tahoma, sans-serif;
padding: 7px 0 7px 10px;
position: relative;
width: 159px;
z-index: 4000;
}
#search .search-filter {
display: inline-block;
line-height: 26px;
position: relative;
zoom: 1;
}
#search .search-filter strong {
background-color: whiteSmoke;
border-left: 1px solid #C1C1C1;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-o-border-radius: 0 5px 5px 0;
-ms-border-radius: 0 5px 5px 0;
-khtml-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
border-right: 1px solid #C1C1C1;
-moz-box-shadow: 0 -1px 0 0 #e1e1df inset;
-webkit-box-shadow: 0 -1px 0 0 #e1e1df inset;
-o-box-shadow: 0 -1px 0 0 #e1e1df inset;
box-shadow: 0 -1px 0 0 #e1e1df inset;
color: #7E7E7E;
cursor: pointer;
display: inline-block;
font-size: 12px;
line-height: 16px;
padding: 7px 11px 7px 10px;
position: relative;
z-index: 4050;
zoom: 1;
}
#search .search-filter strong span {
background: url('../IMAGES/search-arrow-sprite.png') 100% 8px no-repeat;
display: block;
padding-right: 11px;
}
#search .search-filter ul {
background-color: white;
border: 1px solid #C1C1C1;
-moz-box-shadow: 0 4px 0 0 rgba(23, 23, 23, 0.1);
-webkit-box-shadow: 0 4px 0 0 rgba(23, 23, 23, 0.1);
-o-box-shadow: 0 4px 0 0 rgba(23, 23, 23, 0.1);
box-shadow: 0 4px 0 0 rgba(23, 23, 23, 0.1);
display: none;
list-style: none;
min-width: 150px;
padding: 0 0 5px;
position: absolute;
right: 0;
top: 29px;
width: auto;
z-index: 4000;
}
#search .search-filter ul li {
display: block;
float: none;
}
#search .search-filter ul label.active {
background-color: #E6E6E4;
color: #232323;
}



nav[role="navigation"] ul li, .info-nav li {
display: inline-block;
float: left;
font-size: 12px;
line-height: 18px;
position: relative;
z-index: 5000;
}
#search .search-filter ul label {
color: #7E7E7E;
display: block;
font-size: 12px;
line-height: 18px;
padding: 4px 10px;
}
#search .search-filter ul input {
display: none;
}
#reporte {background: #f0f0f0;}