/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

#portal-column-content { margin-left: 0px; width: 583px; }
#portal-column-two { width: 330px; background: none; }
#portal-mainsection { border-bottom: 2px solid #1DA73A; }

.sidebar-box { height: auto; border: 1px solid #EEE; margin-bottom: 20px; }
.sidebar-box h5 { color: #1DA73A; font-size: 15px; background-color: #EEE; padding: 8px 0px 4px 10px; border-bottom: 2px solid #1DA73A; margin-top: 0px; }
.sidebar-box p { margin: 0px; padding: 5px 10px; }
.sidebar-box .end-box { border-top: 1px solid #EEE; padding: 8px 10px; }
.sidebar-box .end-box a { color: #00557d; }
.sidebar-box .end-box a::after { content: ' \00bb'; }

/* scroll */
.sidebar-box .news::-webkit-scrollbar{
width:8px;
background-color: #CCC;
}

.sidebar-box .news::-webkit-scrollbar-thumb{
background-color:#555;
}
.sidebar-box .news::-webkit-scrollbar-thumb:hover{
background-color:#444;
border:1px solid #000;
}
.sidebar-box .news::-webkit-scrollbar-thumb:active{
background-color:#333;
border:1px solid #000;
}

.sidebar-box .news { max-height: 200px; overflow-y: auto; padding: 5px 10px; }
.sidebar-box .news li { border-bottom: 2px dotted #EEE; margin-top: 7px; padding-bottom: 7px; }
.sidebar-box .news li a .title { font-weight: normal; color: black; }
.sidebar-box .news li a .title .hora{ font-weight: bold !important;}
.sidebar-box .news li a .description { margin-top: 4px; color: black;}

.sidebar-box .natvcamara { margin-left:5px; }

.super-link { margin-bottom: 20px; border: 1px solid #EEE; padding: 5px 10px; }
.super-link a { color: #1DA73A; font-size: 15px; font-weight: bold; }

.download audio { width: 288px; margin-top: 10px; }
.download video { width: 288px; height: auto; margin-top: 10px; }
.download .creditos { display: block; margin-left: 10px; padding: 0px; margin-top: 5px; }
.download div button { background-color: white; display: inline-block; margin-left: 10px; margin-bottom: 6px; border: 1px solid #CCC; color: #1DA73A; padding: 4px !important; font-size: 11px; margin-top: 6px; }
.download div button img { height: 11px; margin: 0px 2px; vertical-align: middle; }

.sidebar-box .buttons { text-align: right; margin-bottom: 10px; }
.sidebar-box .buttons button { background-color: #CCC; padding: 5px !important; border: none; color: #00557d; }

.sidebar-box .fields { margin: 10px 0px; }
.sidebar-box .fields input { width: 96%; display: block; border: 1px solid #CCC; padding: 2%; }

.sidebar-box .gallery { list-style: none; text-align: center; }
.sidebar-box .gallery li { display: inline-block; margin: 3px; }
.sidebar-box .gallery li a img { width: 134px; height: 76px; }

.sidebar-box .links { list-style: none; text-align: center; margin: 5px 0px; }
.sidebar-box .links li { display: inline-block; width: 133px; }
.sidebar-box .links li a { display: block; color: #00557d; border: 1px solid #CCC; padding: 3px 92px 3px 5px; margin: 5px 0px; font-weight: bold; box-shadow: 0px 2px 5px #DDD; }
.sidebar-box .links li a:visited { color: #00557d; }
.sidebar-box .links li a:hover { border-color: green; text-decoration: none; }
.sidebar-box .links li a:active { color: white; background-color: #1DA73A; border-color: #1DA73A; }

.sidebar-box .pdf { margin: 10px 0px; height: 382px; }
.sidebar-box .pdf img { margin-left: 2px; margin-top: -10px; }
.sidebar-box .pdf p {}
.sidebar-box .pdf a { font-size: 11px; }

.sidebar-box .jcFrame { z-index:0; width: 100%; height:85px; }

.sidebar-box .poll p { margin: 0px; padding: 0px; margin-bottom: 10px; margin-top: -15px; }
.sidebar-box .poll { padding: 0px 10px; }
.sidebar-box .poll form { margin-top: -5px; }
.sidebar-box .poll .option { display: inline-block; margin-right: 10px; }
.sidebar-box .poll label { font-weight: normal; }
.sidebar-box .poll .captcha { margin-top: 5px; margin-bottom: 10px; padding-top: 5px; border-top: 1px solid #EEE; }
.sidebar-box .poll .button span { font-size: 11px; color: #00557d; }
.sidebar-box .poll .button .all-polls { font-size: 11px; color: #00557d; background-color: #EEE; padding: 5px; border: 1px solid #CCC; margin-left: 15px; display: inline-block; }
.sidebar-box .poll .button .send { font-size: 13px; color: #1DA73A; background-color: white; font-weight: bold; padding: 5px; border: 1px solid #CCC; margin-left: 15px; }


.themes { margin: 0px !important; padding: 0px !important; list-style: none !important; list-style-image: none !important; list-style-type: none !important; }
.themes li { display: inline-block; margin: 0px 4px; }


.sidebar-box .social { list-style: none; padding: 10px; }
.sidebar-box .social li { display: inline-block; margin-right: 10px; }
.sidebar-box .social li a img { max-height: 22px; }

.sidebar-box .square { margin: 10px 5px 10px 25px;  }
.sidebar-box .square li { margin-bottom: 5px; list-style-type: square !important; }

.sidebar-box .square li a  { color: #00557d; }

.sidebar-box span.square-black { display: inline-block; width: 10px; height: 10px; margin-right: 2px; background-color: #333; }
.sidebar-box span.square-green { display: inline-block; width: 10px; height: 10px; margin-right: 2px; background-color: #1DA73A; }

.sidebar-box .social { list-style: none; padding: 10px; }
.sidebar-box .social li { display: inline-block; margin-right: 10px; }
.sidebar-box .social li a img { max-height: 22px; }

.sidebar-box .top-rated { border-bottom: 1px solid #EEE; margin-top: 5px; margin-bottom: 10px; }
.sidebar-box .top-rated > div { margin: 0px 10px 10px 10px; }
.sidebar-box .top-rated > div a { color: #00557d; text-transform: uppercase; font-weight: bold; }
.sidebar-box .legend { background-color: #EEE; padding: 10px; margin-top: -10px; }
.sidebar-box .legend > div { margin: 2px 0px; }
.sidebar-box .legend > p { padding: 0px; margin-top: 10px; }
.sidebar-box .no-legend { background-color: white; padding: 20px 10px; }
.sidebar-box .no-legend a { color: #1DA73A; font-weight: bold; font-size: 13px; background-color: white; }


#poll h5 { color: white; background-color: #1DA73A; text-transform: uppercase; padding: 10px; }
#poll .content { padding: 10px; }
#poll .content p { color: #777; margin-top: 15px; margin-bottom: 5px; }
#poll .content a { color: #1DA73A; }
#poll .content .chart { margin: 15px 0px; }
#poll .content .chart > div { margin-bottom: 10px; }
#poll .content .chart .option { font-size: 11px; color: #777; }
#poll .content .chart .bar { margin-top: 4px; position: relative; display: block; height: 25px; width: 80%; background-color: #CCC; }
#poll .content .chart .bar .progress { top: 0px; left: 0px; position: absolute; height: 25px; width: 80%; background-color: yellowgreen; }
#poll .content .chart .bar span { position: absolute; right: -45px; top: -2px; font-size: 11px; color: #999; }
#poll .content .result span { font-weight: normal; }

.super-link { margin-bottom: 20px; border: 1px solid #EEE; padding: 5px 10px; }
.super-link a { color: #00557d; font-size: 15px; font-weight: bold; }

.tabs { width: 100%; border-bottom: 1px solid #EEE; }
.tabs li { float: left; }
.tabs li a { text-align: center; display: block; padding-bottom: 10px; padding-top: 10px; border-right: 1px solid #EEE; }
.tabs li.active a { border-top: 2px solid #1DA73A; }
.content-tabs > div { display: none; }

.new-tab { margin-top: -4px; background-color: #EEE; }
.new-tab li.active a { border-top: none; } 
.new-tab li.active { background-color: white; }