/* generated by csscreator.com */
html, body{
    margin:0;
    padding:0;
    text-align:center;
    background-color:white;
    min-width:920px;

}

html {
    font-size:.8em;
    font-family:Arial,Helvetica,sans-serif;
}

#pagewidth{
    width:100%;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
}

#gov-banner {
    height: 72px;
    width:100%;    
    background-image: url("../images/CintilloFluido1.png");
    background-repeat: repeat-x;
    display: block;
}

#gob{
    float:left;
}

#ven{
    float:right;
}

#top-bar {
    width:100%;
    display:inline-table;
    table-layout:auto;
    color:white;
    background-color:black ! important;
}

#top-bar-row{
    height:2.5em;
    display:table-row;
    width:100%;
}

#date,#login,#search{
    display:table-cell;
    vertical-align:middle;
    width:auto;
    text-align:center;
}

#top-bar input{
    /* background-color:black !important;
     color: white !important;*/
    border:0.5px solid #660000;
}

#rotator {
    position:relative;
    width:100%;
    margin :0;
    padding :0;
    height: 100px;
}

.vertical-separator{
    width:100%;    
    text-align:center;    
    vertical-align:middle;    
    padding-top:.5em;
    padding-bottom:.5em;
    font-size:1em;
    height:1em;
    background-color:black;
    color:white;
}

#wrapper3{
    background-color:#F2F2F2;
    width:100%;    
    overflow:hidden;
    position:relative;
}

#wrapper2 {
    width:100%;
    float:left;
    background-color:transparent;
    position:relative;        
    border-right-style: solid;
    border-right-width: 0.5px;
    border-right-color: black;
    right:208px;
}

#wrapper1 {

    background-color:transparent;
    float:left;        
    position:relative;  
    
    left:408px;
    width:100%;
    
    border-left-style: solid;
    border-left-width: 0.5px;
    border-left-color: black;
}

#leftcol {
    float:left;
    width:200px;
    position:relative;    
    overflow:hidden;
    right: 216px;
    margin-left:8px;
}

#maincol {
    overflow:hidden;
    position:relative;    
    right: 208px    
}

#rightcol {
    float:right;
    width:200px;
    position:relative;
    overflow:hidden;
    right: 200px;
    margin-right:8px;
    
}

#leftcol > *,#rightcol > *, #maincol > *{
    margin:1em;    
}

#external1 {
    height:100%;
}

 #external2 {
    height:100%;
}
#popular,#recent{
    height:16em;
    overflow:auto;
}
#external1, #external2{
    text-align:center;
}

.gutter-for-left{
    float:left;
    width:50%;
}

.gutter-for-right{
    width:50%;
    float:right;
}

.gutter-for-left > *{
    margin-right:.5em;
}

.gutter-for-right > *{
    margin-left:.5em;
}

#footer{
    font-size:1.5em;
    font-style:italic;
    color:white;
    background-color:#660000;
    text-align:center;
    vertical-align:middle;
    padding:.5em 0;
    position:relative;
}

#validators{
    float:left;
    vertical-align:middle;
}

#logo{    
    position:absolute;
    right: 0px;
    bottom: 0px;
}

#footer-text{
    padding-right:106px;
}

select {
    width:100%;
}


/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



/*printer styles*/
@media print{
    /*hide the left column when printing*/
    #leftcol{display:none;}

    /*hide the right column when printing*/
    #rightcol{display:none;}
    #twocols, #maincol{width:100%; float:none;}
}

ul.menu {
    padding:0;
    text-align:center;

}

.moduletable_menu_links{
    /*background:white;
    overflow:hidden;
    */
}
/*
.moduletable_menu_links img{
    border-style:outset;
    border-width:medium;
    border-color:black;
}*/

.moduletable_menu_links {
    border: medium inset grey;
    background:white;
    align:center;
}

img{
    border-style:none;
}

.column-titles{
    color:white;
    background-color:#660000;
    text-transform:capitalize !important;
    margin:0 !important;
    padding-left:.5em;
    padding-top:.2em;
    padding-bottom:.2em;
}
.column-titles2{
    color:white;
    background-color:#660000;
    text-transform:capitalize !important;
    text-align:center;
    margin:0 !important;
    padding-left:.5em;
    padding-top:.2em;
    padding-bottom:.2em;
}


#leftcol .moduletable, #rightcol .moduletable {
    border: inset medium;
    padding: .5em;
    background:white;
}



#rss{
    float:right;
    padding-right:.5em;
    padding-top:.5em;
}

.moduletablerss{
    vertical-align:bottom;
    horizontal-align:center;
}

.moduletablerss a:link, .moduletablerss a:visited{
    color:white;
}

#leftcol .moduletable h3{
    margin:0;
    font-weight:bold;
}

#component,#popular,#recent{
    border:inset medium black;
    background-color:white;
    padding:.5em;
}

.moduletable_cal{
    padding:.5em;
    background-color:black;
    color:white;
}

.mod_events_table{
    background-color:white;    
}

.table1{ 
text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 10px;
color: #404040;
width: 50%;
background-color: #fafafa;
border: 1px #b00a0a solid;
border-collapse: collapse;
border-spacing: 0px;}
 
.th1{
background-color: #b00a0a;
color:#ffffff;
text-align: right;
font-size: 15px;
}
.th3{
background-color: #b00a0a;
color:#ffffff;
text-align: center;
font-size: 17px;
}

.th2{
background-color: transparent;
color:#b00a0a;
text-align: left;
font-size: 15px;
}

th{
text-align: left;
font-size: 15px;
}