@charset "UTF-8"; /* CSS Document */ /*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%; } /*Structure / Commons*/ body { background-image:url(../img/bg_site.png); background-repeat:no-repeat; background-color:#F3F3F3; background-position:center top;} .container { width:960px; margin:0 auto;} .left { float:left;} .right { float:right;} .separator-25 { margin-bottom:25px;} .separator-45 { margin-bottom:45px;} .separator-80 { margin-bottom:80px;} .w-200 { width:200px;} .w-235 { width:235px;} .w-180 { width:180px;} .margin-bot-0 { margin-bottom:0;} .clear { clear:both;} .divider { border-bottom:1px solid #E3E3E3;} .center { text-align:center;} /*fonts*/ H1 {font-family: 'Oswald', sans-serif; font-size:24px; font-weight:700; color:#404041; line-height:150%;} p { line-height:150%; margin-bottom:25px;} /* header*/ .header { height:177px; position:relative;} .logo_uic { margin-top:50px; margin-left:40px;} .redes { background-image:url(../img/bg_redes.png); background-repeat:no-repeat; background-position:center center; width:171px; height:34px; display:block; position:absolute; bottom:0; right:0; padding-top:10px;} .redes img { margin-left:10px;} /*Footer*/ .footer { margin-top:20px; margin-bottom:20px; padding-left:10px; padding-right:10px;} .footer p { color:#183B8D; font-size:13px; margin-left:40px; margin-top:7px; line-height:130%; margin-bottom:0;} .footer a { color:#183B8D;} /*sidebar*/ .sidebar { width:215px; padding-top:25px; padding-left:20px;} /*menu*/ .menu li { height:37px; width:195px; line-height:30px; margin-bottom:3px; background-image:url(../img/sombra_menu.png); background-repeat:no-repeat; background-position:center bottom;} .menu li a { display:block; color:#fff; background-color:#999; padding-left:10px; text-decoration:none; font-weight:bold; -moz-border-radius: 2px; -webkit-border-radius: 2px;-khtml-border-radius: 2px; border-radius: 2px; behavior: url(../img/border-radius.htc);} .menu li a:hover, .menu li a.active, .actividades .menu li a.marcado { background-color:#0083A9;} /*contenido*/ .content { background-color:#FDFDFD; margin-top:25px;-moz-border-radius: 5px; -webkit-border-radius: 5px;-khtml-border-radius: 5px; border-radius: 5px; behavior: url(../img/border-radius.htc);} .shadow { background-image:url(../img/sombra_content.png); background-repeat:no-repeat; background-position:center center; height:9px;} .contenido { width:640px; padding:25px 25px 25px 60px; background-image:url(../img/bg_sidebar.png); background-repeat:repeat-y; background-position:top left; } .submenu-top {width:100%;margin-bottom:20px;} .submenu-top a {display:inline-block;border:none;outline:none;} .submenu-top a img {display:block;margin-right:9px;border:none;outline:none;} .destacado, .destacado a { color:#0083A9;} .bold { color:#333;} span.box { background-color:#0083A9; color:#fff; height: 30px; line-height: 30px; padding-left: 8px; padding-right: 8px; margin-right:8px; display:inline-block;} span.boxgris { background-color:#E8E8EA; color:#3F3F41; height:30px; line-height:30px; padding-left: 8px; padding-right: 8px; display:inline-block; font-size:14px; font-weight:bold;} .hash { margin-left:10px;} .boton { background-color:#0083A9; color:#fff; padding:2px 8px; margin-right:8px; text-decoration:none;} ul.listas { margin-left:3px; margin-bottom:45px;} ul.listas li { background-image:url(../img/ico_lista.png); background-position: left 9px; background-repeat: no-repeat; line-height: 150%; padding-left: 10px;} .borde { border:5px solid #818285;} /*programa*/ .programa .box { margin-bottom:10px;} .programa p { margin-bottom:5px;} .programa .bold { margin-left:10px;} .programa ul.listas { margin-bottom:10px;} /*ediciones anteriores*/ .edicion p { margin-bottom:7px;} /*fotos*/ .galeria p { margin-bottom:5px;} /*actividades adicionales*/ .actividades .cont_logos {border-left: 1px solid #C1C1C1; margin-left: 30px; min-height: 90px; padding-left: 30px; padding-top: 25px;} .actividades .cont_logos .logouic { margin-top:12px; margin-left:45px;} .actividades .listas { margin-bottom:20px;} .actividades span.box { font-size:14px;} .actividades a.clear { text-decoration:none;} /*Galeria Prensa*/ #thumbs_prensa { border:4px solid #999; display: block; float: left; height: 130px; margin-bottom: 13px; margin-right: 9px; width: 199px; } #thumbs_r_prensa { border:4px solid #999; display: block; float: left; height: 130px; margin-bottom: 13px; margin-right: 0; width: 199px; } /*Galeria de fotos*/ .carousel-content { background-color:#818285; width:615px; height:470px; padding:7px 5px 5px; } #carousel-wrapper { position: relative; width:610px; margin-left:auto; margin-right:auto; } #carousel, #thumbs, #carousel2, #thumbs2, #carousel3, #thumbs3 { overflow: hidden; } #carousel-wrapper .caroufredsel_wrapper { background-color:#818285; } #carousel span, #carousel img, #thumbs a, #thumbs img, #carousel2 span, #carousel2 img, #thumbs2 a, #thumbs2 img, #carousel3 span, #carousel3 img, #thumbs3 a, #thumbs3 img { display: block; float: left; } #carousel span, #carousel a, #thumbs span, #thumbs a, #carousel2 span, #carousel2 a, #thumbs2 span, #thumbs2 a, #carousel3 span, #carousel3 a, #thumbs3 span, #thumbs3 a { position: relative; } #carousel img, #thumbs img, #carousel2 img, #thumbs2 img,#carousel3 img, #thumbs3 img, { border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #carousel span, #carousel2 span, #carousel3 span { width: 610px; height: 400px; } #thumbs-wrapper { padding: 8px 40px 0; position: relative; } #thumbs a, #thumbs2 a, #thumbs3 a { width: 85px; height: 55px; margin: 0 5px; overflow: hidden; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -ms-transition: border-color .5s; transition: border-color .5s; } #thumbs a:hover, #thumbs a.selected, #thumbs2 a:hover, #thumbs2 a.selected, #thumbs3 a:hover, #thumbs3 a.selected { border-color: #566; } #wrapper img#shadow { width: 100%; position: absolute; bottom: 0; } #prev, #next, #prevo, #nexto, #preva, #nexta { background: transparent url(../img/carousel_nav.png) no-repeat 0 0; display: block; width: 28px; height: 56px; position: absolute; top: 8px; } #prev, #prevo, #preva { background-position: 0 0; left: 3px; } #next, #nexto, #nexta { background-position: right 0; right: 10px; } #prev:hover, #prevo:hover, #preva:hover { opacity:0.7; } #next:hover, #nexto:hover, #nexta:hover { opacity:0.7; } #prev.disabled, #next.disabled, #prevo.disabled, #nexto.disabled, #preva.disabled, #nexta.disabled { opacity:0.4 !important; }