@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/fondo.png); background-repeat:repeat-x; background-color:#fff; background-position:center 225px;} .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;} .inline-block {display: inline-block;vertical-align: middle;} /*fonts*/ H1 {font-family: 'Oswald', sans-serif; font-size:24px; font-weight:700; color:#524b50; line-height:150%;} p { line-height:150%; margin-bottom:25px;} /* header*/ .header { height:225px; position:relative;background: #fff;box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);} .logo { margin-top:55px; margin-left:135px;} .logo_uic { margin-top:55px; margin-left:115px;} .fecha {position: absolute;right: -28px;top: 70px;} .redes { background: none; width:171px; height:45px; display:block; position:absolute; bottom:0; right:20px;} .redes img { margin-left:10px;} .redes a:hover {opacity: 0.8;} /*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 { background: none;height: 30px;line-height: 30px;margin-bottom: 10px;width: 195px;} .menu li a { background: #887C83;color: #FFFFFF;display: block;font-weight: bold;padding-left: 10px;text-decoration: none;} .menu li a:hover, .menu li a.active, .actividades .menu li a.marcado { background-color: #ED9E19;} /*contenido*/ .content { background-color:#FFF; margin-top:0;box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);} .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; } .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:#00A3A6;} .bold { color:#666;} span.box { background-color:#ED9E19; 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;margin-top: 5px;float: right;} .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; }