/* +----------------------------------------------------------------------------------------------------+ | | | BICENTENARIO - STYLES | | | +----------------------------------------------------------------------------------------------------+ COLOUR REFERENCES BODY BG: #ededed turquesa: #00b0d8 -------------------------------------------------------- */ /* RESET */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} input {border:none;} textarea {border:none;} :focus {outline: 0;} body {line-height: 1; background: white;} ol, ul {list-style: none;} table {border-collapse:separate;border-spacing:0;} table, td, th {vertical-align:middle;} caption, th, td {text-align:left;font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} a { text-decoration:none;} /* FLOAT FIX */ *+html .floatFix, *+html .content, *+html .box, *+html .middle, *+html .bottom {display:inline-block;} * html .floatFix, * html .content, * html .box, * html .middle, * html .bottom {height:1%} .floatFix:after, .content:after, .box:after, .middle:after, .bottom:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* GENERAL */ .last { margin:0!important; border-right:none!important;} .left { float:left;} .right { float:right;} a { color:#666;} a:hover, #footer .content .menu a:hover, #topbar a:hover, #select_lang a:hover { color:#fff; background-color:#00b0d8;} strong { } hr { border-color:#e0e0e0;} body { font:normal 12px/16px Arial, Helvetica, sans-serif; color:#666;} .content { width:960px; margin:0 auto;} /* BGs */ body {background-color:#ededed; background-image: url(../img/bgs/bg_body-default.gif); background-repeat: repeat-x ; background-position:left bottom;} #container { background-image:url(../img/bgs/bg_globos-default.gif); background-repeat: repeat-x; background-position: left bottom;} h2 {font-size: 21px; line-height: 22px; color: #00b0d8; margin-bottom:20px;} p { margin-bottom:10px; font-size:13px; line-height:16px; } a.link { background:url(../img/bullet_link.gif) no-repeat left; padding-left:10px;} a.link:hover, .column_right .box a:hover { background-image:none; background-color:#00b0d8; color:#fff!important; } .box a strong:hover { color:#fff!important; } .thumb a:hover, #photos a:hover { background:none!important;} /*--- HEADER ---*/ #header .content { position:relative; height:120px; } #header h2 { width:300px; position:absolute; left:0; top:25px;} #header h2 a { display:block; background:url(../img/logo.gif) no-repeat; height:81px;} #header h2 a, .search a { text-indent:-100000px;} #header h3 { width:250px; position:absolute; right:0; top:45px;} #header h3 a { display:block; background:url(../img/logo_bsas-gob.gif) no-repeat; height:81px;} #header h3 a { text-indent:-100000px;} form.search { width:270px; position:absolute; right:320px; top:52px;} form.search input { height:40px; width:215px; float:left; background:url(../img/search_input.gif) no-repeat; font-size:14px; color:#999; padding:0px 0 0 15px;} form.search a { display:block; height:40px; width:40px; float:left; background:url(../img/search_button.gif) no-repeat;} form.search a:hover { background: transparent url(../img/search_button.gif) no-repeat!important;} /*--- HL01 ---*/ .hl01{height:321px; margin-bottom:12px; background:url(../../files/img/home_bg-header.gif) no-repeat top left; position:relative;} .hl01 .picture { width:281px; height:326px; background:url(../../files/img/home_pic-header-trans.png) no-repeat top left; position:absolute; top:-7px; left:140px;} .hl01 h1, .hl01 ul { display:none;} /*--- NAVBAR ---*/ #navbar .content { height:60px; background:url(../img/bg_navbar-corner-right.gif) repeat-x right bottom;} #navbar ul#menu { } #navbar ul#menu li { display:block; float:left; position:relative; z-index:20; } #navbar ul#menu li a { display:block;height:60px; background:url(../img/menu.gif) no-repeat left top;} #navbar ul#menu li a strong { display:none;} #navbar ul#menu li.corner { background:url(../img/bg_navbar-corner-left.gif) no-repeat left bottom; height:60px; width:20px;} #navbar ul#menu li.item1 a { width:96px;} #navbar ul#menu li.item1 a:hover {background-position: 0px -120px;} #navbar ul#menu li.item1 a.active, #navbar ul#menu li.item1 a.active:hover {background-position: 0px -60px;} #navbar ul#menu li.item2 a { width:129px; background-position: -96px 0px;} #navbar ul#menu li.item2 a:hover { width:129px; background-position: -96px -120px;} #navbar ul#menu li.item2 a.active, #navbar ul#menu li.item2 a.active:hover { width:129px; background-position: -96px -60px;} #navbar ul#menu li.item3 a { width:138px; background-position: -225px 0px;} #navbar ul#menu li.item3 a:hover { background-position: -225px -120px;} #navbar ul#menu li.item3 a.active, #navbar ul#menu li.item3 a.active:hover { background-position: -225px -60px;} #navbar ul#menu li.item4 a { width:100px; background-position: -363px 0px;} #navbar ul#menu li.item4 a:hover { background-position: -363px -120px;} #navbar ul#menu li.item4 a.active, #navbar ul#menu li.item4 a.active:hover { background-position: -363px -60px;} #navbar ul#menu li.item5 a { width:154px; background-position: -463px 0px;} #navbar ul#menu li.item5 a:hover { background-position: -463px -120px;} #navbar ul#menu li.item5.active a, #navbar ul#menu li.item5.active a:hover { background-position: -463px -60px;} #navbar ul#menu li.item6 a { width:72px; background-position: -617px 0px;} #navbar ul#menu li.item6 a:hover { background-position: -617px -120px;} #navbar ul#menu li.item6 a.active, #navbar ul#menu li.item6 a.active:hover { background-position: -617px -60px;} #navbar ul#menu li.item7 a { width:99px; background-position: -689px 0px;} #navbar ul#menu li.item7 a:hover { background-position: -689px -120px;} #navbar ul#menu li.item7 a.active, #navbar ul#menu li.item7 a.active:hover { background-position: -689px -60px;} #navbar ul#menu li.item8 a { width:60px; background-position: -788px 0px;} #navbar ul#menu li.item8 a:hover { background-position: -788px -120px;} #navbar ul#menu li.item8 a.active, #navbar ul#menu li.item8 a.active:hover { background-position: -788px -60px;} #navbar ul#menu li.item9 a { width:70px; background-position: -848px 0px;} #navbar ul#menu li.item9 a:hover { background-position: -848px -120px;} #navbar ul#menu li.item9 a.active, #navbar ul#menu li.item9 a.active:hover { background-position: -848px -60px;} /*submenu over*/ #navbar ul#menu li ol { position:absolute; z-index:21; border:1px solid #008dd7; border-top:none; background:#58c7f4; left:-1px; display:none; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;} #navbar ul#menu li ol li { display:inline; padding:5px;} #navbar ul#menu li ol li a { background:none; width:auto!important; height:auto; padding:4px 9px 4px 4px; color:#fff; border-right:1px dotted #056f8b; font-weight:normal;} /*submenu active*/ #navbar ul#menu li.active ol { background:#fff; border-color:#a8a8a8; left:0; } #navbar ul#menu li.active ol li a { color:#999; background:none;} #navbar ul#menu li.active ol li.active a, #navbar ul#menu li.active ol li.active a:hover { color:#00b0d8;} #navbar ul#menu li.active ol li a:hover, #navbar ul#menu li ol li a:hover { color:#056f8b;} /*submenu item5*/ #navbar ul#menu li.item5 ol { width:180px; z-index:25; position:absolute;} #navbar ul#menu li.item6 ol { width:210px; z-index:30; position:absolute;} /*--- MAIN ---*/ #main .content { background:#fff; width:940px; padding:10px; position:relative;} #path { height:24px; margin-bottom:10px; padding-left:13px; background:url(../img/path_corner.gif) no-repeat top left;} #path li { display:inline; height:24px;} #path li a { float:left; display:block; background:url(../img/path_bg.gif) repeat-x top left;} #path li a:hover { text-decoration:none;} #path li a strong{ color:#666; font-weight:normal; padding:4px 25px 4px 5px; display:block; background:url(../img/path_arrow.gif) no-repeat top right;} #path li a strong:hover{ color:#00b0d8!important;} #path li.last a strong{ background: url(../img/path_last.gif) no-repeat top right; font-weight:700; color:#00b0d8; } /*--- CONTDOWN ---*/ #countdown{ /*border:1px solid #FF6600;*/ height:139px; margin-bottom:10px; width:281px; background: url(../img/bg-countdown.jpg) no-repeat top left; } #countdown .count {margin: 20px;} #countdown .start{text-indent: -9999px !important; position: relative; left: -9999px;} #countdown b {color: #666; font-weight: normal; font-size:32px; margin: 8.2px;} #countdown span{color: #00b0d8; font-size: 15px;} #countdown #cntdwn{ /*border:1px solid red;*/ position:relative; top:50px; text-align: center; } #countdown .days {/*border: 1px solid #ff6600;*/} #countdown .hours {margin: 1px;} /*--- LOGOS BOTTOM ---*/ #logos .content { height:280px; padding:20px 0 0 0; } #logos .content img { margin:0 30px;} #logos h3 { float:left; width:160px;} /*--- TOP ---*/ #top .content { background: #fff url(../img/top-corner-right.gif) no-repeat top right;} #top .content .corner { background: transparent url(../img/top-corner-left.gif) no-repeat top left; padding:5px 10px;} /*--- BOX ---*/ .box { margin-bottom:12px; } .box .top { background: #1CB7E1 url(../img/box_corner-top-right.gif) no-repeat top right;} .box .top .corner { height:28px; background: transparent url(../img/box_corner-top-left.gif) no-repeat top left; padding:0 10px; color:#fff; font-weight:700; font-size:14px; line-height:24px; display:block; margin:0;} .box .shadow { height:7px; line-height:7px; font-size:1px; background: #ededed url(../img/box_shadow-top.gif) no-repeat top left;} .box .middle { padding:10px; background-color: #ededed; margin-bottom:-3px;} .box .bottom { background: #ededed url(../img/box_corner-bottom-right.gif) no-repeat bottom right;} .box .bottom .corner { height:11px; background: transparent url(../img/box_corner-bottom-left.gif) no-repeat bottom left; display:block;} .box dd a:hover {color:#fff!important;} .box h4 { color:#1cb7e1; font-weight:bold;} .box dd, .box li ul li { margin-bottom:10px;} .attach dt { background:url(../img/ico_pdf.gif) no-repeat left top; line-height:18px;} .attach dt.music { background:url(../img/ico_music.gif) no-repeat left top;} .attach dt.doc { background:url(../img/ico_doc.gif) no-repeat left top;} .attach dt, .attach dd { padding-left:20px;} .attach dd a:hover {color:#fff!important;} .map strong {padding:10px 0; display:block;} .map .middle { padding:15px 10px 24px 10px;} .contact .middle, .shared .middle { padding:10px 10px 18px 10px;} .shared .middle img { margin-right:25px;} .related .middle {font-size: 11px;} .message h4 { margin:185px 32px; font-size:18px; line-height:24px; font-weight:normal;} .content_right .thumb img { border:1px solid #666; margin-right:5px;} .content_right .thumb img:hover { border:1px solid #000;} .content_left .thumb img { border:1px solid #666; margin-right:26px;} .content_left .thumb img:hover { border:1px solid #000;} #home-slider { margin-bottom:10px;} /*--- COLUMNS ---*/ .content_left { width:412px; margin-right:12px; float:left;} .content_right { width:221px; float:right;} .column_right { width:281px; float:right;} .column_left { float:left; width:645px; margin-right:12px;} .home .content_left { width:221px;} .home .content_right { width:412px;} #hl1 .content_right { width:221px;} .column_left h2 {font-size:40px; line-height:normal; margin-bottom:10px; letter-spacing:-1px} .column_left h4.pre_title { color:#666; font-size:16px;} .column_left h2 span {color:#666666;} a.arrow { background: url(../img/arrow_corner-left.gif) no-repeat top left; padding:3px 0 5px 20px; font-size:12px!important;} a.arrow:hover { text-decoration:none; background-color:transparent!important; background-image: url(../img/arrow_corner-left.gif)!important;} a.arrow span { background: url(../img/arrow_corner-right.gif) no-repeat top right; padding:3px 20px 5px 0; color:#fff!important; font-size:12px!important; font-weight:normal!important; line-height:15px; } .box a, .box strong { color:#00b0d8;} .box ul li a, .box dl dd a { padding-left:12px; background: url(../img/bullet_link.gif) no-repeat left top; } .box strong { font-size:12px;} #riff { margin-bottom:12px;} /*--- PROJECTS ---*/ /*focal del proyecto*/ .box_project { float:left; background:#ebebeb; position:relative;} .box_project img {float:left;} .box_project h5, #hl1 h5 { width:208px; height:40px; color:#fff; position:absolute; background-image: url(../img/bg_arrow-default-trans.png); background-repeat: no-repeat; background-position: top left; padding:6px 0 0 30px;} .box_project a { color:#00b0d8; font-weight:700;} .box_project a:hover { color:#fff; } .box_project strong { display:block; font-size:18px; color:#00b0d8;} .home .box_project { margin-bottom:12px; height:130px; overflow:hidden;} .home .box_project img { width:180px; } .home .box_project h5 { left:160px; top:10px;} .home .box_project p { font-size:12px; padding:50px 10px 0 190px;} .home .box_project p a { } .home .box_project p span { display:block; margin-bottom:5px;} .home .box_project p strong { font-size:13px; } .home .column_left .content_right .box_project { width:412px;} .column_left .box_project { margin-bottom:12px; height:125px; width:645px; overflow:hidden;} .column_left .content_left .box_project { width:412px;} .column_left .box_project img { width:180px; } .column_left .box_project h5 { left:160px; top:10px;} .column_left .box_project p { font-size:12px; padding:50px 10px 0 190px;} .column_left .box_project p a { } .column_left .box_project p span { display:block; margin-bottom:5px;} .column_left .box_project p strong { font-size:13px; } #hl2 { float:left; width:645px; margin-bottom:12px;} #hl2 .box_project { height:279px;} #hl2 .box_project img { width:421px; height:279px; } #hl2 .box_project h5 {left:400px; top:20px;} #hl2 .box_project p { padding:80px 10px 0 440px;} #hl1 { float:left; width:643px; height:300px; margin-bottom:12px; background-repeat: no-repeat; background-position: top left; border:1px solid #ccc; position:relative;} #hl1 h5 {right:10px; top:20px;} #hl1 p { font-size:12px; padding:80px 10px 20px 0;} #hl1 strong { display:block; font-size:16px; line-height:normal; color:#00b0d8; margin-bottom:6px;} /* colores x proyectos */ .proyectos .column_left .box strong, .proyectos .column_left .box a { color:#666;} .proyectos .column_left a.link { background-image:url(../img/bullet_link-grey.gif);} .espectaculos .column_left .top { background: #EB3B33 url(../img/box_corner-espectaculos-top-right.gif) no-repeat top right;} .espectaculos .column_left .top .corner { background: transparent url(../img/box_corner-espectaculos-top-left.gif) no-repeat top left;} /*revisar esto:*/ .espectaculos h4, .espectaculos a { font-weight:700;} .espectaculos h4 { font-size:14px; margin:5px 0;} .espectaculos .column_left a.link:hover, .espectaculos a:hover { background-color:#EB3B33; background-image:none; color:#fff!important;} .event_date h4, .event_date span { font-size:20px; line-height:normal;} .espectaculos h2, .espectaculos h4, .espectaculos .event_date span, .espectaculos .column_left a, .box_project.espectaculos strong, .espectaculos .box_project p strong, .box_project.espectaculos a, #hl1.espectaculos strong { color:#ee4035;} .espectaculos h5 { background-image: url(../img/bg_arrow-espectaculos-trans.png)!important; } body.espectaculos {background-image: url(../img/bgs/bg_body-espectaculos.gif);} body.espectaculos #container { background-image:url(../img/bgs/bg_globos-espectaculos.gif);} .homenajes h2, .homenajes h4, .homenajes .event_date span, .homenajes .column_left a, .box_project.homenajes strong, .homenajes .box_project p strong, .box_project.homenajes a, #hl1.homenajes strong { color:#77278b;} .homenajes h5 { background-image: url(../img/bg_arrow-homenajes-trans.png); } body.homenajes {background-image: url(../img/bgs/bg_body-homenajes.gif);} body.homenajes #container { background-image:url(../img/bgs/bg_globos-homenajes.gif);} .homenajes .column_left a.link:hover, .homenajes a:hover { background-color:#77278b; background-image:none; color:#fff!important;} .homenajes .column_left .top { background: #77278b url(../img/box_corner-homenajes-top-right.gif) no-repeat top right;} .homenajes .column_left .top .corner { background: transparent url(../img/box_corner-homenajes-top-left.gif) no-repeat top left;} .pensamiento h2, .pensamiento h4, .pensamiento .event_date span, .pensamiento .column_left a, .box_project.pensamiento strong, .pensamiento .box_project p strong, .box_project.pensamiento a, #hl1.pensamiento strong { color:#a82b84;} .pensamiento h5 { background-image: url(../img/bg_arrow-pensamiento-trans.png); } body.pensamiento {background-image: url(../img/bgs/bg_body-pensamiento.gif);} body.pensamiento #container { background-image:url(../img/bgs/bg_globos-pensamiento.gif);} .pensamiento .column_left a.link:hover, .pensamiento a:hover { background-color:#a82b84; background-image:none; color:#fff!important;} .pensamiento .column_left .top { background: #a82b84 url(../img/box_corner-pensamiento-top-right.gif) no-repeat top right;} .pensamiento .column_left .top .corner { background: transparent url(../img/box_corner-pensamiento-top-left.gif) no-repeat top left;} .arquitectura h2, .arquitectura h4, .arquitectura .event_date span, .arquitectura .column_left a, .box_project.arquitectura strong, .arquitectura .box_project p strong, .box_project.arquitectura a, #hl1.arquitectura strong { color:#e20177;} .arquitectura h5 { background-image: url(../img/bg_arrow-arquitectura-trans.png); } body.arquitectura {background-image: url(../img/bgs/bg_body-arquitectura.gif);} body.arquitectura #container { background-image:url(../img/bgs/bg_globos-arquitectura.gif);} .arquitectura .column_left a.link:hover, .arquitectura a:hover { background-color:#e20177; background-image:none; color:#fff!important;} .arquitectura .column_left .top { background: #e20177 url(../img/box_corner-arquitectura-top-right.gif) no-repeat top right;} .arquitectura .column_left .top .corner { background: transparent url(../img/box_corner-arquitectura-top-left.gif) no-repeat top left;} .artes h2, .artes h4, .artes .event_date span, .artes .column_left a, .box_project.artes strong, .artes .box_project p strong, .box_project.artes a, #hl1.artes strong { color:#f47d30;} .artes h5 { background-image: url(../img/bg_arrow-artes-trans.png); } body.artes {background-image: url(../img/bgs/bg_body-artes.gif);} body.artes #container { background-image:url(../img/bgs/bg_globos-artes.gif);} .artes .column_left a.link:hover, .artes a:hover { background-color:#f47d30; background-image:none; color:#fff!important;} .artes .column_left .top { background: #f47d30 url(../img/box_corner-artes-top-right.gif) no-repeat top right;} .artes .column_left .top .corner { background: transparent url(../img/box_corner-artes-top-left.gif) no-repeat top left;} .construccion h2, .construccion h4, .construccion .event_date span, .construccion .column_left a, .box_project.construccion strong, .construccion .box_project p strong, .box_project.construccion a, #hl1.construccion strong { color:#eeb722;} .construccion h5 { background-image: url(../img/bg_arrow-construccion-trans.png); } body.construccion {background-image: url(../img/bgs/bg_body-construccion.gif);} body.construccion #container { background-image:url(../img/bgs/bg_globos-construccion.gif);} .construccion .column_left a.link:hover, .construccion a:hover { background-color:#eeb722; background-image:none; color:#fff!important;} .construccion .column_left .top { background: #eeb722 url(../img/box_corner-construccion-top-right.gif) no-repeat top right;} .construccion .column_left .top .corner { background: transparent url(../img/box_corner-construccion-top-left.gif) no-repeat top left;} .turismo h2, .turismo h4, .turismo .event_date span, .turismo .column_left a, .box_project.turismo strong, .turismo .box_project p strong, .box_project.turismo a, #hl1.turismo strong { color:#c1d82f;} .turismo h5 { background-image: url(../img/bg_arrow-turismo-trans.png); } body.turismo {background-image: url(../img/bgs/bg_body-turismo.gif);} body.turismo #container { background-image:url(../img/bgs/bg_globos-turismo.gif);} .turismo .column_left a.link:hover, .turismo a:hover { background-color:#c1d82f; background-image:none; color:#fff!important;} .turismo .column_left .top { background: #c1d82f url(../img/box_corner-turismo-top-right.gif) no-repeat top right;} .turismo .column_left .top .corner { background: transparent url(../img/box_corner-turismo-top-left.gif) no-repeat top left;} .ecologia h2, .ecologia h4, .ecologia .event_date span, .ecologia .column_left a, .box_project.ecologia strong, .ecologia .box_project p strong, .box_project.ecologia a, #hl1.ecologia strong { color:#00a051;} .ecologia h5 { background-image: url(../img/bg_arrow-ecologia-trans.png); } body.ecologia {background-image: url(../img/bgs/bg_body-ecologia.gif);} body.ecologia #container { background-image:url(../img/bgs/bg_globos-ecologia.gif);} .ecologia .column_left a.link:hover, .ecologia a:hover { background-color:#00a051; background-image:none; color:#fff!important;} .ecologia .column_left .top { background: #00a051 url(../img/box_corner-ecologia-top-right.gif) no-repeat top right;} .ecologia .column_left .top .corner { background: transparent url(../img/box_corner-ecologia-top-left.gif) no-repeat top left;} .educacion h2, .educacion h4, .educacion .event_date span, .educacion .column_left a, .box_project.educacion strong, .educacion .box_project p strong, .box_project.educacion a, #hl1.educacion strong { color:#009d99;} .educacion h5 { background-image: url(../img/bg_arrow-educacion-trans.png); } body.educacion {background-image: url(../img/bgs/bg_body-educacion.gif);} body.educacion #container { background-image:url(../img/bgs/bg_globos-educacion.gif);} .educacion .column_left a.link:hover, .educacion a:hover { background-color:#009d99; background-image:none; color:#fff!important;} .educacion .column_left .top { background: #009d99 url(../img/box_corner-educacion-top-right.gif) no-repeat top right;} .educacion .column_left .top .corner { background: transparent url(../img/box_corner-educacion-top-left.gif) no-repeat top left;} .ciencia h2, .ciencia h4, .ciencia .event_date span, .ciencia .column_left a, .box_project.ciencia strong, .ciencia .box_project p strong, .box_project.ciencia a, #hl1.ciencia strong { color:#008fc7;} .ciencia h5 { background-image: url(../img/bg_arrow-ciencia-trans.png); } body.ciencia {background-image: url(../img/bgs/bg_body-ciencia.gif);} body.ciencia #container { background-image:url(../img/bgs/bg_globos-ciencia.gif);} .ciencia .column_left a.link:hover, .ciencia a:hover { background-color:#008fc7; background-image:none; color:#fff!important;} .ciencia .column_left .top { background: #008fc7 url(../img/box_corner-ciencia-top-right.gif) no-repeat top right;} .ciencia .column_left .top .corner { background: transparent url(../img/box_corner-ciencia-top-left.gif) no-repeat top left;} .patrimonio h2, .patrimonio h4, .patrimonio .event_date span, .patrimonio .column_left a, .box_project.patrimonio strong, .patrimonio .box_project p strong, .box_project.patrimonio a, #hl1.patrimonio strong { color:#005daa;} .patrimonio h5 { background-image: url(../img/bg_arrow-patrimonio-trans.png); } body.patrimonio {background-image: url(../img/bgs/bg_body-patrimonio.gif);} body.patrimonio #container { background-image:url(../img/bgs/bg_globos-patrimonio.gif);} .patrimonio .column_left a.link:hover, .patrimonio a:hover { background-color:#005daa; background-image:none; color:#fff!important;} .patrimonio .column_left .top { background: #005daa url(../img/box_corner-patrimonio-top-right.gif) no-repeat top right;} .patrimonio .column_left .top .corner { background: transparent url(../img/box_corner-patrimonio-top-left.gif) no-repeat top left;} .encuentros h2, .encuentros h4, .encuentros .event_date span, .encuentros .column_left a, .box_project.encuentros strong, .encuentros .box_project p strong, .box_project.encuentros a, #hl1.encuentros strong { color:#1c2670;} .encuentros h5 { background-image: url(../img/bg_arrow-encuentros-trans.png); } body.encuentros {background-image: url(../img/bgs/bg_body-encuentros.gif);} body.encuentros #container { background-image:url(../img/bgs/bg_globos-encuentros.gif);} .encuentros .column_left a.link:hover, .encuentros a:hover { background-color:#1c2670; background-image:none; color:#fff!important;} .encuentros .column_left .top { background: #1c2670 url(../img/box_corner-encuentros-top-right.gif) no-repeat top right;} .encuentros .column_left .top .corner { background: transparent url(../img/box_corner-encuentros-top-left.gif) no-repeat top left;} /* .print { position:absolute; z-index:10; top:10px; right:10px; padding-left:35px; line-height:24px; background:url(../img/bt_print-left.gif) no-repeat top left;} */ .print { padding-left:35px; line-height:24px; background:url(../img/bt_print-left.gif) no-repeat top left; width:177px;} .print strong { color:#999; display:block; font-size:11px; height:24px; padding-right:20px; background:url(../img/bt_print-right.gif) no-repeat top right;} .print strong:hover { color:#00b0d8!important;} .print:hover { background: transparent url(../img/bt_print-left.gif) no-repeat top left!important;} .column_left h3 { font-size:18px; border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:5px;} /*MULTIMEDIA*/ ul.videos dt { background:url(../img/ico_video.gif) no-repeat 69px 0; padding-left:87px; line-height:18px;} ul.videos dd { padding-left:70px} ul.videos dd.thumb {float:left; margin-right:5px; padding:0;} ul.videos dd.thumb img { width:60px; height:46px; border:1px solid #00b0d8;} ul.videos dd a { padding:0; background:none;} ul.fotos dt { background:url(../img/ico_foto.gif) no-repeat 69px 0; padding-left:87px; line-height:18px;} ul.fotos dd { padding-left:70px} ul.fotos dd.thumb {float:left; margin-right:5px; padding:0;} ul.fotos dd.thumb img { width:60px; height:46px; border:1px solid #00b0d8;} ul.fotos dd a { padding:0; background:none;} ul.audios dt { background:url(../img/ico_audio.gif) no-repeat left top; padding-left:18px; line-height:18px;} ul.audio dt { background:url(../img/ico_audio.gif) no-repeat 69px 0; padding-left:87px; line-height:18px;} ul.audio dd { padding-left:70px} ul.audio dd.thumb {float:left; margin-right:5px; padding:0;} ul.audio dd.thumb img { width:60px; height:46px; border:1px solid #00b0d8;} ul.audio dd a { padding:0; background:none;} .column_left ul.videos .video-player { background:#000; height:344px; text-align:center;} .column_left ul.videos dt { padding-left:18px; background-position:0 0;} .column_left ul.videos dt strong { font-size:14px;} .column_left ul.videos dd { padding-left:0;} .column_left ul.videos li.middle { padding:20px 20px 10px 20px; font-size:13px;} .column_left ul.videos li.middle a.arrow { float:right;} .column_left ul.fotos dt { padding-left:18px; background-position:0 0;} .column_left ul.fotos dt strong { font-size:14px;} .column_left ul.fotos dd { padding-left:0;} .column_left ul.fotos li.middle { padding:20px 20px 0 20px; font-size:13px;} .column_left ul.fotos li.middle a.arrow { float:right;} .column_left ul.fotos li.bottom, .column_left ul.fotos li.bottom b { background:none;} .column_left ul.fotos li.bottom { background:#EDEDED; padding:10px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; } .column_left ul.fotos li.picture { text-align:center;} .column_left ul.fotos li.picture ul { } .column_left ul.fotos li.picture ul li { float:left; margin-right:25px;} .column_left ul.fotos li.picture ul li a { padding:0; background:none;} .column_left ul.fotos li.picture ul li a img { width:75px; padding:3px; border:1px solid #ccc;} .column_left ul.fotos li.picture ul li a:hover img { border-color:#00b0d8;} ol.projects_items { margin:0 -10px 16px;} ol.projects_items li a { display:block; background-image: url(../img/icons_projects-items.gif); background-repeat: no-repeat; background-position: 10px 0; margin-bottom:6px; padding-left:24px;} ol.projects_items li a:hover { text-decoration:none; color:#fff; background-position: -280px 0!important;} ol.projects_items li.item1 a:hover { background-color:#ee4035; } ol.projects_items li.item2 a { background-position:10px -24px; } ol.projects_items li.item2 a:hover { background-color:#77278b; } ol.projects_items li.item3 a { background-position:10px -47px; } ol.projects_items li.item3 a:hover { background-color:#b93092; } ol.projects_items li.item4 a { background-position:10px -71px; } ol.projects_items li.item4 a:hover { background-color:#e20177; } ol.projects_items li.item5 a { background-position:10px -94px; } ol.projects_items li.item5 a:hover { background-color:#f47d30; } ol.projects_items li.item6 a { background-position:10px -118px; } ol.projects_items li.item6 a:hover { background-color:#ffc425; } ol.projects_items li.item7 a { background-position:10px -141px; } ol.projects_items li.item7 a:hover { background-color:#c1d82f; } ol.projects_items li.item8 a { background-position:10px -165px; } ol.projects_items li.item8 a:hover { background-color:#00b25a; } ol.projects_items li.item9 a { background-position:10px -188px; } ol.projects_items li.item9 a:hover { background-color:#00aaa6; } ol.projects_items li.item10 a { background-position:10px -212px; } ol.projects_items li.item10 a:hover { background-color:#00a4e4; } ol.projects_items li.item11 a { background-position:10px -235px; } ol.projects_items li.item11 a:hover { background-color:#005daa; } ol.projects_items li.item12 a { background-position:10px -259px; } ol.projects_items li.item12 a:hover { background-color:#232f84; } /*interlineado caja proyectos y bold internas*/ ol.projects_items li { margin-bottom:6px;} ol.projects_items li a { display:block; height:17px; background-image: url(../img/icons_projects-items.gif); background-repeat: no-repeat; background-position: 10px 0; padding-left:24px; font-weight:normal;} ul.views { float:right; width:94px; height:40px; padding:0; margin:0;} ul.views li { float:left; height:40px; width:47px; } ul.views li a { display:block; height:40px; background:url(../img/bg_projects-views.gif) no-repeat top left; } ul.views li.wall a { background-position:0 0;} ul.views li.wall.active a { background-position:0 -80px;} ul.views li.wall a:hover { background-position:0 -40px;} ul.views li.wall.active a:hover { background-position:0 -80px; cursor:default;} ul.views li.list a { background-position:-47px -80px;} ul.views li.list.active a { background-position:-47px 0;} ul.views li.list a:hover {background-position:-47px -40px; } ul.views li.list.active a:hover {background-position:-47px 0; cursor:default;} .agenda ul.views { width:130px; height:40px; padding:0; margin:0;} .agenda ul.views li { height:40px; width:65px; } .agenda ul.views li a{ display:block; height:40px; background:url(../img/bg_calendario_pag.gif) no-repeat top left; } .agenda ul.views li.agendaLeft a { background-position:0 0;} .agenda ul.views li.agendaLeft a:hover { background-position:0 -40px;} .agenda ul.views li.agendaRight a { background-position:-65px 0;} .agenda ul.views li.agendaRight a:hover { background-position:-65px -40px;} .column_center ul.related { width:302px; margin-right:15px; float:left;} #topbar { float:right;} #topbar li { float:left; height:27px; line-height:27px; padding:0 14px;} #topbar li, #topbar li a, #select_lang li, #select_lang li a { color:#fff;} #topbar li.sound { background:#f6f6f6; -moz-border-radius-bottomleft:10px;} #topbar li.login_register { background:#51c8e8;} #topbar li.lang { background:#05b0de; -moz-border-radius-bottomright:10px;} #select_lang { display:none; background-color:#05b0de; position:absolute; top:27px; right:0; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; } #select_lang li { float:left; height:23px; line-height:23px; font-size:11px; padding:0 15px;} #login_box, #register_box { display:none; width:333px; position:absolute; top:32px; right:65px; z-index:1000; background:#fff; border:1px solid #ccc; -moz-border-radius:6px; color:#666; font-size:13px; line-height:normal;} #login_box div, #register_box div { padding:15px; position:relative;} #login_box div .close, #register_box div .close { position:absolute; right:10px; top:10px; display:block; width:10px; height:10px; background:url(../img/login_close.gif) no-repeat; } #login_box div .bg_arrow, #register_box div .bg_arrow { position:absolute; left:157px; top:-9px; } #login_box input, #register_box input { background:url(../img/bg_login-input.gif) no-repeat; padding:10px; width:283px; margin:4px 0 10px 0; } #login_box a.forgot, #login_box a.bullet, #register_box a.forgot, #register_box a.bullet { display:block; color:#00b0d8; margin:5px 0;} #register_box { right:0; } /*--- FOOTER ---*/ #footer .content { background: #fff url(../img/bottom-corner-right.gif) no-repeat bottom right;} #footer .content .corner { background: transparent url(../img/bottom-corner-left.gif) no-repeat bottom left; padding:10px;} .sponsors img {margin:20px 10px;} #footer ul { height:26px; padding-top:10px; padding-left:100px;} #footer ul li { float:left; margin-right:20px;} #footer .content .menu a { font-weight:normal!important;} #footer .content .menu a.active { font-weight:700!important;} .agenda .column_left { width:945px;!important} .agenda .dia { font-family:Arial, Helvetica, sans-serif; font-size:20px; background-image:url(../img/bg_calendario.gif); background-position:top; background-repeat:repeat-x; height:40px; width:125px; font-weight:bold; padding-left:10px;} .agenda .fecha { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#414141;} .agenda .titulos { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;color:#7a7a7a;} .agenda .titulos p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;color:#7a7a7a;} .agenda .textos { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7a7a7a;} .agenda .textos p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7a7a7a;} .agenda .espectaculos p{ font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#ee4035;font-weight:bold;} .agenda .homenajes p{ font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#77278b;font-weight:bold;} .agenda .pensamiento p{ font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#a82b84;font-weight:bold;} .agenda .arquitectura p{ font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#e20177;font-weight:bold;} .agenda .artes p{ font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#f47d30;font-weight:bold;} .agenda .construccion p{ font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#eeb722;font-weight:bold;} .agenda .turismo p{ font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#c1d82f;font-weight:bold;} .agenda .ecologia p{ font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#00a051;font-weight:bold;} .agenda .educacion p{ font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#009d99;font-weight:bold;} .agenda .ciencia p{ font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#008fc7;font-weight:bold;} .agenda .patrimonio p{ font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#005daa;font-weight:bold;} .agenda .encuentros p{ font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#1c2670;font-weight:bold;} .agenda .espectaculos { font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#ee4035;font-weight:bold;} .agenda .homenajes { font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#77278b;font-weight:bold;} .agenda .pensamiento { font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#a82b84;font-weight:bold;} .agenda .arquitectura { font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#e20177;font-weight:bold;} .agenda .artes { font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#f47d30;font-weight:bold;} .agenda .construccion { font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#eeb722;font-weight:bold;} .agenda .turismo { font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#c1d82f;font-weight:bold;} .agenda .ecologia { font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#00a051;font-weight:bold;} .agenda .educacion { font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#009d99;font-weight:bold;} .agenda .ciencia { font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#008fc7;font-weight:bold;} .agenda .patrimonio { font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#005daa;font-weight:bold;} .agenda .encuentros { font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#1c2670;font-weight:bold;} .box form input { padding-top:3px; font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#666666;} .box form textarea { padding-top:3px; font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#666666;} #paginado { float:left; position:relative; text-align:center; width:645px;} #paginado .textos{ padding:5px 8px 5px 8px; margin:2px; font-weight:bold; text-decoration:none; color:#999999;} #paginado .textos a{ padding:5px 8px 5px 8px; margin:2px; font-weight:bold; text-decoration:none; color:#666666;} #paginado .textos a:hover{ padding:5px 8px 5px 8px; margin:2px; font-weight:bold; text-decoration:none; color:#999999; background-color:#FFFFFF;} #paginado .normal a{ border:solid 1px #fff; padding:5px 8px 5px 8px; margin:2px; font-weight:normal; text-decoration:none; color:#999999;} #paginado .normal a:hover {padding:5px 8px 5px 8px; border:solid 1px #999999;text-decoration:none; background-color:#FFFFFF;} #paginado .selected { border:solid 1px #d5d5d5; padding:5px 8px 5px 8px; margin:2px; font-weight:bold; text-decoration:none; color:#666666;}