body { background-color: #e9e9e9; margin:0px; padding:0px; font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size:11px; color: #757575; margin-top: 5px;} .clear, hr { clear: both; margin: 0; padding: 0; font-size: 0; line-height: 0;} p { margin: 1em 0; } a { text-decoration:none;} /* para CONGRESO */ div.congreso a, div.congreso a:link, div.congreso a:visited { color: #f09119; text-decoration: none; } div.congreso a:hover, div.congreso a:active, div.congreso a:focus { color: #f6b767; text-decoration: none; } h2 { color: #000000; font-size:1.6em; letter-spacing: -0.04em; font-weight: normal; margin-top: 0; } h3 { color: #000000; font-size:1.4em; letter-spacing: -0.01em; font-weight: normal; margin-bottom:0.4em;} h4 { font-size:1.3em; letter-spacing: -0.01em; font-weight: bold; margin-bottom:0.4em;} table { width: 100%;} form { margin: 0; padding: 0;} input { color: #777777; border: 1px solid #dbdbdb; background-color: #f5f5f5; text-indent: 2px; font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size:11px; } input:hover, input:focus { color: #b2b3b3; border-color:#9c9b9b; } input.button { color: #5395a1; cursor: pointer; text-indent: 0 ; text-align: center; font-weight:bold; font-size:10px; padding:2px; background-color:#b9d7dc; border-color:#b4cfd4; } input.button:hover, input.button:focus { color: #1d7281; background-position: 0 -30px; border-color:#96bec5; cursor: pointer;} input.submit { color: #5395a1; cursor: pointer; text-indent: 0 ; text-align: center; font-weight:bold; font-size:10px; padding:2px; background-color:#b9d7dc; border-color:#b4cfd4; } input.submit:hover, input.submit:focus { color: #1d7281; background-position: 0 -30px; border-color:#96bec5; cursor: pointer;} select { font-size:11px; color: #1D7281;border: 1px solid #dbdbdb; background-color: #f5f5f5; } select:hover, select:focus, select:active { color: #6b6a6a; } textarea { color: #777777; border: 1px solid #dbdbdb; background-color: #f5f5f5; text-indent: 2px; font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size:11px;} textarea:hover, textarea:focus, textarea:active { color: #b2b3b3; border: 1px solid #9c9b9b;} /* para CONGRESO */ div.congreso input.button { background-color:#ee8500; color:#fce7cc; border-color:#e68e30; font-weight:bold;} div.congreso input:hover, input:focus { color: #777777;} div.congreso input.button:hover, input.button:focus { color: #ffffff; } div.congreso select { color: #ee8500; } div.congreso select:hover, select:focus, select:active { color: #ee8500;} div.congreso textarea { color: #777777; } div.congreso textarea:hover, textarea:focus, textarea:active { color: #777777;} a img { border: 0;} /* MAIN LAYOUT */ /* Grandes áreas */ div.partners { background: url(img/layout/fondoPatrocinadores.gif) repeat; border: 2px solid white;} div.partners table { margin:2px;} div#wrapper, div.footer, div.partners { margin: 0 auto; width: 980px;} div#wrapper { border: 2px solid white; } div#wrapper div.home { background-color: #eff5f5;} div#wrapper div.interna { background-color: #eff5f5;} div#wrapper div.congreso { background-color: #ffffff;} /* Contents */ div.contents { height: 1%; border-bottom:1px solid white;} div.contents div.col_02 h3 { font-size:19px; font-weight:bold; letter-spacing:-2px; } div.contents div.col_02 h5 { font-size:14px; font-weight:bold; letter-spacing:-1px; margin-bottom: 5px;} div.contents div.col_02 ul { margin:0; padding:0; } div.contents div.col_02 ul li { margin:0; padding:0; } div.contents div.col_02 ol { margin:0; padding:0; margin-left:16px; } div.contents div.col_02 ol li h4 { margin:0; padding:0; margin-bottom:4px;} div.contents div.col_02 ul li h5 { margin:0; padding:0; margin-bottom:4px;} div.contents a.descargar { font-size:12px; font-weight:bold; background: url(img/layout/flecha_secp_a.gif) no-repeat right;padding-right:14px; text-decoration:none; } div.contents a.descargar:hover { text-decoration:underline; } div.contents div.paginador { font-weight:normal; color:#999999; font-size:11px; text-align:right; } div.contents div.paginador a { color:#005774; } /* HEADER */ div.header { height: 80px; border-bottom: 1px solid white; padding-top:10px; padding-left:10px;} div.header h1 { height:79px; margin-top:0; padding:0; text-indent:-9999px; overflow:hidden; } div.header h1 a { height:79px; width:306px; display:block; } div.header div.links { float:right; padding-right:15px; color:white;width:40%; text-align:right; color:#ffffff;} div.header div.links a { color: #FFFFFF; font-weight:bold;} div.header div.links a:hover { color:#a6c5ca; } div.header div.search { width:200px; float: right; margin:0; margin-right:8px; margin-top:42px; } div.header div.search th { width:100%; float: right; margin-right:2px; } div.header div.search th input { width:100%; height:18px; color:#014551; font-weight:normal; background-color:#7eaeb6; border:none; } div.header div.search td input.button { width:45px; height:17px; border-color:#71a3ab; margin:0; padding:0; color:#8dbac1; margin-left:3px; background-color:transparent; } /* HEADER para CONGRESO */ div.congreso div.header div.links a { color:#FFFFFF; } div.congreso div.header div.links a:hover { color:#fbddb8; } /* FOOTER */ div.footer { font-size:10px; padding-top:4px; color:#767474;} div.footer div.links a { color:#767474; text-decoration:none;} div.footer div.links a:hover { color:#767474; text-decoration:underline;} div.footer div.copyright { float:left; width:50%;} div.footer div.links { float:right;} /* MAIN NAV */ div.main_nav { height: 19px;} div.main_nav dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; } div#main_nav { position: absolute; z-index:100; } div#main_nav dl { float: left; } div#main_nav dt { cursor: pointer; text-align: left; font-weight: bold; margin-top: 1px; padding: 0 15px 0 5px; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif} div#main_nav dt a { text-decoration: none; height: 100%; border: 0 none; } div#main_nav dd { display: none; } div#main_nav dd ul { position: absolute; width: 180px; padding: 5px 3px 0 6px; margin-top: 2px;} div#main_nav li { margin-bottom: 5px;} div#main_nav li a { text-decoration: none; display: block; height: 100%; border: 0; } div.main_nav { background-color:#1d7281; border-bottom: 1px solid white; } div.congreso div.main_nav { background-color:#f2a33e;} div.main_nav div.cruzado { float: right; text-align: center; line-height: 1.9em; font-weight: bold; height: 19px; width: 100px; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #ed8500; } div.main_nav div.cruzado a:link, div.main_nav div.cruzado a:visited, div.main_nav div.cruzado a:hover, div.main_nav div.cruzado a:active { color: #ffffff;} div.congreso div.main_nav div.cruzado { background-color: #1c7281;} /* MAIN_NAV definicion de colores (SALVO CONGRESOS) */ div#main_nav dt { border: 1px solid #649ca9; border-left: 1px solid #095259; color: #ffffff; } div#main_nav dt a { color: #ffffff; } div#main_nav dd ul { background: #ececec; border: 1px solid #d9d9d9; border-left: none; border-top: none;} div#main_nav li a { color: #025974; } div#main_nav li a:hover, div#main_nav li a:focus { color: #000000; } /*HEADER*/ div.home div.header, div.interna div.header { background: url(img/layout/header_bck_secp.png) top left no-repeat;} div.congreso div.header { background: url(img/layout/header_bck_congreso.png) top left repeat-x;} div.header h1 { margin: 0; padding: 0;} div.home div.header h1 { background:url(img/layout/logo_secp.gif) no-repeat bottom left;} div.interna div.header h1 { background:url(img/layout/logo_secp.gif) no-repeat left;} div.congreso div.header h1 { background:url(img/layout/logo_secp_congreso.gif) no-repeat left;} /*presentacion home*/ div.home div.presentacion div.main_image { width:735px; float:left; height: 188px; overflow: hidden; text-indent: -9999px;} div.home div.presentacion div.intro { width:243px; float:right; border-left: 1px solid white; overflow: hidden; text-indent: -9999px;} div.home div.presentacion div.intro a { width:243px; height: 188px; display:block; } /*presentacion interna*/ div.interna div.presentacion div.main_image { width:735px; float:left; height: 188px; overflow: hidden; text-indent: -9999px;} div.interna div.presentacion div.intro { width:243px; float:right; height: 188px; border-left: 1px solid white; overflow: hidden; text-indent: -9999px;} div.interna div.presentacion div.intro a { width:243px; height: 188px; display:block; } /*presentacion congreso*/ div.congreso div.presentacion div.main_image { width:auto; height: 188px; overflow: hidden; text-indent: -9999px;} div.congreso div.presentacion div.intro { display:none;} /* HOME_COLUMNAS */ div.home div.contents div.col_01 { width: 25%; float: left; } div.home div.contents div.col_01 div.col_wrap { border-right: 2px solid white; border-bottom: 2px solid white;} div.home div.contents div.col_02 { margin-left: 25%; margin-right: 25%; } div.home div.contents div.col_02 div.col_wrap { padding: 15px; padding-top:5px; padding-bottom:25px; } div.home div.contents div.col_03 { width: 25%; float: right; background-color: #f3f3f3; } div.home div.contents div.col_03 div.col_wrap { border-left: 2px solid white; border-bottom: 1px solid white;} /* INTERNA_COLUMNAS */ div.interna div.contents div.col_01 { float: left; width: 75%; } div.interna div.contents div.col_01 div.col_wrap { padding: 25px; padding-top: 10px; padding-left:40px;} div.interna div.contents div.col_02 { margin-left: 75%; background-color:#f3f3f3; border-left: 2px solid white;} div.interna div.contents div.col_02 div.col_wrap { border-bottom: 1px solid white; } div.interna div.contents div.col_03 { display: none;} /* CONGRESO_COLUMNAS */ div.congreso div.contents div.col_01 { width: 25%; float: left; } div.congreso div.contents div.col_02 { margin-left: 25%; margin-right: 25%; padding:10px; } div.congreso div.contents div.col_02 div.col_wrap { padding:15px; padding-top:5px; padding-bottom:25px; } div.congreso div.contents div.col_03 { width: 25%; float: right; background-color: #f3f3f3;} /* BOX promo left */ div.contents div.col_01 div.box_promo_left { border-bottom:1px solid white;} div.contents div.col_01 div.box_promo_left img { filter:alpha(opacity=78); -moz-opacity: 0.8; opacity: 0.8; } div.contents div.col_01 div.box_promo_left a:hover img { filter:alpha(opacity=100); -moz-opacity: 10; opacity: 10; } /* BOX promo right */ div.contents div.col_02 div.box_promo_right { border-bottom:1px solid white; text-align:right; float:right; } div.contents div.col_02 div.box_promo_right img { filter:alpha(opacity=78); -moz-opacity: 0.8; opacity: 0.8; } div.contents div.col_02 div.box_promo_right a:hover img { filter:alpha(opacity=100); -moz-opacity: 10; opacity: 10; } /* bottom links */ div.bottom_links { padding:0; margin:0;} div.bottom_links ul { margin:0; padding:0; } div.bottom_links ul li { float:left; width:24%; border-left:1px solid white; list-style:none; background:url(img/layout/back_links_bottom.gif) repeat-x;} div.bottom_links ul li.uno h5 { background-position: 15px 0px;} div.bottom_links ul li.dos h5 { background-position: 15px -123px;} div.bottom_links ul li.tres h5 { background-position: 15px -259px; } div.bottom_links ul li.cuatro h5 { background-position:15px -384px;} /*---------------------------------------------------------------------------------------------------------*/ /*HOME*/ div.home div.bottom_links ul li h5 { margin:0; padding:0; background:url(img/layout/links_bottom.gif) no-repeat left; text-indent:-9999px; overflow:hidden; } div.home div.bottom_links ul li a { height:127px; width:244px; display:block; padding:0; margin:0; } div.home div.bottom_links ul li.uno h5 { background-position: 15px 0;} div.home div.bottom_links ul li.dos h5 { background-position:15px -124px;} div.home div.bottom_links ul li.tres h5 { background-position: 15px -260px; } div.home div.bottom_links ul li.cuatro h5 { background-position: 15px -385px;} div.home div.contents div.col_02 ul li { background:url(img/layout/flecha_li_secp.gif) no-repeat 0 10%; padding-left:9px; list-style:none; margin:0; color:#1c7281; border-bottom:1px solid #c5dade; padding-bottom:10px; margin-bottom:10px;} div.home div.contents div.col_02 ul li a { color:#1c7281; text-decoration:none;} div.home div.contents div.col_02 ul li a:hover { text-decoration: underline;} /*---------------------------------------------------------------------------------------------------------*/ /*INTERNAS*/ div.interna a { text-decoration:none;} div.interna a:hover { text-decoration:underline;} div.interna div.bottom_links ul li h5 { margin:0; padding:0; background:url(img/layout/links_bottom.gif) no-repeat left; text-indent:-9999px; overflow:hidden; } div.interna div.bottom_links ul li a { height:127px; width:244px; display:block; padding:0; margin:0; } div.interna div.bottom_links ul li.uno h5 { background-position: 15px 0;} div.interna div.bottom_links ul li.dos h5 { background-position:15px -124px;} div.interna div.bottom_links ul li.tres h5 { background-position: 15px -260px; } div.interna div.bottom_links ul li.cuatro h5 { background-position: 15px -385px;} div.interna div.contents ol { margin:0; padding:0;} div.interna div.contents ol h5 { margin:0; padding:0; font-size:11px; } div.interna div.contents ol li { margin:0; padding:0; margin-bottom:5px; } div.interna div.contents ol p { margin:0; padding:0; } div.interna div.contents p a { color:#1d7281; } div.interna div.contents p a:hover { color:#1d7281; } /*---------------------------------------------------------------------------------------------------------*/ /* CONGRESO */ /* MAIN_NAV COLORES SOLO SECCION CONGRESO */ div.congreso div#main_nav dt { border: 1px solid #fbd29c; border-left: 1px solid #d8851b; color: #ffffff; } div.congreso div#main_nav dt a { color: #ffffff; } div.congreso div#main_nav dd ul { background: #fff2dd; border: 1px solid #f6e1c0; border-left: none; border-top: none;} div.congreso div#main_nav li a { color: #f08400; } div.congreso div#main_nav li a:hover, div.congreso div#main_nav li a:focus { color: #000000; } /* bottom links */ div.congreso div.bottom_links ul li { background:url(img/layout/back_links_bottom_congreso.gif) repeat-x; } div.congreso div.bottom_links ul li h5 { margin:0; padding:0; background: url(img/layout/links_bottom_congreso.gif) no-repeat left; text-indent:-9999px; overflow:hidden; } div.congreso div.bottom_links ul li a { height:127px; width:224px; display:block; padding:0; margin:0; } div.congreso div.bottom_links ul li.uno h5 { background-position: 15px 2px;} div.congreso div.bottom_links ul li.dos h5 { background-position: 15px -123px;} div.congreso div.bottom_links ul li.tres h5 { background-position: 15px -259px; } div.congreso div.bottom_links ul li.cuatro h5 { background-position:15px -384px;} /*---------------------------------------------------------------------------------------------------------*/ /* Actions */ div.actions_right { text-align: right; padding-bottom: 5px; height: 1%} div.actions_right span.input_item { margin: 0 0 0 18px; } div.actions_right span.input_item span.label { margin: 0 3px 0 0; } div.actions_right span.input_item select { color: #1C5084} div.actions_right span.input_item select:hover, div.actions_right span.input_item select:focus { color: #000000} div.actions_right input.button { margin-left: 5px;} div.actions_right a { margin: 0 5px; font-weight: bold;} div.actions_left { text-align: left; padding-bottom: 5px; height: 1%} div.actions_left span.input_item { margin: 0 10px 0 0; } div.actions_left span.input_item span.label { margin: 0 3px 0 0; } div.actions_left span.input_item select { color: #1C5084} div.actions_left span.input_item select:hover, div.actions_left span.input_item select:focus { color: #000000} div.actions_left input.button { margin-right: 7px;} div.actions_left a { margin: 0 5px; font-weight: bold;} div.actions_center { text-align: center; padding-bottom: 5px; height: 1%} div.actions_center span.input_item { margin: 0 9px 0 9px; } div.actions_center span.input_item span.label { margin: 0 3px 0 0; } div.actions_center span.input_item select { color: #1C5084} div.actions_center span.input_item select:hover, div.actions_center span.input_item select:focus { color: #000000} div.actions_center input.button { margin: 0 2px;} div.actions_center a { margin: 0 5px; font-weight: bold;} /* Forms */ div.form { padding: 12px; padding-bottom: 0px; border: 1px solid #d0d0d0; margin: 0 auto; height: 1%; } div.form table { border-collapse: collapse; border-spacing: 0px; margin-bottom:15px; width: 100%;} div.form div.actions_right, div.form div.actions_center, div.form div.actions_left { padding-bottom: 12px;} div.form table th { width: 30%; padding: 2px 10px 2px 0px; vertical-align: top; text-align: right; font-weight: normal; color: #333333; } div.form table td { width: 70%; padding: 2px 0px 2px 2px; ; vertical-align: top;} div.form table td div.hint { font-size: 10px; padding-bottom: 4px; font-style: italic;} div.form div.subtitle { color:#999999; font-weight:bold; font-size:14px; margin-bottom:7px; letter-spacing:-1px;} div.form table tr.f_date td input { width: 20%;} div.form table tr.f_email td input { width: 45%;} div.form table tr.f_password td input { width: 99%;} div.form table tr.f_textarea td textarea { width: 99%; height: 80px;} /*div.form table tr.f_select td select { width: 100%; }*/ div.form table tr.f_select td select { width: auto; } div.form table tr.f_checkbox td input { background: none; border: none; margin: 1px 0 0 0;} div.form table tr.f_textfield td input { width: 99%; } div.form table tr.f_file_single td div.new_file { float:left; padding-bottom: 10px;} div.form table tr.f_file_single td div.hint { clear: both; padding-bottom: 12px;} div.form2 { padding: 12px; padding-bottom: 0px; border: 1px solid #d0d0d0; margin: 0 auto; height: 1%; } /* Forms: ERROR state */ div.form div.comment_warning { margin-bottom:8px; color: #9a1803; text-align:center; } div.form table tr.f_error th { color: #9a1803; font-weight: bold; } div.interna div.form a { color: #9a1803; float:right; } div.home form a { color: #777777; float:right; } div.home form a:hover { text-decoration:underline; } /*errors TPM*/ div.avisoError { margin-bottom:8px; color: #9a1803; font-weight:bolder }