@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400,700);

body{margin: 0;padding: 50px 0 0 50px; font-family: 'Roboto', serif; font-size: 14px;color: #8c8c8c; background: url(/images/barra.gif) no-repeat 0px 50px; }
a{text-decoration: none; color: #5b5b5b;}
em{color: #ccc; font-weight: 300;}

#paginador-wrapper{width: 100%;}
.paginador{clear: both; display: inline-block; width: 100%;}
.paginador > ul{float: right; padding: 0;}
.paginador > ul > li{float: left; list-style: none; margin-right: 10px; font-weight: bold; font-size: 20px;}
.paginador > ul > li > a{color: #ffffff;}


.no-scroll::-webkit-scrollbar {display:none;}
.no-scroll::-moz-scrollbar {display:none;}
.no-scroll::-o-scrollbar {display:none;}
.no-scroll::-google-ms-scrollbar {display:none;}
.no-scroll::-khtml-scrollbar {display:none;}


#wrapper{width: 100%; float: left; min-width: 330px;}
#top{margin-bottom: 26px; float: left; width: 100%;}
#logo{width: 100%; margin-right: 30px; float: left}

#logo > a > img{padding: 4px 18px; border: 10px solid #f1f1f1; float: left; margin-right: 30px;}
#logo > span{display: inline-block; font-weight: 700; color: #cbcbcb; font-size: 17px; line-height: 26px; margin-top: 9px; }

#content{float: left; width: 100%;}
#left-column{max-width: 326px; margin-right: 30px; float: left;}
#right-column{max-width: 755px; min-width: 345px; width: auto; overflow: hidden; margin-bottom: 20px;}

#menu{padding: 22px 0px; color: #5b5b5b; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; font-weight: 300; font-size: 18px; line-height: 24px; }
#menu > a:not(.selected):hover{color: #0071bb; }
#menu .selected{font-weight: 700;}
#menu .destacada{color: #0071bb;font-weight: 700;}

.search{border-bottom: 1px solid #e5e5e5; padding: 10px 0px;}
.search button{background-color: #75b3db; background-image: url(/images/b.png); background-repeat: no-repeat; background-position: center center;border: 0 none;color: #fff;font-family: "Roboto";margin-left: 257px;margin-top: 3px;padding: 10px 30px;position: absolute;text-transform: uppercase;width: auto;cursor: pointer;}
.search button:hover{background-color: #43617c;}
.search-box{color: #0071bb; padding: 10px 0px; border: 0px; font-family: 'Roboto', serif; font-weight: 300; font-size: 18px; width: 100%;}

.sidebar-result{margin: 10px 0; padding: 10px 0 5px 0; overflow: auto; max-height: 250px;}
.sidebar-result li{border-bottom: 1px dashed #ccc;list-style: none;margin-bottom: 15px;padding-bottom: 8px; }
.sidebar-result li a {color: #0071bb;}
.sidebar-result li:last-child{border-bottom: 0; margin-bottom: 0;}

div.titulo.links-interes{background-color: #43617c; color: #f1f1f1 !important; padding: 25px 20px; font-weight: 300 !important;}
.banners{margin: 0; padding: 0; }
.banners > li {list-style: inside url("/images/link-icon.png") disc; padding: 5px 0; font-weight: 300;}
/*.banners > li {list-style: none; padding: 0; font-weight: 300;}*/
.banners > li > a:hover{color: #0071bb;}
.banners img{width: 100%;}

.titulo{font-weight: 700; color: #43617c; font-size: 20px; margin-bottom: 20px;}
.titulo > a{font-weight: 300 !important; color: #43617c !important;}
.titulo > span > a{font-size: 11px; font-weight: 300;}
.sub-titulo{font-weight: 700; color: #43617c; margin-top: 20px;}
.descripcion{font-weight: 300;  line-height: 19px; color: #5b5b5b; margin-bottom: 15px; }
.descripcion a{color: #0071bb;}
a.link{font-weight: 300; font-size: 12px; color: #0071bb !important; text-decoration: underline;}

.form input, .form textarea, .form select{border: 1px solid #cbcbcb;font-family: "Roboto",sans-serif;font-size: 13px;margin-bottom: 10px;padding: 15px 20px;resize: none;width: 410px;}
.form input:focus, .form textarea:focus, .form select:focus{border: 0; border-bottom: 1px solid #0071bb; }
.form input[type="submit"]{width: 452px;}



#footer{clear: both;font-size: 12px;border-top: 1px solid #ccc; margin: 20px 0 20px 355px;width: auto; overflow: hidden; max-width: 755px; min-width: 345px;  padding-top: 20px; }



.ui-widget-content{border: 0 !important;}
.ui-widget-header{border: 0 !important; background: none !important;}
.ui-tabs .ui-tabs-nav li{border-radius: 0; border: 0; margin-right: 15px; background: none;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ background: #cbcbcb !important; color: #fff !important;}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{color: #f2f2f2;}
.ui-tabs .ui-tabs-panel{background: #cbcbcb !important; padding: 8px !important;}
.ui-tabs .ui-tabs-nav{padding: 0 !important;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{color: #43617c; font-size: 17px; font-family: 'Roboto', sans-serif; font-weight: 700; padding: 7px 20px !important;}

/************************/
/**  CSS NORMAS *****/
/************************/

.ui-tabs .ui-tabs-panel{overflow: auto; max-height: 500px;}
.norma-i{background-color: #ffffff; padding: 10px 15px; font-family: 'Roboto', sans-serif; margin-bottom: 6px;}
.norma-i-titulo{font-weight: 700; font-size: 15px; }
.norma-i-titulo > time{font-weight: 300; font-size: 12px; margin-left: 10px;}
.norma-i-descripcion{font-weight: 300; font-size: 13px; margin-top: 5px;}
.norma-i-links{ font-weight: 700; font-size: 13px; text-align: right;color: #0071bb; margin-top: 7px;}
.norma-i-links a{color: #0071bb !important; text-decoration: underline;}

#normas > div{float: left; margin-right: 10px; width: 20%; }
#normas > div:last-child{width: 55%; margin-right: 0; }
#normas label{padding-bottom: 10px;}
#normas select{border: 1px solid #43617c; width: 100%; height: 300px; overflow: auto; font-family: "Roboto",serif; font-size: 14px;}
#normas option{padding: 10px;}
#normas-sancionadas{height: 300px; overflow: auto;border: 1px solid #43617c; background-color: #cbcbcb; }

/************************/
/** CSS AUTORIDADES *****/
/************************/

.autoridades{padding: 0px; margin: 0;}
.autoridades > li{margin: 5px 0;list-style: none; }
.autoridades > li:before{ content: '»'; margin: 0 1em; }

.autoridades-foto{float: left; width: 300px; margin-right: 10px;}
.autoridades-foto > img{border: 1px solid #f2f2f2;}
.autoridades-info{color: #5b5b5b; background-color: #f2f2f2; padding: 10px; font-size: 12px;font-weight: 300;line-height: 20px; font-style: italic;}
.autoridades-bio{color: #5b5b5b; font-weight: 300;line-height: 20px;text-align: justify;width: auto;  margin-right: 10px;}
.autoridades-bio > p:first-child{margin-top: 0;}


/************************/
/**  CSS COMISIONES *****/
/************************/

.comision-presidente{font-weight: 300; }
.comision-presidente > h4{font-size: 14px; margin: 0;}
.comision-presidente > div{margin-left: 20px;font-size: 12px; }

/************************/
/**  CSS EXPEDIENTES ****/
/************************/

#expedientes{padding: 10px; background: #cbcbcb;}
.exp-i{padding: 10px; font-family: 'Roboto', sans-serif; background: #ffffff;margin-bottom: 10px;}
.exp-i-titulo a{font-weight: 700; font-size: 15px; color: #43617c;}
.exp-i-titulo > time{font-weight: 300; font-size: 12px; margin-left: 10px;}
.exp-i-descripcion{font-weight: 300; font-size: 13px; margin-top: 5px;}
.exp-i-iniciador{}

/************************/
/**  CSS DICTAMENES  ****/
/************************/

#dictamenes{padding: 10px; background: #cbcbcb;}
.dict-i{padding: 10px; font-family: 'Roboto', sans-serif; background: #ffffff;}
.dict-i-titulo{font-weight: 700; font-size: 15px; color: #333; }
.dict-i-titulo > time{font-weight: 300; font-size: 12px; margin-left: 10px;}
.dict-i-exp{font-weight: 300; font-size: 12px; margin-top: -8px;}

/************************/
/****   CSS ACTAS    ****/
/************************/

#actas{padding: 10px; background: #cbcbcb;}
.acta-i{padding: 10px; font-family: 'Roboto', sans-serif; background: #ffffff; margin-bottom: 10px;}
.acta-i-titulo{font-weight: 700; font-size: 15px; color: #333; }
.acta-i-titulo > time{font-weight: 300; font-size: 12px; margin-left: 10px;}
.acta-i-sesion{font-weight: 300; font-size: 12px; margin-top: -8px;}
.acta-i-pdf{ font-weight: 700; font-size: 13px; color: #0071bb; margin-top: 7px;}
.acta-i-pdf a{color: #0071bb !important; text-decoration: underline;}



/************************/
/****   CSS ACTAS    ****/
/************************/

#ordenes{padding: 10px; background: #cbcbcb;}
.ordenes-i{padding: 10px; font-family: 'Roboto', sans-serif; background: #ffffff; margin-bottom: 10px;}
.ordenes-i-titulo{font-weight: 700; font-size: 15px; color: #333; }
.ordenes-i-titulo > time{font-weight: 300; font-size: 12px; margin-left: 10px;}
.ordenes-i-descripcion{font-weight: 300; font-size: 12px; margin-top: -8px;}
.ordenes-i-pdf{ font-weight: 700; font-size: 13px; color: #0071bb; margin-top: 7px;}
.ordenes-i-pdf a{color: #0071bb !important; text-decoration: underline;}


.error_field{border: 1px solid #FF0000 !important;}

@media screen and (max-width: 815px){
    body{padding: 30px 0 0 30px; background-position: 0 30px;}
    #top{width: 96%;}
    #content{width: 96%;}
    #left-column{width: 100%; max-width: none}
    #right-column{width: 100%; min-width: 100%; max-width: none; border-top: 13px solid #43617c; padding-top: 20px;}
    #footer{width: 96%; margin:0}
    .banners > li {float: left; list-style: none;}
    .links-interes{display: none;}
    .banners{display: none;}
    .search button{left: 100%; margin-left: -95px;}
    #logo{width: 100%;}
    #normas > div{float: left; margin-right: 10px; width: 45% !important; }
    #normas > div:last-child{width: 100% !important; margin-right: 0; }
}
@media screen and (max-width: 415px){
    body{padding: 20px 0 0 20px;background-position: 0 20px;}
    
    
    
}