@charset "utf-8";
/* CSS Document */
/* Observatorio America Latina Asia Pacífico */
/* Eduardo Emilio Vargas Sarmiento - HEXACTA */
/* Last Update: 15-05-2014 */

/* GENERAL ELEMENTS */
html {height:100%;}
body {font-family:'Ubuntu', sans-serif; font-size:12px; font-weight:400;}
p {font-family:'Ubuntu', sans-serif; font-size:14px; line-height:16px; font-weight:400; color:#666;}
h1 {font-family:'Ubuntu', sans-serif; font-size:30px; font-weight:400; color:#FFF;}
h2 {font-family:'Ubuntu', sans-serif; font-size:22px; font-weight:500; color:#1F446C;}
h3 {font-family:'Ubuntu', sans-serif; font-size:16px; font-weight:500; color:#1F446C;}
h4 {font-family:'Ubuntu', sans-serif; font-size:14px; font-weight:500; color:#1F446C;}
h5 {font-family:'Ubuntu', sans-serif; font-size:14px; font-weight:300; color:#1F446C;}
h6 {font-family:'Ubuntu', sans-serif; font-size:11px; font-weight:500; color:#FFF;}

/* SPECIAL STYLES */
.sb {border:none !important;}
.sb-top {border-top:none !important;}
.sb-right {border-right:none !important;}
.sb-bottom {border-bottom:none !important;}
.sb-left {border-left:none !important;}
.sp {padding:0 !important;}
.sp-top {padding-top:0 !important;}
.sp-right {padding-right:0 !important;}
.sp-bottom {padding-bottom:0 !important;}
.sp-left {padding-left:0 !important;}
.sm {margin:0 !important;}
.sm-top {margin-top:0 !important;}
.sm-right {margin-right:0 !important;}
.sm-bottom {margin-bottom:0 !important;}
.sm-left {margin-left:0 !important;}
.clearfix:before, .clearfix:after {content:" ";/*1*/ display:table;/*2*/}
.clearfix:after {clear:both;} .clearfix {*zoom:1;}
.width-auto {width:auto !important;}
.bkg-img-none {background-image:none !important;}
.bkg-section-in {background:url(/OBSExternalUI/javax.faces.resource/_img/layout/section_bkg_in.png.jsf) #FFF top left repeat-x !important;}
.cp-bottom-10 {padding-bottom:10px !important;}
.cp-top-15 {padding-top:15px !important;}

/* GENERAL DIVS */
#container {width:100%; min-width:990px; position:relative; background:#000;}
#side {width:232px; top:0; left:50%; margin-left:-495px; position:absolute; z-index:100;} 
#headerbar {width:100%; height:40px; background:#1F446E; position:relative;}
#slider {width:100%;height:546px; border-top:4px solid #CCC; background:#002040; position:relative;}
#section {width:100%;min-height:850px;  border-top:4px solid #CCC; background:url(/OBSExternalUI/javax.faces.resource/_img/layout/section_bkg.png.jsf) #FFF top left repeat-x; position:relative;}
#tools {width:100%; border-top:4px solid #E2E2E1; background:#EFEFEF; position:relative;}
#footer {width:100%; position:relative; float: right;}
#headerbar .content, #slider .content, #section .content {width:728px; padding:0 20px 0 242px; margin:0 auto; position:relative;}
#tools .content, #footer .marca .content, #footer .finalfooter .content {width:950px; padding:0 20px; margin:0 auto; position:relative;}

/* SIDE */
#side .nav {width:210px; margin:0 auto; background:url(/OBSExternalUI/javax.faces.resource/_img/layout/side-nav_bkg.png.jsf) repeat-y; position:relative;}
#side .nav ul#navi {list-style:none; display:block; width:190px; margin:0 auto; background:#EFEFEF; border:1px solid #B1B1B1; border-top:none !important; position:relative;}
#side .nav ul#navi li {width:190px; position:relative;}
#side .nav ul#navi li a img.logo {width:190px; height:160px; position:relative; _border-bottom:1px solid #B1B1B1;}
#side .nav ul#navi li:first-child {border-bottom:1px solid #B1B1B1;}
#side .nav ul#navi li a {display:block; width:160px; padding:15px; font-weight:700; font-size:14.5px; line-height:18px; text-decoration:none; border-top:1px solid; border-bottom:1px solid #B1B1B1; position:relative;}
#side .nav ul#navi li a:link, #side .nav ul#navi li a:visited {color:#1F446D; background:#EFEFEF; border-top-color:#FFF;}
#side .nav ul#navi li a:hover, #side .nav ul#navi li a:active {color:#666; background:#CCC; border-top-color:#E2E2E2;}
#side .nav ul#navi li a.selected {width:162px; padding:15px; margin-left:-1px; border:0;} 
#side .nav ul#navi li a.selected:link, #side .nav ul#navi li a.selected:visited {color:#FFF; background:#1F446E; border-top-color:#456486;} 
#side .nav ul#navi li a.selected:hover, #side .nav ul#navi li a.selected:active {color:#E2E2E1; background:#1F446E; border-top-color:#456486;}
#side .nav ul#navi li:last-child a {border-bottom:none;}
#side .module {width:152px; padding:20px; margin:0 auto; border-top:1px solid #FFF; border-bottom:1px solid #CCC; position:relative;}
#side .module h4 {color:#666; margin-bottom:10px; position:relative;}
#side .social {border-top:none;}
#side .social ul {list-style:none; display:block; width:152px; position:relative;}
#side .social ul li {display:block; width:32px; height:32px; margin-left:8px; float:left;}
#side .social ul li a {display:block; width:32px; height:32px; text-indent:-99999px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
#side .social ul li a.facebook:link, #side .social ul li a.facebook:visited {background:url(/OBSExternalUI/javax.faces.resource/_img/layout/side_social.png.jsf) -32px 0 no-repeat #666;}
#side .social ul li a.facebook:hover, #side .social ul li a.facebook:active {background:url(/OBSExternalUI/javax.faces.resource/_img/layout/side_social.png.jsf) -32px 0 no-repeat #3B579D;}
#side .social ul li a.youtube:link, #side .social ul li a.youtube:visited {background:url(/OBSExternalUI/javax.faces.resource/_img/layout/side_social.png.jsf) -96px 0 no-repeat #666;}
#side .social ul li a.youtube:hover, #side .social ul li a.youtube:active {background:url(/OBSExternalUI/javax.faces.resource/_img/layout/side_social.png.jsf) -96px 0 no-repeat #007BB6;}
#side .social ul li a.twitter:link, #side .social ul li a.twitter:visited {background:url(/OBSExternalUI/javax.faces.resource/_img/layout/side_social.png.jsf) -64px 0 no-repeat #666;}
#side .social ul li a.twitter:hover, #side .social ul li a.twitter:active {background:url(/OBSExternalUI/javax.faces.resource/_img/layout/side_social.png.jsf) -64px 0 no-repeat #55ACEE;}
#side .social ul li a.email:link, #side .social ul li a.email:visited {background:url(/OBSExternalUI/javax.faces.resource/_img/layout/side_social.png.jsf) 0px 0 no-repeat #666;}
#side .social ul li a.email:hover, #side .social ul li a.email:active {background:url(/OBSExternalUI/javax.faces.resource/_img/layout/side_social.png.jsf) 0px 0 no-repeat #F80;}
#side .boletines {display:block; width:152px; position:relative;}
#side .boletines img {width:152px; height:auto !important; margin-bottom:10px; position:relative;}
#side .boletines a img {border:none;}
#side .boletines p {font-size:14px; font-weight:400; margin-bottom:10px; position:relative;}
#side .boletines .loading {color:#B1B1B1 !important;}
#side .boletines select {height:32px; padding-left:5px; font-size:14px; color:#666; line-height:32px; background:#FFF; border:1px solid #666;}
#side .boletines select.buscarboletines_month {width:150px; margin-bottom:10px;}
#side .boletines select.buscarboletines_year {width:70px; margin-right:10px; float:left;}
#side .boletines a.buscarboletines_btn {display:block; width:70px; height:32px; border:none; line-height:32px; text-indent:9999px; cursor:pointer; float:left;}
#side .boletines a.buscarboletines_btn:link, #side .boletines a.buscarboletines_btn:visited {background:url(/OBSExternalUI/javax.faces.resource/_img/layout/side-buscarboletines_btn.png.jsf) 0 0 #666 no-repeat;}
#side .boletines a.buscarboletines_btn:hover, #side .boletines a.buscarboletines_btn:active {background:url(/OBSExternalUI/javax.faces.resource/_img/layout/side-buscarboletines_btn.png.jsf) 0 0 #1F446D no-repeat;}
#side .publicaciones {border-bottom:none;}
#side .publicaciones img {width:152px; height:auto !important; border:none; position:relative;}
#side .publicaciones a img {border:none;}
#side .twitterfeed {margin:0;}



/* HEADERBAR */
#headerbar .content {height:20px; padding-top:10px; padding-bottom:10px; text-align:right; position:relative;}
#headerbar .content .search {width:164px; height:20px; padding-left:10px; border-left:1px solid #2C5A88; float:right;}
#headerbar .content .language {height:20px; padding-right:10px; border-right:1px solid #001F3F; float:right;}
#headerbar .content .search {width:164px; height:20px; overflow:hidden;}
#headerbar .content .search input.search_q {width:134px; height:20px; padding:0 5px; border:none; background:#FFF; font-family:'Ubuntu', sans-serif; font-weight:400; font-size:12px; line-height:20px; line-height:18px\9; color:#666; float:left;}
#headerbar .content .search input.search_q:hover, #headerbar .content .search input.search_q:focus {color:#51A5BF;}
#headerbar .content .search a.search_btn {display:inline-block; width:20px; height:20px; padding:0; border:none; line-height:20px; text-indent:9999px; cursor:pointer; float:left;}
#headerbar .content .search a.search_btn:link, #headerbar .content .search a.search_btn:visited {background:url(/OBSExternalUI/javax.faces.resource/_img/layout/headerbar-search-search_btn.png.jsf) 0 0 #FFF;}
#headerbar .content .search a.search_btn:hover, #headerbar .content .search a.search_btn:active {background:url(/OBSExternalUI/javax.faces.resource/_img/layout/headerbar-search-search_btn.png.jsf) 0 20px #FFF;}
#headerbar .content .language ul#langs {list-style:none; display:inline; height:20px;}
#headerbar .content .language ul#langs li {display:inline; padding-left:10px;}
#headerbar .content .language ul#langs li a {display:inline; height:20px; font-size:12px; font-size:11px\9; font-weight:700; line-height:20px; text-decoration:none; text-transform:uppercase;}
#headerbar .content .language ul#langs li a:link, #headerbar .content .language ul#langs li a:visited {color:#E9E9E9; opacity:0.3; filter:alpha(opacity=30);}
#headerbar .content .language ul#langs li a:hover, #headerbar .content .language ul#langs li a:active {color:#E9E9E9; opacity:0.5; filter:alpha(opacity=50);}
#headerbar .content .language ul#langs li.active {color:#B1B1B1 !important; opacity:1 !important; filter:none !important; cursor:default;font-size:12px; font-size:11px\9; font-weight:700; line-height:20px; text-decoration:none; text-transform:uppercase;}
#headerbar .content .language ul#langs li.hover a:link, #headerbar .content .language ul#langs li.active a:active {color:#B1B1B1 !important; opacity:1 !important; filter:none !important; cursor:default;}

/* SLIDER */
#slider .content {height:546px; background:#002040;}
#slider .content .blueberry {width:728px; height:546px; margin:0 auto; background:#002040; position:relative;}
#slider .content .blueberry .slides {display:block; height: 546px !important; background:#002040; overflow:hidden; position:relative;}
#slider .content .blueberry .slides li {position:absolute; top:0; left:0; overflow:hidden;}
#slider .content .blueberry .slides li img {display:block; width:100%; height:546px; max-width:none;}
#slider .content .blueberry .slides li.active {display:block; position:relative;}
#slider .content .blueberry .crop li img {width:auto;}
#slider .content .blueberry .slides li a span {width:688px; padding:20px 20px 65px 20px; font-size:18px; font-weight:400; line-height:22px; text-decoration:none; display:block; bottom:0; right:0; position:absolute; z-index:1;}
#slider .content .blueberry .slides li a:link span, #slider .content .blueberry .slides li a:visited span {color:#FEFEFE; text-shadow:0 2px #002040; background:url(/OBSExternalUI/javax.faces.resource/_img/layout/slider-slides-text_bkg.png.jsf) repeat;}
#slider .content .blueberry .slides li a:hover span, #slider .content .blueberry .slides li a:active span {color:#FFF; text-shadow:0 -2px #002040, 0 2px #002040, 2px 0 #002040, -2px 0 #002040; background:url(/OBSExternalUI/javax.faces.resource/_img/layout/slider-slides-text_bkg_hover.png.jsf) repeat;}
#slider .content .blueberry .pager {width:688px; height:5px; padding:20px; display:inline; margin:0 auto; background:url(/OBSExternalUI/javax.faces.resource/_img/layout/slider-navi_bkg.png.jsf) repeat; right:0; bottom:0; text-align:center; position:absolute; z-index:2;}
#slider .content .blueberry .pager li {display:inline;}
#slider .content .blueberry .pager li a, #slider .content .blueberry .pager li a span {display:inline; width:5px; height:5px; margin-right:5px; font-size:20px; line-height:5px; text-decoration:none;}
#slider .content .blueberry .pager li a:link span, #slider .content .blueberry .pager li a:visited span {color:#526983;}
#slider .content .blueberry .pager li a:hover span, #slider .content .blueberry .pager li a:active span {color:#51A5BF;}
#slider .content .blueberry .pager li.active a:link span, #slider .content .blueberry .pager li.active a:visited span {color:#FFF;}
#slider .content .blueberry .pager li.active a:hover span, #slider .content .blueberry .pager li.active a:active span {color:#FFF;}

/* SECTION */

#section .content .module {width:728px; padding:30px 0; border-top:1px solid #FFF; border-bottom:1px solid #CCC; position:relative;}
#section .content .module:first-child {border-top:none;}
#section .content .module:last-child {border-bottom:none;}
#section .content .module h2 a {text-decoration:none;}
#section .content .module h2 a:link, #section .content .module h2 a:visited {color:#1F446C;}
#section .content .module h2 a:hover, #section .content .module h2 a:active {color:#002040;}
#section .content .ultimasnoticias .item {width:354px; height:92px; margin:20px 20px 0 0; overflow:hidden; float:left;}
#section .content .ultimasnoticias .item a {border:none;}
#section .content .ultimasnoticias .item a img {width:124px; height:92px; margin-right:10px; border:none; float:left;}
#section .content .ultimasnoticias .item h3 a {text-decoration:none;}
#section .content .ultimasnoticias .item h3 a:link, #section .content .ultimasnoticias .item a:visited {color:#1F446C;}
#section .content .ultimasnoticias .item h3 a:hover, #section .content .ultimasnoticias .item a:active {color:#002040;}

/*
#section .content .foroacademico .novedades {width:500px; margin-top:20px; float:left;}
#section .content .foroacademico .novedades h3 a {text-decoration:none;}
#section .content .foroacademico .novedades h3 a:link, #section .content .foroacademico .novedades h3 a:visited {color:#1F446C;}
#section .content .foroacademico .novedades h3 a:hover, #section .content .foroacademico .novedades h3 a:active {color:#002040;}
#section .content .foroacademico .novedades .item {width:230px; height:86px; margin:20px 20px 0 0; _margin:20px 15px 0 0; overflow:hidden; float:left; position:relative;}
#section .content .foroacademico .novedades .item small {width:84px; height:20px; padding:0 4px; background:#1F446E; left:0; bottom:0; position:absolute;}
#section .content .foroacademico .novedades .item small.tag {font-size:10px; font-weight:300; line-height:20px; color:#FFF;}
#section .content .foroacademico .novedades .item img {width:92px; height:66px; margin-right:10px; border:none; float:left;}
#section .content .foroacademico .novedades .item h5 {width:128px; height:86px; line-height:17px; float:left;}
#section .content .foroacademico .novedades .item h5 a {text-decoration:none;}
#section .content .foroacademico .novedades .item h5 a:link, #section .content .foroacademico .novedades .item h5 a:visited {color:#1F446C;}
#section .content .foroacademico .novedades .item h5 a:hover, #section .content .foroacademico .novedades .item h5 a:active {color:#002040;}
#section .content .foroacademico .debates {width:210px; margin-top:20px; float:right; _float:left;} 
#section .content .foroacademico .debates h3 a {text-decoration:none;}
#section .content .foroacademico .debates h3 a:link, #section .content .foroacademico .debates h3 a:visited {color:#1F446C;}
#section .content .foroacademico .debates h3 a:hover, #section .content .foroacademico .debates h3 a:active {color:#002040;}
#section .content .foroacademico .debates .item {width:190px; height:170px; padding:10px; margin-top:20px; background:#1F446C; overflow:hidden; position:relative;}
#section .content .foroacademico .debates .item h4 {color:#FFF; margin-top:20px; margin-bottom:5px;}
#section .content .foroacademico .debates .item h4:first-child {margin-top:0;}
#section .content .foroacademico .debates .item h5 {color:#FFF; line-height:17px;}
#section .content .foroacademico .debates .item h5 a {text-decoration:none;}
#section .content .foroacademico .debates .item h5 a:link, #section .content .foroacademico .debates .item h5 a:visited {color:#FFF;}
#section .content .foroacademico .debates .item h5 a:hover, #section .content .foroacademico .debates .item h5 a:active {color:#51A5BF;}
*/
#section .content .foroacademico .novedades {width:480px; margin-top:20px; float:left;}
#section .content .foroacademico .novedades h3 a {text-decoration:none;}
#section .content .foroacademico .novedades h3 a:link, #section .content .foroacademico .novedades h3 a:visited {color:#1F446C;}
#section .content .foroacademico .novedades h3 a:hover, #section .content .foroacademico .novedades h3 a:active {color:#002040;}
#section .content .foroacademico .novedades .item {width:230px; height:86px; margin:20px 20px 0 0; _margin:20px 15px 0 0; overflow:hidden; float:left; position:relative;}
#section .content .foroacademico .novedades .item small {width:84px; height:20px; padding:0 4px; background:#1F446E; left:0; bottom:0; position:absolute;}
#section .content .foroacademico .novedades .item small.tag {font-size:10px; font-weight:300; line-height:20px; color:#FFF;}
#section .content .foroacademico .novedades .item img {width:92px; height:66px; margin-right:10px; border:none; float:left;}
#section .content .foroacademico .novedades .item h5 {width:128px; height:86px; line-height:17px; float:left;}
#section .content .foroacademico .novedades .item h5 a {text-decoration:none;}
#section .content .foroacademico .novedades .item h5 a:link, #section .content .foroacademico .novedades .item h5 a:visited {color:#1F446C;}
#section .content .foroacademico .novedades .item h5 a:hover, #section .content .foroacademico .novedades .item h5 a:active {color:#002040;}
#section .content .foroacademico .debates {width:230px; margin-top:20px; float:right; _float:left;} 
#section .content .foroacademico .debates h3 a {text-decoration:none;}
#section .content .foroacademico .debates h3 a:link, #section .content .foroacademico .debates h3 a:visited {color:#1F446C;}
#section .content .foroacademico .debates h3 a:hover, #section .content .foroacademico .debates h3 a:active {color:#002040;}
#section .content .foroacademico .debates .item {width:210px; height:170px; padding:10px; margin-top:20px; background:#1F446C; overflow:hidden; position:relative;}
#section .content .foroacademico .debates .item h4 {color:#FFF; margin-top:20px; margin-bottom:5px;}
#section .content .foroacademico .debates .item h4:first-child {margin-top:0;}
#section .content .foroacademico .debates .item h5 {color:#FFF; line-height:17px; padding-bottom: 10px}
#section .content .foroacademico .debates .item h5 a {text-decoration:none;}
#section .content .foroacademico .debates .item h5 a:link, #section .content .foroacademico .debates .item h5 a:visited {color:#FFF;}
#section .content .foroacademico .debates .item h5 a:hover, #section .content .foroacademico .debates .item h5 a:active {color:#51A5BF;}

#section .content .canaldecomunicacion h2 {margin-right:20px; float:left;}
#section .content .canaldecomunicacion ul#categorias {display:block; height:25px; line-height:25px;}
#section .content .canaldecomunicacion ul#categorias li {display:block; margin-right:10px; float:left;}
#section .content .canaldecomunicacion ul#categorias li a {display:block; height:22px; font-size:16px; line-height:22px; font-weight:400; text-decoration:none; float:left;}
#section .content .canaldecomunicacion ul#categorias li a:link, #section .content .canaldecomunicacion ul#categorias li a:visited {color:#51A5BF;}
#section .content .canaldecomunicacion ul#categorias li a:hover, #section .content .canaldecomunicacion ul#categorias li a:active {color:#1F446C;}
#section .content .canaldecomunicacion ul#categorias li a.active {cursor:default; color:#1F446C; background:url(/OBSExternalUI/javax.faces.resource/_img/layout/canaldecomunicacion-categorias-li-a_active-bkg.gif.jsf) bottom no-repeat;}
#section .content .canaldecomunicacion ul#categorias li a.active:link, #section .content .canaldecomunicacion ul#categorias li a.active:visited {color:#1F446C;}
#section .content .canaldecomunicacion ul#categorias li a.active:hover, #section .content .canaldecomunicacion ul#categorias li a.active:active {color:#1F446C;}
#section .content .canaldecomunicacion .page {width:728px; margin-top:20px; display:none; position:relative;}
#section .content .canaldecomunicacion .page .channelContent .left, #section .content .canaldecomunicacion .page .channelContent .right {width:354px; margin:0 20px 20px 0; float:left;}
#section .content .canaldecomunicacion .page .channelContent .right {margin-right:0;}
#section .content .canaldecomunicacion .page .channelContent div .item {width:354px; position:relative; margin-bottom:15px;}
#section .content .canaldecomunicacion .page .channelContent div .item h3 {color:#1F446C; margin-bottom:5px;}
#section .content .canaldecomunicacion .page .channelContent div .item h3 a {text-decoration:none;}
#section .content .canaldecomunicacion .page .channelContent div .item h3 a:link, #section .content .canaldecomunicacion .page .channelContent div .item h3 a:visited {color:#1F446C;}
#section .content .canaldecomunicacion .page .channelContent div .item h3 a:hover, #section .content .canaldecomunicacion .page .channelContent div .item h3 a:active {color:#002040;}
#section .content .canaldecomunicacion .page .channelContent div .item p {color:#666; line-height:18px;}
#section .content .canaldecomunicacion .page .channelContent div .item p a {text-decoration:none;}
#section .content .canaldecomunicacion .page .channelContent div .item p a:link, #section .content .canaldecomunicacion .page .channelContent div .item p a:visited {color:#666;}
#section .content .canaldecomunicacion .page .channelContent div .item p a:hover, #section .content .canaldecomunicacion .page .channelContent div .item p a:active {color:#181E1A;}
#section .content .canaldecomunicacion .page .navi ul li {display:inline; margin:20px 0 0 0;}
#section .content .canaldecomunicacion .page .navi ul li a {display:inline-block; height:10px; text-decoration:none; margin-right:15px; font-size:10px; font-weight:500; line-height:8px; text-decoration:none; overflow:hidden;}
#section .content .canaldecomunicacion .page .navi ul li a.previous:link, #section .content .canaldecomunicacion .page .navi ul li a.previous:visited {padding-left:9px; background:url(/OBSExternalUI/javax.faces.resource/_img/layout/canaldecomunicacion-navi-btn.png.jsf) left 0 no-repeat; color:#666;}
#section .content .canaldecomunicacion .page .navi ul li a.previous:hover, #section .content .canaldecomunicacion .page .navi ul li a.previous:active {padding-left:9px; background:url(/OBSExternalUI/javax.faces.resource/_img/layout/canaldecomunicacion-navi-btn.png.jsf) left -10px no-repeat; color:#1F446C;}
#section .content .canaldecomunicacion .page .navi ul li a.next:link, #section .content .canaldecomunicacion .page .navi ul li a.next:visited {padding-right:8px; background:url(/OBSExternalUI/javax.faces.resource/_img/layout/canaldecomunicacion-navi-btn.png.jsf) right -20px no-repeat; color:#666;}
#section .content .canaldecomunicacion .page .navi ul li a.next:hover, #section .content .canaldecomunicacion .page .navi ul li a.next:active {padding-right:8px; background:url(/OBSExternalUI/javax.faces.resource/_img/layout/canaldecomunicacion-navi-btn.png.jsf) right -30px no-repeat; color:#1F446C;}

#section .foro h2 {margin-bottom:20px;}
#section .foro h3 a {color:#181E1A !important;}
#section .foro p {margin-bottom:10px; font-size:16px; line-height:20px; color:#1F446C;}
#section .foro .slider {width:698px; padding:15px; background:#E2E2E2;}
#section .foro .slider h3 {color:#666; padding-bottom:5px;}
#section .foro .slider .blueberry {width:698px; height:379px; margin:0; position:relative;}
#section .foro .slider .blueberry .slides {display:block; width:698px; height:353px; margin-top:10px; overflow:visible; position:relative;}
#section .foro .slider .blueberry .slides li {position:absolute; top:0; left:0; overflow:hidden;}
#section .foro .slider .blueberry .slides li a {display:block; width:698px; height:358px;}
#section .foro .slider .blueberry .slides li a img {width:470px; height:358px; max-width:none; float:left;}
#section .foro .slider .blueberry .slides li a span {display:block; width:204px; height:358px; margin-left:20px; font-size:16px; font-weight:400; line-height:20px; text-decoration:none; display:block; float:left;}
#section .foro .slider .blueberry .slides li a:link span, #section .foro .slider .blueberry .slides li a:visited span {color:#666; background-color: #E2E2E2;}
#section .foro .slider .blueberry .slides li a:hover span, #section .foro .slider .blueberry .slides li a:active span {color:#181E1A;}
#section .foro .slider .blueberry .slides li.active {display:block; position:relative;}
#section .foro .slider .blueberry .crop li img {width:auto;}
#section .foro .slider .blueberry .pager {height:5px; display:inline; margin:0 auto; bottom:0; left:0; position:absolute;}
#section .foro .slider .blueberry .pager li {display:inline;}
#section .foro .slider .blueberry .pager li a, #section .foro .slider .blueberry .pager li a span {display:inline; width:5px; height:5px; margin-right:5px; font-size:18px; line-height:5px; text-decoration:none;}
#section .foro .slider .blueberry .pager a:link span, #section .foro .slider .blueberry .pager li a:visited span {color:#666;}
#section .foro .slider .blueberry .pager li a:hover span, #section .foro .slider .blueberry .pager li a:active span {color:#999;}
#section .foro .slider .blueberry .pager li.active a:link span, #section .foro .slider .blueberry .pager li.active a:visited span {color:#181E1A;}
#section .foro .slider .blueberry .pager li.active a:hover span, #section .foro .slider .blueberry .pager li.active a:active span {color:#181E1A;}
#section .foro .foroacademico .novedades .item {margin:20px 15px 0 0; _margin:20px 5px 0 0;}
#section .foro .foroacademico .novedades .item h5 {color:#666 !important;}
#section .foro .foroacademico .novedades .item h5 a:link, #section .foro .foroacademico .novedades .item h5 a:visited {color:#666 !important;}
#section .foro .foroacademico .novedades .item h5 a:hover, #section .foro .foroacademico .novedades .item h5 a:active {color:#1C2A0F !important;}
#section .foro .foroacademico .novedades .item small {background:#666 !important;}
#section .foro .canaldecomunicacion h2 {margin-right:20px; float:left; color:#181E1A !important;}
#section .foro .canaldecomunicacion h2 a {color:#181E1A !important;}
#section .foro .canaldecomunicacion ul#categorias {display:block; height:25px; line-height:25px;}
#section .foro .canaldecomunicacion ul#categorias li {display:block; margin-right:10px; float:left;}
#section .foro .canaldecomunicacion ul#categorias li a {display:block; height:22px; font-size:16px; line-height:22px; font-weight:400; text-decoration:none; float:left;}
#section .foro .canaldecomunicacion ul#categorias li a:link, #section .foro .canaldecomunicacion ul#categorias li a:visited {color:#B1B1B1 !important;}
#section .foro .canaldecomunicacion ul#categorias li a:hover, #section .foro .canaldecomunicacion ul#categorias li a:active {color:#666 !important;}
#section .foro .canaldecomunicacion ul#categorias li a.active {cursor:default; color:#666; background:url(/OBSExternalUI/javax.faces.resource/_img/layout/canaldecomunicacion-categorias-li-a_active-bkg.gif.jsf) bottom no-repeat;}
#section .foro .canaldecomunicacion ul#categorias li a.active:link, #section .foro .canaldecomunicacion ul#categorias li a.active:visited {color:#666 !important;}
#section .foro .canaldecomunicacion ul#categorias li a.active:hover, #section .foro .canaldecomunicacion ul#categorias li a.active:active {color:#666 !important;}
#section .foro .canaldecomunicacion .page {width:728px; margin-top:20px; display:none; overflow:hidden; position:relative;}
#section .foro .canaldecomunicacion .page .articles {width:728px; margin-bottom:20px;}
#section .foro .canaldecomunicacion .page div .item {width:354px; margin:0 0 15px 0;}
#section .foro .canaldecomunicacion .page div .left {float:left;}
#section .foro .canaldecomunicacion .page div .right {float:right;}
#section .foro .canaldecomunicacion .page div .item h3 {color:#181E1A !important; margin-bottom:5px;}
#section .foro .canaldecomunicacion .page div .item h3 a {text-decoration:none; color:#181E1A !important;}
#section .foro .canaldecomunicacion .page div .item h3 a:link, #section .foro .canaldecomunicacion .page div .item h3 a:visited {color:#666 !important;}
#section .foro .canaldecomunicacion .page div .item h3 a:hover, #section .foro .canaldecomunicacion .page div .item h3 a:active {color:#181E1A !important;}
#section .foro .canaldecomunicacion .page div .item p {color:#666; font-size:14px !important; line-height:18px !important; margin-bottom:0 !important;}
#section .foro .canaldecomunicacion .page div .item p a {text-decoration:none;}
#section .foro .canaldecomunicacion .page div .item p a:link, #section .foro .canaldecomunicacion .page div .item p a:visited {color:#666;}
#section .foro .canaldecomunicacion .page div .item p a:hover, #section .foro .canaldecomunicacion .page div .item p a:active {color:#181E1A;}
#section .foro .canaldecomunicacion .page .navi ul li {display:inline; margin:20px 0 0 0;}
#section .foro .canaldecomunicacion .page .navi ul li a {display:inline-block; height:10px; text-decoration:none; margin-right:15px; font-size:10px; font-weight:500; line-height:8px; text-decoration:none; overflow:hidden;}
#section .foro .canaldecomunicacion .page .navi ul li a.previous:link, #section .foro.canaldecomunicacion .page .navi ul li a.previous:visited {padding-left:9px; background:url(/OBSExternalUI/javax.faces.resource/_img/layout/canaldecomunicacion-navi-btn.png.jsf) left 0 no-repeat; color:#666;}
#section .foro .canaldecomunicacion .page .navi ul li a.previous:hover, #section .foro .canaldecomunicacion .page .navi ul li a.previous:active {padding-left:9px; background:url(/OBSExternalUI/javax.faces.resource/_img/layout/canaldecomunicacion-navi-btn.png.jsf) left -10px no-repeat; color:#1F446C;}
#section .foro .canaldecomunicacion .page .navi ul li a.next:link, #section .foro .canaldecomunicacion .page .navi ul li a.next:visited {padding-right:8px; background:url(/OBSExternalUI/javax.faces.resource/_img/layout/canaldecomunicacion-navi-btn.png.jsf) right -20px no-repeat; color:#666;}
#section .foro .canaldecomunicacion .page .navi ul li a.next:hover, #section .foro .canaldecomunicacion .page .navi ul li a.next:active {padding-right:8px; background:url(/OBSExternalUI/javax.faces.resource/_img/layout/canaldecomunicacion-navi-btn.png.jsf) right -30px no-repeat; color:#1F446C;}
#section .foro .miembros {width:354px; float:left; _float:left;} 
#section .foro .miembros h3 a {text-decoration:none;}
#section .foro .miembros h3 a:link, #section .foro .miembros h3 a:visited {color:#181E1A;}
#section .foro .miembros h3 a:hover, #section .foro .miembros h3 a:active {color:#181E1A;}
#section .foro .miembros .item {width:354px; padding:0; margin-top:20px; position:relative;}
#section .foro .miembros .item h4 {margin-bottom:10px;}
#section .foro .miembros .item h4 a {font-size:16px; line-hieght:16px; font-weight:normal; margin-bottom:10px; text-decoration:none;}
#section .foro .miembros .item h4 a:link, #section .foro .miembros .item h4 a:visited {color:#666;}
#section .foro .miembros .item h4 a:hover, #section .foro .miembros .item h4 a:active {color:#181E1A;}
#section .foro .encuestas {width:354px; float:right; _float:left; padding-top:10px} 
#section .foro .encuestas .item {width:334px; padding:10px; margin-top:20px; background:#666; overflow:hidden; position:relative;}
#section .foro .encuestas .item h4 {color:#FFF; margin-top:20px; margin-bottom:5px;}
#section .foro .encuestas .item h4:first-child {margin-top:0;}
#section .foro .encuestas .item h5 {color:#FFF; line-height:17px;}
#section .foro .encuestas .item h5 a {text-decoration:none;}
#section .foro .encuestas .item h5 a:link, #section .foro .encuestas .item h5 a:visited {color:#EEE;}
#section .foro .encuestas .item h5 a:hover, #section .foro .encuestas .item h5 a:active {color:#EEE;}
#section .foro .debates {width:354px; float:right; _float:left;} 
#section .foro .debates h3 a {text-decoration:none;}
#section .foro .debates h3 a:link, #section .foro .debates h3 a:visited {color:#181E1A;}
#section .foro .debates h3 a:hover, #section .foro .debates h3 a:active {color:#181E1A;}
#section .foro .debates .item {width:334px; padding:10px; margin-top:20px; background:#666; overflow:hidden; position:relative;}
#section .foro .debates .item h4 {color:#FFF; margin-top:20px; margin-bottom:5px;}
#section .foro .debates .item h4:first-child {margin-top:0;}
#section .foro .debates .item h5 {color:#FFF; line-height:17px;}
#section .foro .debates .item h5 a {text-decoration:none;}
#section .foro .debates .item h5 a:link, #section .foro .debates .item h5 a:visited {color:#EEE;}
#section .foro .debates .item h5 a:hover, #section .foro .debates .item h5 a:active {color:#EEE;}
#section .content .video .iframe {width:480px; float:left;}
#section .content .video .descripcion {width:230px; float:right; _float:left;}
#section .content .video .descripcion h3 {margin-bottom:10px;}
#section .content .video .descripcion p {margin-bottom:10px;}
#section .foro .video .iframe {width:475px; margin-right:15px; float:left;}
#section .foro .video .descripcion {width:238px; float:left;}
#section .foro .video .descripcion h3 {margin-bottom:10px; color:#181E1A;}
#section .foro .video .descripcion p {color:#666;}


/* TOOLS */
#tools .content {padding:30px 0;}
#tools .content ul {list-style:none; width:950px; position:relative;}
#tools .content ul li {width:215px; margin-right:30px; text-align:center; float:left;}
#tools .content ul li:last-child {margin-right:0;}
#tools .content ul li a.btn {display:block; width:215px; height:72px; margin-bottom:10px; position:relative;}
#tools .content ul li a.btn:link, #tools .content ul li a.btn:visited {background:#1F446D;}
#tools .content ul li a.btn:hover, #tools .content ul li a.btn:active {background:#666;}
#tools .content ul li .icon {width:60px; height:42px; top:15px; left:77px; position:absolute; text-indent:-9999px; z-index:1;}
#tools .content ul li .acuerdos {background:url(/OBSExternalUI/javax.faces.resource/_img/layout/tools-ul-li-icon_icons.png.jsf) 0 0 no-repeat !important;}
#tools .content ul li .inteligencia {background:url(/OBSExternalUI/javax.faces.resource/_img/layout/tools-ul-li-icon_icons.png.jsf) -60px 0 no-repeat !important;}
#tools .content ul li .monitor {background:url(/OBSExternalUI/javax.faces.resource/_img/layout/tools-ul-li-icon_icons.png.jsf) -120px 0 no-repeat !important; top:12px !important;}
#tools .content ul li .foro {background:url(/OBSExternalUI/javax.faces.resource/_img/layout/tools-ul-li-icon_icons.png.jsf) -180px 0 no-repeat !important; top:18px !important;}
#tools .content ul li h4 {margin-bottom:10px;}
#tools .content ul li h4 a, #tools .content ul li p a {text-decoration:none;}
#tools .content ul li h4 a:link, #tools .content ul li h4 a:visited {color:#1F446C;}
#tools .content ul li h4 a:hover, #tools .content ul li h4 a:active {color:#181E19;}
#tools .content ul li p a:link, #tools .content ul li p a:visited {color:#666;}
#tools .content ul li p a:hover, #tools .content ul li p a:active {color:#181E19;}

/* FOOTER */
#footer .marca {width:100%; border-top:4px solid #B1B1B1; background:#CCC; position:relative;}
#footer .marca .content {padding-top:20px; padding-bottom:20px; text-align:center;}
#footer .marca .content img {width:618px; height:36px; position:relative;}
#footer .finalfooter {width:100%; border-top:4px solid #000; background:#181E1A; position:relative; align-content:center;}
#footer .finalfooter .content .institutional {margin:0 auto; padding:30px 0; border-bottom:1px solid #000;}
#footer .finalfooter .content .institutional .center {display:table; margin:0 auto;}
#footer .finalfooter .content .institutional .center .item {padding:0 20px; border-left:1px solid #303531; border-right:1px solid #000; float:left;}
#footer .finalfooter .content .institutional .center .item:first-child {padding-left:0; border-left:none;}
#footer .finalfooter .content .institutional .center .item:last-child {padding-right:0; border-right:none;}
#footer .finalfooter .content .institutional .center .item .logo {width:80px; float:left;}
#footer .finalfooter .content .institutional .center .item .info {margin-left:20px; float:left;}
#footer .finalfooter .content .institutional .center .item .info h6 {margin-bottom:8px;}
#footer .finalfooter .content .institutional .center .item .info ul {list-style:none;}
#footer .finalfooter .content .institutional .center .item .info ul li {display:block; font-size:11px; line-height:16px; font-weight:300; color:#B1B1B1;}
#footer .finalfooter .content .institutional .center .item .info ul li a {text-decoration:none; font-weight:300;}
#footer .finalfooter .content .institutional .center .item .info ul li a:link, #footer .finalfooter .content .institutional .center .item .info ul li a:visited {color:#FFF;}
#footer .finalfooter .content .institutional .center .item .info ul li a:hover, #footer .finalfooter .content .institutional .center .item .info ul li a:active {color:#51A5BF;}
#footer .finalfooter .content .foot {padding:30px 0; border-top:1px solid #303531;}
#footer .finalfooter .content .foot .sitemap {position:relative;}
#footer .finalfooter .content .foot .sitemap ul {display:block; margin-left:-7px; left:-7px\9; background:#F00; position:relative;}
#footer .finalfooter .content .foot .sitemap ul li {display:block; height:14px; padding:0 7px; margin-bottom:10px; border-right:1px solid #FFF; float:left;}
#footer .finalfooter .content .foot .sitemap ul li:last-child {border-right:none;}
#footer .finalfooter .content .foot .sitemap ul li a {text-decoration:none;font-size:12px; line-height:11px; font-weight:500; color:#FFF;}
#footer .finalfooter .content .foot .sitemap ul li a:link, #footer .finalfooter .content .foot .sitemap ul li a:visited {color:#FFF;}
#footer .finalfooter .content .foot .sitemap ul li a:hover, #footer .finalfooter .content .foot .sitemap ul li a:active {color:#51A5BF;}
#footer .finalfooter .content .foot .copyright {height:18px; margin-top:20px; float:left;}
#footer .finalfooter .content .foot .credits {height:18px; margin-top:20px; float:right;}
#footer .finalfooter .content .foot .copyright small, #footer .finalfooter .content .foot .credits small {font-size:11px; font-weight:400; color:#666;}
#footer .finalfooter .content .foot .copyright small a {text-decoration:none; font-weight:500;}
#footer .finalfooter .content .foot .copyright small a:link, #footer .finalfooter .content .foot .copyright small a:visited {color:#B1B1B1;} 
#footer .finalfooter .content .foot .copyright small a:hover, #footer .finalfooter .content .foot .copyright small a:active {color:#51A5BF;} 
#footer .finalfooter .content .foot .credits small a {text-decoration:none; font-weight:700;}
#footer .finalfooter .content .foot .credits small a:link, #footer .finalfooter .content .foot .credits small a:visited {color:#666;} 
#footer .finalfooter .content .foot .credits small a:hover, #footer .finalfooter .content .foot .credits small a:active {color:#135758;}