/** * SETEM v1.0 2010 * * * version 0.2, 17 junio 2010 * * autor runroom * copyright 2009 by runroom * * color #ffffff; fondo contenido * * */ /* Undo browser defaults (see http://tantek.com/log/2004/09.html#d06t2354) -----------------------------------------------------------------------------*/ :link,:visited { text-decoration: none; } h1,h2,h3,h4,h5,h6,pre,code,p,li,td { font-size: 1em; } ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; } ul,ol,li{ list-style:none;} a img,:link img,:visited img,:hover img { border: none; } :focus { outline: none } /* Elementos HTML -----------------------------------------------------------------------------*/ body { font: normal 62.5%/1.3 Verdana, Geneva, sans-serif; color: #333333; background-color:#FFF;} h1 {} h1 a { } h1 p{ margin: 0px !important;} h2 {} h3 {} h4 {} h5 {} h6 {} p {} p.thanks{ color:#666666; font: normal 16px/17px Arial, Helvetica, sans-serif; margin-bottom:20px !important;} a, a:link, a:visited, a:hover,a:active{ text-decoration:underline; color: #333333;} /* GENERAL CLASSES -----------------------------------------------------------------------------*/ .left{ float:left !important;} .right{ float:right !important;} .col{ width:180px; display:block; overflow:hidden;} .hidden{ display:none;} .row{ clear:both; display:block;} .clear{ clear:both;} .mandatory {color: #f33!important;} .mt20px { margin-top: 20px !important } .mb35px { margin-bottom: 35px !important } .mt35px { margin-top: 35px !important } .ml10px { margin-left:10px !important;} .mt60px { margin-top: 60px !important } .pt30px { padding-top:30px !important;} .pt2 { padding-top:2px !important;} .w180px{ width:180px;} /* COLORS X CATEGORIES -----------------------------------------------------------------------------*/ /* Orange */ .orange h1.t2, .orange #menu ul li strong a, .orange #menu ul li strong, .orange .rounded .title.t1, .orange ul.list2 li div.left span.date{color:#ff8500 !important;} .orange #header, .orange .aMore_p, .orange .box, .orange #footer, .orange a.button2_p, .orange a.button2b_p, .orange a.ant, .orange a.suce, .orange .calendar table td.item, .orange div.overlay .close{background-color:#ff8500 !important;} .orange .calendar table td a.item{background-color:#ff8500 !important;} .cal_header {background-color: #fff!important;border:none!important;padding-bottom:14px;} .blank {background-color: #fff!important;display:block;} /* BLUE */ .blue h1.t2, .blue #menu ul li strong a, .blue #menu ul li strong, .blue .rounded .title.t1, .blue ul.list2 li div.left span.date{color:#0099ff !important;} .blue #highlights .more{ border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;} .blue #header, .blue .aMore_p, .blue .box, .blue #footer, .blue a.button2_p, .blue a.button2b_p, .blue a.ant, .blue a.suce, .blue .calendar table td.item, .blue div.overlay .close{background-color:#0099ff !important;} .blue .calendar table td a.item{background-color:#0099ff !important;} .blue #related .box ul li .more{ color:#fff; } /* GREEN */ .green h1.t2, .green #menu ul li strong a, .green #menu ul li strong, .green .rounded .title.t1, .green ul.list2 li div.left span.date{color:#33a32a !important;} .green #highlights .more{ border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;} .green #header, .green .aMore_p, .green .box, .green #footer, .green a.button2_p, .green a.button2b_p, .green a.ant, .green a.suce, .green .calendar table td.item, .green div.overlay .close{background-color:#33a32a !important;} .orange #menu ul li strong a, .green #menu ul li strong a, .blue #menu ul li strong a {text-decoration:none;} .custom #highlights .more {border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;} .custom #menu ul li strong a {text-decoration:none;} /* LAYOUT GENERAL -----------------------------------------------------------------------------*/ .wrapper { width: 980px; margin: 0 auto; display:block; overflow:hidden; position:relative;} #header { clear:both;} #middle{clear:both; display:block; overflow:hidden; background: #e3e3e3 url(bg_middle.jpg) left bottom repeat-x;} #middle.home{ background:none;} #middleBottom{ background:url(bg_middle_bottom.jpg) 0px 0px repeat-x;} #contentWrapper { padding-left:180px; width: 800px; min-height:400px; float:left;} .home #contentWrapper { width:780px; float:right; background:none; padding-left:0px;} #highlights{ width:180px; float:left; margin-top:39px;} /* HEADER -----------------------------------------------------------------------------*/ #header{ width:100%; height:110px; display:block; overflow:hidden; position:relative;} #header span{ height: 110px; width:100%; position:absolute; top:0px; left:0px; background: url(bg_headers_campanya.png) 0px -140px no-repeat;} #header.home{ height:140px;} #header.home span{ height: 140px; background-position: 0px 0px !important;} #header h1 a.link_campanya {color:#fff;text-decoration:none;} #header h1 a.link_campanya:hover {color:#ccc;} #header h1{ position:absolute; top:30px; left:197px; font: bold 45px/45.1px Arial, Helvetica, sans-serif; color:#FFF; width:757px; height:48px; overflow:hidden; padding-left:3px;} #header p.pre, #header p.post{position:absolute; top:74px; left:202px; color:#fff; font: bold 30px/28px Arial, Helvetica, sans-serif;} #header p.pre{ top:11px;font: bold 11px/12px Arial, Helvetica, sans-serif;} #header p.pre a, #header p.post a{ color:#fff; text-decoration: none;} #header p.pre a:hover, #header p.post a:hover{ text-decoration: underline;} #header.divided2 span { background: url(bg_headers_Federacio_2.png) 0px 0px no-repeat;} #header.divided2 .div1 { width:380px; float:left;} #header.divided2 .div2 { width:572px; padding:11px 0px 0px 8px; height: 141px; float:right; background-color:#e3e3e3;} #header.divided2 .div2 .carrousel { width:569px; height:121px; float:right; overflow:hidden; position:relative;} #header.divided2 .div2 .carrousel .image { position:relative; width:260px; height:120px; overflow:hidden; float:left; color:transparent;} #header.divided2 .div2 .carrousel span { position:absolute; top:0px; left:0px; background-position: 0px -140px !important; width:260px; height:120px; overflow:hidden; } #header.divided2 .div2 .carrousel .text{ width:268px; padding-right:15px; float:right;font: normal 12px/16.8px Arial, Helvetica, sans-serif; color:#000000;position:absolute;right:0;z-index:100;} #header.divided2 .div2 .carrousel .text h1{ font: bold 16px/17.6px Arial, Helvetica, sans-serif; color:#000000; left:0; position:relative;top:5px; width:auto; height:auto; margin-bottom:10px; padding:0px;} #header.divided2 .div2 .carrousel .text a {text-decoration:none;} #header.divided2 .div2 .carrousel .text a:hover {text-decoration:underline;} #header.comValenciana span{ background: url(bg_headers_valencia.png) 0px -260px no-repeat;} #header.comAndalucia span{ background: url(bg_headers_andalucia.png) 0px -260px no-repeat;} #header.comCatalunya span{ background: url(bg_headers_catalunya.png) 0px -260px no-repeat;} #header.comAragon span{ background: url(bg_headers_aragon.png) 0px -260px no-repeat;} #header.comEuskadi span{ background: url(bg_headers_euskadi.png) 0px -260px no-repeat;} #header.comExtremadura span{ background: url(bg_headers_extremadura.png) 0px -260px no-repeat;} #header.comGalicia span{ background: url(bg_headers_galicia.png) 0px -260px no-repeat;} #header.comMancha span{ background: url(bg_headers_lamancha.png) 0px -260px no-repeat;} #header.comRioja span{ background: url(bg_headers_larioja.png) 0px -260px no-repeat;} #header.comMadrid span{ background: url(bg_headers_madrid.png) 0px -260px no-repeat;} #header.comNavarra span{ background: url(bg_headers_navarra.png) 0px -260px no-repeat;} #header.federacion span{ background: url(bg_headers_Federacio_2.png) 0px -260px no-repeat;} #header.comMadCas span{ background: url(bg_headers_madrid-castilla.png) 0px -260px no-repeat;} #header.comValenciana.divided2.b .div2, #header.comAndalucia.divided2.b .div2, #header.comCatalunya.divided2.b .div2, #header.comAragon.divided2.b .div2, #header.comEuskadi.divided2.b .div2, #header.comExtremadura.divided2.b .div2, #header.comGalicia.divided2.b .div2, #header.comMancha.divided2.b .div2, #header.comRioja.divided2.b .div2, #header.comMadrid.divided2.b .div2, #header.comNavarra.divided2.b .div2, #header.comMadCas.divided2.b .div2 {background-color:transparent;} /* BREADCRUMB -----------------------------------------------------------------------------*/ #breadcrumb{ float:left; font: normal 12px/40px Arial, Helvetica, sans-serif; height:40px;text-transform:lowercase;} #breadcrumb a{ text-decoration:none;} #breadcrumb a:hover{ text-decoration:underline;} /* LANG, NAV, SEARCH -----------------------------------------------------------------------------*/ #lang, #nav, #search{ float:right;font: normal 12px Arial, Helvetica, sans-serif; overflow:hidden;} #lang{ margin:10px 0px 0px 20px; width:auto;} #lang label{ display:none;} #lang select{ width:auto; font: normal 12px Arial, Helvetica, sans-serif;} #nav{margin:0px 20px 0px 0px; height:40px; line-height:40px;} #nav li{ float:left;} #nav a { text-decoration:none; padding:0px 5px;} #nav a:hover{ text-decoration:underline;} #search{ width:169px; height:24px; padding-top:8px; background: url(backgrounds.png) 0px 8px no-repeat; overflow:hidden;} #search label{ display:none;} #search input{border:none; float:left;} #search #in_send{ background: url(backgrounds.png) -172px 0px no-repeat; width:14px; height:14px; overflow:hidden; float:left; margin:6px 0px 0px 7px;} #search #in_search{ width:136px; background:none; margin:6px 0px 0px 4px; font-family: Arial, Helvetica, sans-serif;} /* MENU -----------------------------------------------------------------------------*/ #menu{ margin-top:20px; background: url(bg_menu_top.jpg) 0px 0px no-repeat; padding-top:9px; font: normal 12px/15px Arial, Helvetica, sans-serif;} #menu ul{display:block; width:100%; background:#000 url(bg_menu_bottom.jpg) bottom left no-repeat; overflow:hidden; color:#FFF; padding-bottom:7px;} #menu ul li { display: block; float: left; width:180px; padding-left:20px;} #menu ul li.first{ padding-left:14px; width:166px;} #menu ul li strong{ font-size:14px; padding-bottom:3px; display:block; width:100%; float:left;} #menu ul li ul, ul#menu li ul li{ clear:both;} #menu ul li ul{ background:none;} #menu ul li ul li{padding:0px;} #menu ul li ul li.select{ font-size:13px;} #menu ul li ul li a, #menu ul li ul li a:visited{ color:#FFF; text-decoration:none;} #menu ul li ul li a:hover{ text-decoration:underline;} /* MIDDLE -----------------------------------------------------------------------------*/ #middle.home h2{ font: normal 15px/39px Arial, Helvetica, sans-serif; color:#000000; height:39px;} #middle.home #content{ width:580px; float:right;} #middle.home #related{ width:180px; float:left;} /* CONTENT WRAPPER -----------------------------------------------------------------------------*/ #contentWrapper{ font: normal 13px/19.5px Verdana, Geneva, sans-serif;} /* CONTENT -----------------------------------------------------------------------------*/ #content{ overflow:hidden; min-height:400px; background: url(bg_content.jpg) 0px 0px repeat-y;} #content h1{ font: bold 23px/25.3px Arial, Helvetica, sans-serif; color:#666666; margin-bottom:30px; float:left; width:100%;} #content h1.t1{ font: bold 45px/45px Arial, Helvetica, sans-serif; color:#999999;} /* noticia campaña */ #content h1.t2{ font: bold 90px/99px Arial, Helvetica, sans-serif;} /* tipo gracias ! */ #content .div1{ width:380px; padding:0px 20px; float:left; background-color:#FFF;} #content .div1 p.entradeta{ font: bold 13px/19.5px Verdana, Geneva, sans-serif;} #content .div1 p{ margin-bottom:27px; clear:both;} #content .div1 ul, #content .div1 ul li{ list-style: disc; list-style-position: inside;} #content .div1 ol, #content .div1 ol li{ list-style: decimal; list-style-position: inside;} #content .div2{ width:380px; float:right;} #content .div2.text{ width:350px; padding:30px 0px 0px 30px;} #content .div2.text h2{ font: bold 16px/24px Arial, Helvetica, sans-serif; margin-bottom:23px;} #content .div2.text p{ margin-bottom:17px;} #content .div2 form.map{ left:123px; height:300px;} #content .div2 .photo{ margin-top:30px;} /* Content x types */ #content.shape2{ background: transparent url(bg_content_shape2.jpg) top left repeat-y;} /* fondo del content en shape2, por si div2 > div1 */ #content.shape2 .div2{ width:380px; float:right; background: transparent url(bg_shape2.png) top right no-repeat;} /* forma escalón de la segunda columna */ #content.alone{ width:380px; padding:0px 20px;float:left; background:#FFF}/* content a 50% */ #content.alone2{ width:760px; padding:0px 20px;float:left; background:#FFF} /* content a 100% con padding lateral*/ #content.alone2 .central{padding:0px 180px 0px 0px; width:auto; } #content.alone2b{width:780px; padding:0 0 0 20px;float:left; background:#FFF} /* content a 100% sin padding derecho */ #content.alone2b .central{ padding-left:0px; padding-right:0px;} #content.alone2b .div1{padding:0px;} /* CENTRAL -----------------------------------------------------------------------------*/ #content .central{ display:block; padding:39px 0px 0px 20px; position:relative; background:#FFF; float:left; width:780px; margin-bottom:10px;} #content .central{ background: #FFF url(bg_central.png) bottom right no-repeat;} #content .central .r{ display:block; background:url(bg_central.png) bottom right no-repeat;display:block; height:10px; position:absolute; bottom:-10px; left:0px; width:800px;} #content .central h1{ width:560px; float:left;} #content .central .rounded{ float:right; width:200px;} #content .central .rounded p{ padding-bottom:15px;} #content .central .rounded p.title{ padding-bottom:4px;} #content .central .rounded{ text-align:left;} #content.alone2b .central p{ margin-bottom:27px; clear:both; width: 560px;} #content .central .actionsBox{ position: relative; top: -39px; margin-bottom:-39px;} /* FOOTER -----------------------------------------------------------------------------*/ #footer{ clear:both; display:block; margin:20px 0px 20px 0px;background:url(bg_footer_top.png) 0px 0px no-repeat; padding-top:18px; float:left; width:100%; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#000;} #footer .row{ overflow:hidden; background:url(bg_footer_bottom.png) bottom left no-repeat; padding-bottom:20px;} #footer a{ text-decoration:none; color:#000;} #footer a:hover{ text-decoration:underline;} #footer .col1{ width:164px; float:left; padding-left:16px;} #footer .col2{ width:580px; float:left; padding-left:20px;} #footer .col3{ width:180px; float:right;} #footer ul li{ overflow:hidden;} #footer ul.icons{ margin-top:8px;} #footer ul.icons li{ float:left; margin-right:5px;} #footer ul.icons li a{ width:22px; height:22px; display:block; overflow:hidden; text-decoration:none; background:url(backgrounds.png) 0px 0px no-repeat;} #footer ul.icons li a span{ position:relative; left:-99999px;} #footer ul.icons li a.f1{ background-position:-170px -29px;} #footer ul.icons li a.f2{ background-position:-197px -29px;} #footer ul.icons li a.f3{ background-position:-224px -29px;} #footer ul.icons li a.f4{ background-position:-251px -29px;} #footer ul.icons li a.f5{ background-position:-278px -29px;} #sponsors{clear: both; display:block; background: url(backgrounds.png) 0px -246px no-repeat; height: 54px; width:947px; padding:0px 0px 30px 33px; overflow:hidden;} #sponsors ul{} #sponsors ul li{float:left; margin-right:14px; padding-top:8px;} #sponsors li a{ height: 37px; overflow:hidden; background-image: url(backgrounds.png); display:block; float:left; text-decoration:none;} #sponsors li a span{ position:relative; left:-999999px; } #sponsors li a.sp1{ width:74px; background-position: -33px -254px;} #sponsors li a.sp2{ width:109px; background-position: -131px -254px;} #sponsors li a.sp3{ width:96px; background-position: -264px -254px;} #sponsors li a.sp4{ width:97px; background-position: -384px -254px;} #sponsors li a.sp5{ width:78px; background-position: -505px -254px;} #sponsors li a.sp6{ width:113px; background-position: -607px -254px;} #sponsors li a.sp7{ width:101px; background-position: -744px -254px;} #sponsors li a.sp8{ width:74px; background-position: -869px -254px;} /* BOX -----------------------------------------------------------------------------*/ .box{ padding-top:10px; overflow:hidden; } .box{ background-image:url(bg_camp_top.png); background-position: 0px 0px; background-repeat: repeat-x; margin-bottom:20px;} .box ul{ background-image:url(bg_camp_bottom.png); background-position: bottom left; background-repeat: no-repeat; padding:0px 8px;} .box ul { overflow:hidden; display:block; width:auto;} .box ul li{ clear:both; float:left; overflow:hidden; width:100%;} .box ul li.last p{ float:left; font: normal 12px/20px Arial, Helvetica, sans-serif;} .box.white{ background-color:#FFF !important;} .box.white ul{ padding:0px;} /* ACTIONSBOX -----------------------------------------------------------------------------*/ .actionsBox{ width:180px;} .actionsBox h2{ color:#000000; font:15px/39px Arial,Helvetica,sans-serif; height:39px; margin:0; padding:0px;} .actionsBox .box{ margin-bottom:0px; z-index:100;} .actionsBox .box ul{ padding:0px !important;} .actionsBox .box li p{ padding:0px 0px 0px 17px; line-height:13px; margin-bottom:4px !important;} .actionsBox .box li p span{ color:#fff; font: 500 25px/23px Arial, Helvetica, sans-serif; display:block; padding-left:3px;} /* HIGHLIGTHS -----------------------------------------------------------------------------*/ #highlights h3{ font: bold 14px/15.4px Arial, Helvetica, sans-serif; color:#666666; margin-top:3px;} #highlights .box ul li{ padding-bottom:10px; float:left; overflow:hidden; display:block; zoom:1} #highlights .box .more{ clear:both; padding:8px 0px 6px 3px; margin-top:9px; font:normal 10px/11px Verdana, Geneva, sans-serif; display:block; overflow:hidden; border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb; display:block;} #highlights .box .more p{ float:left; width:156px;} #highlights .box .testimonio{position:relative;height:72px; width:92px; overflow:hidden;} #highlights .box .more p a {text-decoration:none!important;} #highlights .box .more p a:hover {text-decoration:underline!important;} #highlights .box .testimonio span{ position:absolute; top:0px; left:0px;height:72px; width:92px; background:url(backgrounds.png) 0px -101px no-repeat;} #highlights .box .testimonio img{} #highlights .last p a {text-decoration:none!important;} #highlights .last p a:hover {text-decoration:underline!important;} #highlights .box{ margin-bottom:20px;} #highlights .box.grey{ background:#e3e3e3 url(bg_box_grey_top.jpg) 0px 0px no-repeat !important;} #highlights .box.grey h3{ font: bold 13px/13.65px Arial, Helvetica, sans-serif; color:#000000; margin-top:3px;} #highlights .box.grey ul{ background:url(bg_box_grey_bottom.jpg) bottom left no-repeat;} #highlights .box.grey .testimonio span{ background-position:0px -29px;} #highlights .box.grey .more{ border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;} #highlights .box.grey .more p{ width:140px;} #highlights .box.grey .aMore_p{ background-image:url(backgrounds.png); background-position:-100px -29px; text-decoration:none;} .campanyas p a, .campanyas h3 a {text-decoration:none;} .campanyas p a:hover, .campanyas h3 a:hover {text-decoration:underline;} #highlights .box h3 p {color:#333;} /* RELATED -----------------------------------------------------------------------------*/ #related .box h3{ font: bold 14px/15px Arial, Helvetica, sans-serif; color:#000; margin-bottom:5px; } #related .box h3 a{color:#000;} #related .box ul li{ border-bottom:1px solid #ffffff; padding-bottom:12px; margin-bottom:10px;} #related .box ul li.last{ border-bottom:none; padding:50px 0px 10px 0px;} #related .box ul li .more{ font: normal 13px/14px Arial, Helvetica, sans-serif; margin-top:3px;} #related .box.image h3{ font: bold 16px/17px Arial, Helvetica, sans-serif; color:#000000; float:left; width:100px; margin-top:4px;} #related .box.image ul li.last{ margin-bottom:0px; } #related .box.image ul li.last p{font-size:13px; line-height:20px;} #related .box.image img{ float:left; margin-right:12px;} #related .box.image .more{ clear:both; padding:4px 0px;font:normal 11px/12px Verdana, Geneva, sans-serif;} #related .box.image .more.numbers strong{ width:46px; display:inline-block; text-align:right;} #related .actionsBox ul li{ border:none; padding:0px; margin:0px;} /* FORMULARIOS -----------------------------------------------------------------------------*/ fieldset { border: 0; } legend { color:#333333; font: bold 15px/20px Arial, Helvetica, sans-serif; padding:20px 0px 14px 0px;} label {} input[type="text"], input[type="password"], input[type="file"], select, textarea {width:238px; border:1px solid #676767;float:right;} textarea {width:235px;} .inputFile { width: 238px; float: right; overflow: visible;} .inputFile input{ float: left; width: 99.5%;} textarea { height:136px;} input[type="text"], input[type="password"], input[type="file"], select{ height:20px; font: normal 12px/14px Verdana, Geneva, sans-serif;} /* numero de cuenta */ label.n0{ width:120px; padding-right:20px;} input[type="text"].n1{ width:40px; float:left; margin-right:8px;} input[type="text"].n2{ width:25px; float:left; margin-right:8px;} input[type="text"].n3{ width:103px; float:left;} form.map{width:180px; height:198px; position:relative;} form.map label{ display:none;} form.map .row{ height:39px; vertical-align:middle;} form.map .row select{margin-top:8px; max-width:170px; width:auto; float:none;} form.map .map{ position:absolute; top:38px; left:0px;} form .row{ overflow:hidden; margin-bottom:10px; font: normal 12px/14px Verdana, Geneva, sans-serif;} form label{ float:left; width:120px; text-align:right; line-height:20px;} form label.auto{ width:auto; text-align:left;} form label.radio{ margin-right:10px; text-align:left; width:auto;} form label.radio input{ margin-right:5px;} form label.checkbox{ clear:both; text-align:left; float:right; width:238px; position:relative; display:block; line-height:14px;} form label.checkbox.legal{font: normal 10px/12px Verdana, Geneva, sans-serif; min-height:14px;} form label.checkbox input{ font-size:20px; position:absolute; left:-20px;} form #seg{ width:30px;} form p{ margin-bottom:40px;} form p.legal{ font: normal 10px/12px Verdana, Geneva, sans-serif; padding-left:137px; margin-bottom:35px;} form p.legend{ margin:0px !important; float:left; line-height:20px; width:120px; padding-right:20px; font: bold 15px/20px Arial, Helvetica, sans-serif;} form .button2_p{ margin-top:20px;} form.testimonio, form.eboletin { margin-top:50px;} form.eboletin p, form.eboletin .button2_p { margin-bottom:10px;} form.eboletin .button2_p { margin-bottom:30px;} form .spec1 label { width: 130px; text-align: right; padding: 0 5px 0 0} form .spec1 input, form .spec1 select, form .spec1 textarea { width: 230px;} form .date { float: right; width: 230px;} form .date select { float: left; margin: 0 5px 0 0;} form select.day { width: 55px; } form select.month { width: 100px; } form select.year { width: 65px; margin: 0 } /* LINKS & BUTTONS -----------------------------------------------------------------------------*/ a.aMore_p{ height:20px; width:20px; overflow:hidden; display:block; background:url(backgrounds.png) -124px -29px no-repeat; text-decoration:none; float:inherit;} .aMore_p span{ position:relative; left:-99999px;} .aMore_p.left{ margin-right:7px;} .aMore_p.right{ margin-left:7px;} a.aMore_n{ height:20px; width:20px; overflow:hidden; display:block; background-image:url(backgrounds.png); background-position:-100px -55px; text-decoration:none; float:inherit;} a.aMore_n span{ position:relative; left:-99999px;} a.aMore_n.left{ margin-right:8px;} a.aMore_n.right{ margin-left:8px;} a.button1_n{ background:url(bg_b1_n.png) 0px 0px no-repeat; text-decoration:none; padding-left:7px; height:20px;font: bold 13px/19px Arial, Helvetica, sans-serif; float:inherit;} a.button1_n span{ color:#000000; background: url(bg_b1in_n.png) top right no-repeat; height:20px; padding-right:7px; float:left;} a.button2b_n{ text-decoration:none; padding-left:15px; height:29px; font: normal 15px/29px Arial, Helvetica, sans-serif; float:inherit;} a.button2b_n span{ height:29px; padding-right:15px; float:left;} a.button2b_n.bgBlack{ background: url(bg_b2_n_black.png) 0px 0px no-repeat; color:#fff;} a.button2b_n.bgBlack span{ color:#fff; background: url(bg_b2in_n_black.png) top right no-repeat;} a.button2_p{ background:url(bg_b2_p.png) 0px 0px no-repeat; text-decoration:none; padding-left:15px; height:29px;font: bold 13px/29px Arial, Helvetica, sans-serif; color:#000; float:inherit;} a.button2b_p{ background:url(bg_b2_p.png) 0px 0px no-repeat; text-decoration:none; padding-left:15px; height:29px;font: normal 15px/29px Arial, Helvetica, sans-serif; color:#000; float:inherit;} a.button2_p:hover, a.button2b_p:hover{ background-color: #000 !important;} a.button2_p span, a.button2b_p span{ color:#000000; background: url(bg_b2in_p.png) top right no-repeat; height:29px; padding-right:15px; float:left} a.button2_p:hover span, a.button2b_p:hover span{ color:#fff;} a.button2_p.w span, a.button2b_p.w span{ color:#ffffff;} a.ant, a.suce{ width:20px; height:20px; background:url(backgrounds.png) no-repeat; display:inline-block; overflow:hidden; text-decoration:none; padding:0px!important;} a.ant{ background-position: -100px -81px;} a.suce{ background-position: -121px -81px;} a.ant span, a.suce span{ position:relative; left:-9999px;} a.ant:hover, a.suce:hover{ text-decoration:none !important;} /* CALENDAR -----------------------------------------------------------------------------*/ .calendar{ width:229px; padding-right:50px; float:right; min-height: 313px;} .calendar ul{ line-height:20px;} .calendar ul li{ display:block; float:left;} .calendar .month{ color:#666666; font: bold 19px/20px Arial, Helvetica, sans-serif; width:180px; text-align:center;} .calendar table{ width:100%; border-collapse:collapse; text-align:center; border: 1px solid #ffffff; font: bold 12px Arial, Helvetica, sans-serif; color:#000; margin-top:17px; float:left;} .calendar table th{ background-color:#000; font: normal 8px Verdana, Geneva, sans-serif; color:#FFF;} .calendar table th, .calendar table td{border-top: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;} .calendar table td { width:32px; height:32px; background-color:#d2d2d2;} .calendar table td.none{ background-color:#fff; color:#bfbfbf;} .calendar table td a{ width:31px; height:31px; display:table-cell; line-height:31px; overflow:hidden; text-decoration:none;} /* MOREINFO -----------------------------------------------------------------------------*/ .moreInfo{ width:289px; bottom:0px; right:0px; padding:5px 20px 20px 20px; position:absolute; font: normal 12px/18px Verdana, Geneva, sans-serif; background-color:#ffffff;} .moreInfo .r{ display:block; background:url(bg_more.png) 0px 0px no-repeat;display:block; height:10px; margin:0px 0px -10px -20px; position:relative; top:-15px; width:330px;} .moreInfo p, .moreInfo img{ margin-bottom:10px;} /* .moreInfo ul, .moreInfo ul li{ list-style: disc; list-style-position: inside;} */ .moreInfo ol, .moreInfo ol li{ list-style: decimal; list-style-position: inside;} .moreInfo ul.testimonios li{ margin-bottom:15px;} .moreInfo ul.testimonios .testimonio{position:relative;height:72px; width:92px; overflow:hidden;} .moreInfo ul.testimonios .testimonio span{ position:absolute; top:0px; left:0px;height:72px; width:92px;} .moreInfo ul.testimonios .testimonio{ float:left; width:90px; height:70px;} .moreInfo ul.testimonios .testimonio span {background:url("backgrounds.png") no-repeat scroll 0 -101px transparent;} .moreInfo ul.testimonios li h3, .moreInfo ul.testimonios .more{ margin-left: 109px;} .moreInfo ul.testimonios li h3{ font: bold 14px/16px Arial, Helvetica, sans-serif; color:#666;} .moreInfo ul.testimonios .more{ display:block; font:10px/10px Verdana,Geneva,sans-serif; margin-top:9px; padding:8px 0 6px 3px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} .moreInfo ul.testimonios .more p{ float:left; width:149px; margin-bottom:0px} .moreInfo ul.testimonios li.last p { clear:none !important; float:left; font:12px/20px Arial,Helvetica,sans-serif; margin-top:2px; } .moreInfo ul.testimonios li p a {text-decoration:none;} .moreInfo ul.testimonios li p a:hover {text-decoration:underline;} /* IMAGEFOOTER -----------------------------------------------------------------------------*/ a.zoom{ display: block; overflow: hidden;} .imageFooter{ text-align:right; margin:5px 0 10px 0; font:normal 11px/13.2px Arial, Helvetica, sans-serif; color:#000;} /* COMPARTIR -----------------------------------------------------------------------------*/ .compartir{ position:absolute; bottom:30px; left:-5px; padding:4px 5px; background-color:#FFF;} .compartir ul{ display:block; overflow:hidden;} .compartir ul li{ float:left; margin-right:5px; line-height:15px; color:#696969;} .compartir ul li a{ display:block; float:left; height:15px; background:url(backgrounds.png) 0px 0px no-repeat; text-decoration:none;} .compartir ul li a.c1{width:14px; background-position: -198px 0px;} .compartir ul li a.c2{width:16px; background-position: -220px 0px;} .compartir ul li a.c3{width:18px; background-position: -237px 0px;} .compartir ul li a.c4{width:16px; background-position: -262px 0px;} .compartir ul li a.c5{width:15px; background-position: -282px 0px;} .compartir ul li a.c6{width:15px; background-position: -301px 0px;} .compartir ul li a span{ position:relative; left:-99999px;} /* LIST0 -----------------------------------------------------------------------------*/ ul.list0{clear:both; display:block;} ul.list0 li{ float:left; display:block; width:auto;} ul.list0 li .button2b_p, ul.list0 li .button2_p{ margin:0px 7px 7px 0px !important;} /* LIST1 -----------------------------------------------------------------------------*/ .list1 label{ display:none;} .list1 form{ height:73px; display:block;} .list1 form select{ width:380px; float:left; margin-top:40px;} .list1 ul li{float:left; overflow:hidden; display:block; margin-bottom:20px; font: normal 14px Arial, Helvetica, sans-serif; color:#7d7d7d;} .list1 ul li img{ float:left;} .list1 ul li .text{ margin-left:200px; display:block; position:relative; height: 135px;} .list1 ul li .text p{ height:98px; overflow:hidden;} .list1 ul li .text p.more{ position:absolute; bottom:0px; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; height:28px; font:normal 10px/28px Verdana, Geneva, sans-serif; color:#000;} .list1 ul li.li1{ width:380px;} .list1 ul li.li1 p.more{ width:180px;} .list1 ul li.li2{ width:360px; float:right;} .list1 ul li.li2 p.more{ width:160px;} /* LIST2 -----------------------------------------------------------------------------*/ ul.list2 { padding: 40px 0; clear:both; display:block;} ul.list2 li { border-bottom: 1px solid #ccc; padding: 8px 2px 5px 2px; clear:both; display:block; overflow:hidden;} ul.list2 li:first-child { border-top: 1px solid #ccc} ul.list2 li div.left { font:normal 10px/28px Verdana, Geneva, sans-serif; color: #666; } ul.list2 li div.left span.date { font:bold 14px Verdana;} ul.list2 li div.desc p { font:bold 15px Arial; color: #666; margin: 0 0 5px 0!important; } ul.list2 li div.desc a{ text-decoration: none;} ul.list2 li div.desc a:hover{ text-decoration: underline;} /* LIST3 -----------------------------------------------------------------------------*/ ul.list3 { padding-top: 40px!important; clear:both; display:block;} ul.list3 li { clear:both; display:block; overflow:hidden; margin: 0 0 8px 0; border-bottom: 1px solid #ccc;} ul.list3 li div { min-height: 70px; color: #666; float:left; } ul.list3 li div:first-child { width: 180px; padding: 0 20px 0 0; font-size: 10px; line-height: 13px;} ul.list3 li div.desc { width: 360px; padding: 0 5px 0 0; font:bold 15px Arial, Helvetica, sans-serif } ul.list3 li div.desc a{ text-decoration: none;} ul.list3 li div.desc a:hover{ text-decoration: underline;} ul.list3 li div.more { width: 20px; padding: 0 5px 0 0; position: relative } ul.list3 li div.more a { position: absolute; height:20px; width: 20px; bottom: 5px } ul.list3 li div.img { width: 180px; float:right; } /* LIST4 -----------------------------------------------------------------------------*/ ul.list4 { padding-top: 40px!important; clear:both; display:block; } ul.list4 li { clear:both; display:block; overflow:hidden; margin: 0px 0px 10px 0px; padding:0px 0px 20px 0px; position:relative; border-bottom: 1px solid #d7d7d7;} ul.list4 li h2, ul.list4 li h2 a{ font: bold 35px Arial, Helvetica, sans-serif !important; color:#999999 !important; margin-bottom:14px; text-decoration: none;} ul.list4 li h2 a:hover{ text-decoration: underline;} ul.list4 li div { min-height: 70px; color: #666; float:left; } ul.list4 li div.img{ width: 180px; padding: 0 20px 0 0; font-size: 10px; line-height: 13px; clear:both;} ul.list4 li div.img img{ float:right;} ul.list4 li div.desc { width: 544px; padding: 0 5px 0 0; font:normal 16px/20.4px Verdana, Geneva, sans-serif; color:#000; margin-left:200px; float:none;} ul.list4 li div.desc p{ float:left; color:#666;} ul.list4 li div.more { width: 20px; padding: 0 5px 0 0; position: absolute; bottom:0px; right:5px; } ul.list4 li div.more a { position: absolute; height:20px; width: 20px; bottom: 5px} /* LIST 5 -----------------------------------------------------------------------------*/ ul.list5 { clear:both; display:block; color: #666;} ul.list5 li { border-bottom: 1px solid #ccc; padding: 10px 0px 43px 2px; clear:both; display:block; overflow:hidden;} ul.list5 li:first-child { /*border-top: 1px solid #ccc */} ul.list5 li div{ float:left;} ul.list5 li div:first-child { width: 180px; padding: 0 20px 0 0; float:left; font: normal 10px/15px Verdana, Geneva, sans-serif; color:#666666; } ul.list5 li div.desc{ width:578px; position:relative;} ul.list5 li div.desc .text { width:340px; float:left;} ul.list5 li div.desc .text h2{ font:bold 14px/16px Arial, Helvetica, sans-serif !important; color:#666666 !important; margin-bottom:15px;} ul.list5 li div.desc .text p{ font:10px/15px Verdana,Geneva,sans-serif; color:#000;} ul.list5 li div.desc .text .extra{ position:absolute; bottom:-27px; font: normal 10px/15px Verdana, Geneva, sans-serif;} ul.list5 li div.desc .text .extra a{ text-decoration:none;} ul.list5 li div.desc .text .extra a:hover{ text-decoration: underline;} ul.list5 li div.desc .view{ float:right; margin:0px 0px -13px 0px;} ul.list5 li div.desc ul li {padding: 0; border: none;} /* NEWS -----------------------------------------------------------------------------*/ ul.news li{ clear:both; display:block; overflow:hidden; margin-bottom:20px;} ul.news li.last{ margin-top:-20px;} ul.news li.last p{ float:left; margin-top:3px;color:#333333; font: normal 13px/15px Arial, Helvetica, sans-serif;} ul.news li img { float:left;} ul.news li .text{ width:180px; float:right;} ul.news li .text h3{font: bold 16px/16px Arial, Helvetica, sans-serif; color:#666666; margin-bottom:8px;} ul.news li .text h3 a {color:#666666; text-decoration:none;} ul.news li .text h3 a:hover {text-decoration:underline;} ul.news li .text p{font: normal 12px/16.8px Verdana, Geneva, sans-serif;} ul.news li .more{ border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:7px 0px 7px 1px; display:block; overflow:hidden; margin-top:10px;} ul.news li .more p{ width:155px; float:left; font:normal 10px/13px Verdana, Geneva, sans-serif;} ul.news li .more p.date{color:#333333;} ul.news li .more p.footer{color:#666666;} ul.news li .more a.aMore_p{ margin-left:0px;} ul.news li .continue{ float:left; margin-top:12px;font:normal 13px Arial, Helvetica, sans-serif; color:#333333;} ul.news li .continue p{ margin-top:3px;} ul.news.small li{ clear:none; float:left; width:180px; padding-left:20px; margin-bottom:8px;} ul.news.small li:first-child{ padding:0px;} ul.news.small .text{ height:180px; overflow:hidden; padding-bottom:47px; position:relative;} ul.news.small li h3{ font-size:15px; line-height:15px; margin:8px 0px;} ul.news.small li p{line-height:15px; zmax-height:90px; overflow:hidden;} ul.news.small .more{ position:absolute; bottom:0px;} ul.news.small li .continue{ position:relative; left:-20px; font-weight:bold; margin:0px; padding-bottom:7px;} .continue a {text-decoration:none;} .continue a:hover {text-decoration:underline;} .continue a.aMore_p:hover {text-decoration:none;} /* PAGER -----------------------------------------------------------------------------*/ .pager{ clear:both; display:block; text-align:center; padding:15px 0px; color:#999999;} .pager ul{ width:100%; } .pager ul li{ display:inline !important; float:none !important; margin:0px !important; font:normal 18px/20px Arial, Helvetica, sans-serif !important; vertical-align:middle;} .pager ul li a{ text-decoration:none; padding:0px 3px 0px 5px; margin:0px; } .pager ul li a:hover{ text-decoration:underline;} .pager ul li a.ant,.pager ul li a.suce{ margin:0px 8px !important;} .pager ul li strong{ padding:0px 3px 0px 5px;} /* ROUNDED -----------------------------------------------------------------------------*/ .rounded{ position:relative; float:right;} .rounded .in{ border: 1px solid #acacac; position:relative;} .rounded .b { position:absolute; width:10px; height:10px; overflow:hidden; display:block; background:url(simple_corners.png) 0px 0px no-repeat; z-index:10; font-size:1%;} .rounded .bl {bottom:0px; left:0px; background-position: left bottom;} .rounded .br {bottom:0px; right:0px; background-position: right bottom;} .rounded .tl {top:0px; left:0px; background-position: top left;} .rounded .tr {top:0px ; right:0px; background-position: top right;} .rounded p{ padding:4px 18px; margin-bottom:0px!important;} .rounded .title.t1{ font:bold 28px Arial, Helvetica, sans-serif; padding:6px 14px;} .rounded.evento{ font-family:Arial, Helvetica, sans-serif; width:auto; text-align:center; color:#666666; float:left;} .div1 .rounded.evento{ margin:0px 0px 30px 200px;} .rounded.evento .title{ border-bottom: 1px solid #acacac;} .rounded.evento p.more{float:right; position:absolute; bottom:0px; right:5px; padding:0px;} .formAccio .div1{ position:relative; top:-50px; margin-bottom:-50px;} /* SLIDEBANNER -----------------------------------------------------------------------------*/ .slideBanner{ width: 180px; height:180px; background:url(bg_slidebanner.gif) 0px 0px no-repeat; position: relative; top: -23px; margin-bottom: -21px;} .slideBanner p{ text-align:center;} .slideBanner p a{ display: table-cell; width: 180px; height:180px; text-align:center; text-decoration:none; vertical-align:middle; font: bold 13px Arial, Helvetica, sans-serif;} .slideBanner p a:hover{ text-decoration:underline;} /* FANCY BOX -----------------------------------------------------------------------------*/ #fancybox-loading { position: fixed;top: 50%;left: 50%;height: 40px;width: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 1104;display: none;} #fancybox-loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('fancybox.png');} #fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #fff; z-index: 1100; display: none;} #fancybox-tmp { padding: 0; margin: 0;border: 0;overflow: auto;display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0;padding: 20px;z-index: 1101;display: none;} #fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF;} #fancybox-inner {position: absolute;top: 0;left: 0;width: 1px;height: 1px;padding: 0;margin: 0;outline: none;overflow: hidden;} #fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;} #fancybox-close {position: absolute;top: -15px;right: -15px;width: 30px;height: 30px; background:url('fancybox.png') -40px 0px no-repeat; cursor: pointer;z-index: 1103;display: none;} #fancybox_error {color: #444;font: normal 12px/20px Arial;padding: 7px;margin: 0;} #fancybox-content { height: auto;width: auto;padding: 0;margin: 0;} #fancybox-img {width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;-ms-interpolation-mode: bicubic;} #fancybox-frame {position: relative;width: 100%;height: 100%;border: none;display: block;} #fancybox-title {position: absolute;bottom: 0;left: 0;font-family: Arial;font-size: 12px;z-index: 1102;} .fancybox-title-inside {padding: 10px 0;text-align: center;color: #333;} .fancybox-title-outside {padding-top: 5px;color: #FFF;text-align: center;font-weight: bold;} .fancybox-title-over {color: #FFF;text-align: left;} #fancybox-title-over {padding: 10px; background-image: url('fancy_title_over.png');display: block;} #fancybox-title-wrap {display: inline-block;} #fancybox-title-wrap span {height: 32px;float: left;} #fancybox-title-left {padding-left: 15px;background-image: url('fancybox.png');background-position: -40px -90px;background-repeat: no-repeat;} #fancybox-title-main {font-weight: bold;line-height: 29px;background-image: url('fancybox-x.png');background-position: 0px -40px;color: #FFF;} #fancybox-title-right {padding-left: 15px;background-image: url('fancybox.png');background-position: -55px -90px;background-repeat: no-repeat;} #fancybox-left, #fancybox-right {position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;outline: none;background-image: url('http://www.setem.org/css/css_imgs/blank.gif');z-index: 1102;display: none;} #fancybox-left {left: 0px;} #fancybox-right {right: 0px;} #fancybox-left-ico, #fancybox-right-ico {position: absolute;top: 50%;left: -9999px;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 1102;display: block;} #fancybox-left-ico {background-image: url('fancybox.png');background-position: -40px -30px;} #fancybox-right-ico {background-image: url('fancybox.png');background-position: -40px -60px;} #fancybox-left:hover span {left: 20px;} #fancybox-right:hover span {left: auto;right: 20px;} .fancy-bg {position: absolute;padding: 0;margin: 0;border: 0;width: 20px;height: 20px;z-index: 1001;} #fancy-bg-n {top: -20px;left: 0;width: 100%;background-image: url('fancybox-x.png');} #fancy-bg-ne {top: -20px;right: -20px;background-image: url('fancybox.png');background-position: -40px -162px;} #fancy-bg-e {top: 0;right: -20px;height: 100%;background-image: url('fancybox-y.png');background-position: -20px 0px;} #fancy-bg-se {bottom: -20px;right: -20px;background-image: url('fancybox.png');background-position: -40px -182px; } #fancy-bg-s {bottom: -20px;left: 0;width: 100%;background-image: url('fancybox-x.png');background-position: 0px -20px;} #fancy-bg-sw {bottom: -20px;left: -20px;background-image: url('fancybox.png');background-position: -40px -142px;} #fancy-bg-w {top: 0;left: -20px;height: 100%;background-image: url('fancybox-y.png');} #fancy-bg-nw {top: -20px;left: -20px;background-image: url('fancybox.png');background-position: -40px -122px;} /* ie 8 #fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css_imgs/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css_imgs/fancy_close.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css_imgs/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css_imgs/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css_imgs/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css_imgs/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css_imgs/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css_imgs/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie .fancy-bg { background: transparent !important; } .fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css_imgs/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css_imgs/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css_imgs/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css_imgs/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css_imgs/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css_imgs/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css_imgs/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css_imgs/fancy_shadow_nw.png', sizingMethod='scale'); } */ /*Play button for video*/ .play { display:block; background: url('video_play_icon.png') center center no-repeat; margin: -230px 10px 0 0; height: 230px; position: relative; z-index: 100; } /*a.video:hover .play { display:block; }*/