/* PROJECT: www.ongest.com */ /* AUTHOR: Israel Perez */ /* GROUP GLOBAL */ body {background: url(../images/maquetacion/ONGEST_fondo.png) repeat-x #e8edef; color: #535353; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%;} /* GROUP AUXILIARIES */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} .clearfix {display: block;} .left {float: left} .right {float: right} .txtLeft {text-align: left} .txtRight {text-align: right} .txtCenter {text-align: center} .absolute {position: absolute} .hide {display: none} .show {display: block} .inline{display: inline} .clean{ clear: both} :active, :focus{ outline:none;} .clearleft {clear: left;} .clearright {clear: right;} .clearboth {clear: both;} /* GROUP ELEMENTS */ /* paragraph */ strong { font-weight: bold;} /* list */ /* colours */ /* link */ a {color: #216BA8;} b { color: #464646;} /* form */ /* GROUP ESTRUCTURE */ /* general */ #page {background: url(../images/maquetacion/ONGEST_base.png) no-repeat; width: 1008px; margin-left: auto; margin-right: auto; margin-top: 25px; padding-top:50px;} #wrapper {width: 910px; /*height: 900px;*/ margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; padding-bottom: 30px; background: #fff; } /* header */ #header{ /*background: #ffe82d;*/ } #header .logo{ width:300px; height:75px; margin-bottom: 15px;} .boxLogin .logo { margin-bottom: 10px; margin-left: 20px; padding-top: 35px; width: 170px; height: 53px;} #header .logo h1, .boxLogin .logo h1 { color:#000000; font-size:12px;} #header .logo h1 a span, .boxLogin .logo h1 a span { background:url(../images/maquetacion/ONGEST_logo.png) no-repeat scroll center center; display:block; height:75px; text-indent:-9999px; cursor: pointer;} .boxLogin .logo h1 a span { background:url(../images/maquetacion/ONGEST_logo02.png) no-repeat scroll center center; display:block; height:53px; text-indent:-9999px; cursor: pointer;} /* metaNav */ #metaNav {width: 400px; height: 50px;} #metaNav ul { text-align: right; margin-top: 0px; float: right; } #metaNav ul li{ background: #B5D5FF; border-height:3px; float: left; font-size: 1.5em; padding-right: 5px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; display: block; line-height: 14px;} #metaNav ul li.noLine { font-size:1.2em; border-right: 0px; background: url(../images/maquetacion/ONGEST_icon_telefono.png) no-repeat 9px center; padding-left: 30px; padding-right: 0px;} #metaNav ul li a { color:#216BA8; text-decoration: underline;} #metaNav ul li a:hover { text-decoration: underline; } /* socialMedia */ #socialMedia {width: 400px; height: 15px;} #socialMedia ul { text-align: right; margin-top: 0px; float: right;} #socialMedia ul li{ float: left; border-right: 1px solid #7d7d7d; font-size: 1.2em; padding-right: 10px; padding-left: 10px; padding-top: 0px; padding-bottom: 0px; display: block; line-height: 14px;} /*#socialMedia ul li.noLine { border-right: 0px; background: url(../images/maquetacion/ONGEST_icon_telefono.png) no-repeat 9px center; padding-left: 30px; padding-right: 0px;}*/ #socialMedia ul li a { color:#7d7d7d; text-decoration: underline;} #socialMedia ul li a:hover { text-decoration: underline; } /*phone*/ #phone h1 { line-height: 24px; font-size:1.4em; border-right: 0px; background: url(../images/maquetacion/ONGEST_icon_telefono.png) no-repeat 9px center; padding-left: 30px; padding-right: 0px; } /* navigation */ #navigation{ clear: both; background: url(../images/maquetacion/ONGEST_fondo_menu.gif) repeat-x; margin-bottom: 15px;} #navigation ul{ } #navigation ul li{ font-size: 1.4em;} #navigation ul li a{ float: left; padding: 12px 27px 11px 27px; color: #d8eafa; text-decoration: none; } #navigation ul li a span { } #navigation ul li a:hover{ color: #ffffff; background: #4a98ce; text-decoration: underline;} #navigation ul li a.active{ color: #ffffff; background: #1d5285;} #navigation ul li.first{ padding: 0px; background:none;} /* banner */ #banner { height: 379px;} #banner .contentBanner {width: 330px; /*border: 1px solid #005a9f;*/ padding-left: 45px; padding-top: 40px; } #banner .contentBanner h2 { font-size: 32px; color: #216BA8; margin-bottom: 15px; font-weight: bold;} #banner .contentBanner h3 { font-size: 21px; color:#404040; margin-bottom: 10px;} #banner .contentBanner p { font-size:14px; color: #676767; margin-bottom: 20px;} #banner .contentBanner p.elink { font-size:19px; margin-bottom: 14px;} #banner .contentBanner p.elink a { background: url(../images/maquetacion/ONGEST_arrow.gif) no-repeat 5px center #b5d5ff; padding: 3px 5px 3px 15px; } #banner .contentBanner p.elink a:hover { text-decoration:none; background: #cae0f2;} #banner .contentBanner p.inf{ margin-top: 25px; font-size: 11px; background: #67ab39; color: #fff; width: 60px; padding: 2px 0px 2px 10px;} #banner .contentBanner p.inf a{ color: #fff; text-decoration: none;} .ongest01 { background: url(../images/maquetacion/ONGEST_01.jpg) no-repeat;} .flechas { height: 57px; background: url(../images/maquetacion/flechas.jpg) no-repeat center center; margin-top: 10px;} /* breadcrumb */ #content .contentright .rightFirst #breadcrumb{ margin-top: 0px;} #content .contentright .rightFirst #breadcrumb ul{ margin-top: 0px; } #content .contentright .rightFirst #breadcrumb ul li{ display: inline; font-size: 1.1em; margin-right: 5px; background: url(../images/maquetacion/ONGEST.bread.arrow.png) no-repeat left center; padding-left: 8px;} #content .contentright .rightFirst #breadcrumb ul li.first{ background: none; padding-left: 0px;} #content .contentright .rightFirst #breadcrumb ul li a{ color: #6FB73E; } /* content */ #content{ /*background: #C0BFC1;*/ } #content .box { /*height: 220px;*/ width: 420px; background: url(../images/maquetacion/ONGEST_linea_central.jpg) no-repeat left center /*#99cc99*/; padding-left: 60px; margin-top: 0px; } #content .box.first { background-image: none; width: 415px; padding-right: 15px; padding-left: 0px;} #content .box h4.ini { font-size: 2.5em; color: #216BA8; margin-bottom: 8px; background: url(../images/maquetacion/ONGEST_icono_gestores.gif) no-repeat scroll left center; padding-top: 16px; padding-left: 45px;} #content .box h4 { font-size: 2.5em; color: #216BA8; margin-bottom: 8px; background: url(../images/maquetacion/ONGEST_icono_pymes.gif) no-repeat scroll left 7px; padding-top: 16px; padding-left: 50px;} #content .box p { font-size: 1.5em; margin-bottom: 12px; color: #676767; line-height: 1.3em; } #content .box p span { color: #1e1e1e; background: #fcfcc0;} #content .box ul{ margin-bottom: 20px;} #content .box ul li { font-size: 1.3em; margin-bottom: 6px; background: url(../images/maquetacion/ONGEST_cuadrado.gif) no-repeat scroll left center; padding-left: 13px;} #content .box ul li a{ text-decoration: none; border-bottom: 1px dotted #7d7d7d; color: #7d7d7d; } #content .box ul li a:hover{ text-decoration: none; border-bottom: 0px; color: #6FB73E; } #content .box .botonLink { } #content .box .botonLink a {height: 36px; width: 415px; display: block; background: url(../images/maquetacion/ONGEST_boton_empezar.gif); color: #f3feeb; text-decoration: none;} #content .box .botonLink a:hover{background-position: 0px -36px; color: #ffffff;} #content .box .botonLink a span { font-size: 1.6em; color: #ffffff; padding-left: 15px; padding-top: 8px; display: block;} #content .contentLeft{ width: 220px; float: left; /*background: url(../images/maquetacion/ONGEST_menu_left.png) no-repeat;*/} #content .contentLeft .sect{} #content .contentLeft ul{ padding-bottom: 0px; margin-bottom: 15px; border-bottom: 1px solid #B2B2B2; border-left: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; background: url(../images/maquetacion/caja_login.png) repeat-x left bottom; } #content .contentLeft ul li{ font-size: 1.3em; repeat-x left bottom; border-bottom: 1px dotted #D7DFE4;} #content .contentLeft ul li.noLine{ border-bottom: none;} #content .contentLeft ul li a{ padding: 8px 0px 8px 20px; display: block; text-decoration: none; color: #70715D; background: url(../images/maquetacion/verde_menu.png) no-repeat 10px center #FFF;} #content .contentLeft ul li a:hover{ color:#63A637; text-decoration: none; background: url(../images/maquetacion/verde_MENU.png) no-repeat 10px center #FFF;} #content .contentLeft ul li a.active{ color: #63A637; background:url(../images/maquetacion/verde_MENU.png) no-repeat 10px center #fff ; text-decoration: underline; } #content .contentLeft ul li ul.desple{ border: 0px; margin-bottom: 0px; margin: 0px; background:#fff; padding-bottom: 10px;} #content .contentLeft ul li ul.desple li{ border: 0px; font-size: 11px; color: #6FB73E;} #content .contentLeft ul li ul.desple li a{ border: 0px; background: none; padding-left: 0px; color: #6FB73E;} #content .contentLeft ul li ul.desple li a:hover{ background:none;} #content .contentLeft .login{ } #content .contentLeft .login h2, #content .contentLeft h2{ font-size: 1.5em; color: #63A930; font-weight: normal; padding: 7px 15px; background: url(../images/maquetacion/cuadra_verde.png) no-repeat 10px center ; color: #333; border-top: 1px solid #72bd41;; border-left: 1px solid #72bd41;; border-right: 1px solid #72bd41;; font-weight: bold;} #content .contentLeft .login h2 {border: 0px;} #content .contentLeft h2 { /*background: url(../images/maquetacion/fondo_cabecera.png) repeat-x left bottom #F1F1F1;*/ background:url(../images/maquetacion/lineales.png) repeat-x 10px center #72bd41; color: #fff;} #content .contentLeft .login h2 a { color: #63A637; text-decoration: none;} #content .contentLeft .login form{ margin: 7px 0px 15px 13px;} #content .contentLeft .login label{ display: block; font-size: 1.1em; margin-bottom: 3px;} #content .contentLeft .login input.campoLogin{ width: 165px; border: 1px solid #D7DFE4; font-size: 1.2em; padding: 5px; color: #999999;} #content .contentLeft .login input.boton{ width: 64px; height: 21px; border: 0px; background: url(../images/maquetacion/ONGEST_bottom.png) no-repeat; color: #fff; margin-top: 7px; cursor: pointer; font-size: 1.1em; } #content .contentLeft .contacta{ height: 44px; margin-top: 15px; margin-bottom: 30px;} #content .contentLeft .contacta p{ font-size: 1.9em; margin-left: 20px; padding-top: 10px;} #content .contentLeft .contacta p span{ font-size: 0.5em; display: block; margin-left: 50px; padding-top: 8px;} #content .contentLeft .utilizar{ height: 54px; margin-top: 15px; } .backActive { background: #FCFCC0;} #content .contentright{ width: 670px; /*background: #EAF1F7;*/ float: right;} #content .contentright .rightFirst .imagenC{ height: 181px; margin-bottom: 13px;} #content .contentright .rightFirst .imagenC.producto{ border: 1px solid #D7DFE4; height: 350px;} #content .contentright .rightSecond{ width:200px; height: 300px; float: right;} #content .contentright .rightSecond a{ color: #7d7d7d; text-decoration: none; display: block; } #content .contentright .rightSecond a:hover{ color: #4F5B40; text-decoration: underline;} #content .contentright .rightFirst h2, .contentReg h2{ font-size: 2.4em; color: #216BA8; margin-top: 20px;} #content .contentright .rightFirst h2 span{ background: #FCFCC0;} #content .contentright .rightFirst h3, .contentReg h3{ font-size: 1.4em; margin-top: 10px; color: #63a637;} #content .contentright .rightFirst h3.sup { font-family: Georgia; font-style: italic; font-size: 18px;} #content .contentright .rightFirst h3.net {font-size: 18px; background: url("../images/maquetacion/line1.png") repeat-x scroll left center transparent;} #content .contentright .rightFirst span.net{background-color: white; padding-right: 20px;} #content .contentright .rightFirst h3.quote { font-family: Georgia; font-style: italic; font-size: 14px;} #content .contentright .rightFirst h3.subquote { font-family: Georgia; font-style: italic; font-size: 10px; text-align: left;} #content .contentright .rightFirst h4 { font-size: 13px; color: #363636; margin-top: 15px; } #content .contentright .rightFirst h4 span { background: #b5d5ff;} #content .contentright .rightFirst h3 br, #content .contentright .rightFirst p br{ margin-bottom: 8px; } #content .contentright .rightFirst p, .contentReg p{ font-size: 1.2em; margin-top: 10px; line-height: 1.5em;} .contentReg p {margin-bottom: 20px;} #content .contentright .rightFirst p.margen {margin-bottom: 15px;} #content .contentright .rightFirst p.boton{ text-align: center; padding-top: 10px; padding-bottom: 10px;} #content .contentright .rightFirst p span{ color: #7d7d7d; } #content .contentright .rightFirst p.boton a{ text-align: center; background: url(../images/maquetacion/boton_entr.png) no-repeat center center; padding: 13px 40px; color: #5c9b33; text-decoration: none; font-size: 16px;} #content .contentright .rightFirst ul{ margin-top: 14px;} #content .contentright .rightFirst ul li{ margin-bottom: 15px; font-size: 1.2em; background: url(../images/maquetacion/ONGEST_cuadra.png) no-repeat left 5px; padding-left: 12px; line-height: 1.5em;} #content .contentright .rightFirst ul li strong{ color: #303030;} .rightFirst b { font-size: 13px; font-style: italic;} #content .contentright .rightFirst h3.de { background: url(../images/maquetacion/arrow.jpg) no-repeat center left; padding-left: 20px;} #content .contentright .rightFirst h3.dedos { background: url(../images/maquetacion/arrow2.jpg) no-repeat center left; padding-left: 20px;} #content .contentright .rightFirst p.fondo { background: #E5F3FA; padding: 10px; border-left: 1px solid #73BEE5; border-right: 1px solid #73BEE5; border-bottom: 1px solid #73BEE5; margin-bottom: 20px;} /* PRECIOS */ #content .contentright .rightFirst table { width: 100%; margin-top: 20px;} #content .contentright .rightFirst table tr th.first { background: #72bd41; color: #fff; font-size: 14px; padding: 5px 0px 5px 10px; border-left: 3px solid #fff; text-transform: uppercase;} #content .contentright .rightFirst table tr th.first2 { background: #72bd41; color: #fff; font-size: 14px; padding: 5px 0px 5px 10px; border-left: 3px solid #fff;} #content .contentright .rightFirst table tr th.planes { width: 30%; } #content .contentright .rightFirst table tr th.basic { width: 20%; } #content .contentright .rightFirst table tr th.plus { width: 20%;} #content .contentright .rightFirst table tr th.pro { width: 20%; } #content .contentright .rightFirst table tr th.second { background: #E9EBE7; border-left: 3px solid #fff; font-size: 12px; padding: 3px 5px 3px 10px; border-top: 3px solid #fff;} #content .contentright .rightFirst table tr{ padding: 5px; } #content .contentright .rightFirst table tr td { font-size: 12px; background: #f9f9f9; border-top: 3px solid #fff; padding: 4px 5px 4px 5px; border-left: 3px solid #fff; text-align: center; } #content .contentright .rightFirst table tr td a { color: #333; } #content .contentright .rightFirst table tr td span { display: block; padding-top: 7px; padding-bottom: 7px; background: url(../images/maquetacion/derga_ama.png) repeat-x; border: 1px solid #e8aa11; color: #252525;} #content .contentright .rightFirst table tr td.first { text-align: left;} #content .contentright .rightFirst table tr th.center { text-align: center;} #content .contentright .rightFirst table tr th strong { font-size: 14px;} /*REFERENCIAS*/ #content .contentright .refs table { width: 100%; margin-top: 20px;} #content .contentright .refs table tr{ padding: 5px; } #content .contentright .refs table tr td.titol { font-size: 14px; background: #ffffff; border-top: 3px solid #fff; padding: 4px 5px 4px 5px; border-left: 3px solid #fff; text-align: justify; } #content .contentright .refs table tr td { font-size: 12px; background: #ffffff; border-top: 3px solid #fff; padding: 4px 5px 4px 5px; border-left: 3px solid #fff; text-align: justify;} #content .contentright .refs table tr td a { font-size: 12px; font-weight: bold; color: #216BA8; } #content .contentright .refs table tr td.salt {padding-bottom: 30px;} #content .contentright .refs table tr td span { display: block; padding-top: 7px; padding-bottom: 7px; background: url(../images/maquetacion/derga_ama.png) repeat-x; border: 1px solid #e8aa11; color: #252525;} #content .contentright .refs table tr td.first { text-align: left;} #content .contentright .refs table tr th.center { text-align: center;} #content .contentright .refs table tr th strong { font-size: 14px;} /*CASOEXITO*/ #content .contentright .casoExito table { width: 100%; margin-top: 20px;} #content .contentright .casoExito table tr{ padding: 5px; } #content .contentright .casoExito table tr td { font-size: 14px; font-style: italic; color: #63a637; background: #ffffff; border-top: 3px solid #fff; padding: 4px 5px 4px 5px; border-left: 3px solid #fff; text-align: right; } #content .contentright .casoExito table tr td.subquote { font-size: 12px; font-style: italic; color: #63a637; background: #ffffff; border-top: 3px solid #fff; padding: 4px 5px 4px 5px; border-left: 3px solid #fff; text-align: right; } #content .contentright .casoExito table tr th strong { font-size: 14px;} #content .contentright .casoExito p {text-align: justify;} #content .contentright .casoExito h3 {font-size: 18px; background: url("../images/maquetacion/line1.png") repeat-x scroll left center transparent;} #content .contentright .casoExito span{background-color: white; padding-right: 20px;} /* CONTACT */ #content .contentright .rightFirst .content01 { /*border: 1px solid #333;*/ margin-top: 20px; } #content .contentright .rightFirst .content01 ul { margin-top: 0px; } #content .contentright .rightFirst .content01 ul li{ background: none; float: left; width: 200px; margin-right: 30px; padding-left: 0px;} #content .contentright .rightFirst .content01 ul li div img{border: 1px solid #D7DFE4; padding: 1px; margin-bottom: 10px; width: 100%; height: 100px;} #content .contentright .rightFirst .content01 ul li strong{ text-decoration: underline;} #content .contentright .rightFirst .content01 ul li h4{ border-bottom: 1px solid #D7DFE4; margin-bottom: 10px; padding-bottom: 5px; font-size: 14px; color: #323131;} #content .contentright .rightFirst .content01 ul li.noLine {margin-right: 0px;} #content .contentright .rightFirst .content01 ul li ul.direcc { margin-top: 10px;} #content .contentright .rightFirst .content01 ul li ul.direcc li { margin-bottom: 3px; font-size: 12px;} #content .contentright .rightFirst .content01 ul li p a { font-size: 11px; color: #6FB73E;} #content .contentright .rightFirst .content01 ul li p { background: url(../images/maquetacion/arrow_di.png) no-repeat left center; padding-left: 15px; clear: both;} #content .contentright .rightFirst .departamentos h3 { border-bottom: 1px solid #D7DFE4; padding-bottom: 5px;} #content .contentright .rightFirst .departamentos ul { /*background: #333;*/ margin-top: 10px; } #content .contentright .rightFirst .departamentos ul li { float: left; background-image: none; width: 205px; margin-right: 3px; border: 1px solid #D7DFE4; padding: 5px; } #content .contentright .rightFirst .departamentos ul li h5 { padding: 3px 5px; background:#e4efd2;} #content .contentright .rightFirst .departamentos ul li.first { float: left; } #content .contentright .rightFirst .departamentos ul li p { font-size: 12px; border-bottom: 1px dotted #D7DFE4; padding-bottom: 4px; } #content .contentright .rightFirst .departamentos ul li p.telefono{ background: url(../images/maquetacion/telefono.png) no-repeat 2px top; padding-left: 20px; padding-top: 1px;} #content .contentright .rightFirst .departamentos ul li p.correo{ background: url(../images/maquetacion/correo.png) no-repeat 2px 3px; padding-left: 24px;} #content .contentright .rightFirst .departamentos ul li p.contratar a{ text-align: center; display: block; color: #fff; padding-bottom: 5px; padding-top: 5px; font-size: 14px; text-decoration: none; background: url(../images/maquetacion/degra_contratar.jpg) repeat-x;} #content .contentright .rightFirst .departamentos ul li p.boton{ height: 30px; background: #333;} /* ENTRAR */ .boxLogin { width: 450px; height: 365px; margin-left: auto; margin-right: auto; margin-top: 100px; background: url(../images/maquetacion/ONGEST_base.png) no-repeat center top;} .boxLogin form { padding: 0px 20px 20px 20px;} .boxLogin form p { margin-bottom: 10px;} .boxLogin form p.first { margin-top: 20px;} .boxLogin form p a { font-size: 11px;} .boxLogin form fieldset, .contentReg fieldset { border: 1px solid #929191; padding:0px 20px 10px 20px;} .boxLogin form fieldset.boton, .contentReg sform fieldset.boton { border: 0px; margin-top: 10px; padding: 0px;} .boxLogin form fieldset legend, .contentReg form fieldset legend { padding: 5px; font-size: 15px;} .boxLogin form span { display: block; margin-bottom: 5px; font-size: 13px; color: #363636;} .boxLogin form input.txt, .contentReg form input.txt, .contentReg textarea, .contentReg select{ padding:5px 2px 5px 2px; width: 200px; font-size: 12px; border: 1px solid #a5a3a3; background: #f5f9fb; color: #898989;} .boxLogin form input.boton, .contentReg form input.boton{ width: 130px; border: 0px; background: url(../images/maquetacion/degra_contratar.jpg) repeat-x; height: 30px; color: #fff; font-size: 13px; cursor: pointer;} .boxLogin form strong a { font-size: 13px; color: #333; margin-left: 10px; background:#FCFCC0;} .boxLogin form strong a:hover { text-decoration: none;} .contentReg form span { width: 150px; float: left; padding-top: 5px; text-align: right; margin-right: 15px;} .contentReg form input.txt, .contentReg textarea {width: 300px;} .contentReg textarea {overflow: hidden; height: 90px;} .contentReg form input.pass {width: 150px;} .contentReg form p.acepto, .contentReg form p.boton01{ margin-left: 160px;} p.botonContact { padding-top: 5px; width: 130px; } p.botonContact input { width: 130px; height: 30px; border: 0px; background: url(../images/maquetacion/degra_contratar.jpg) repeat-x; color: #fff;} p.aceptt { padding-top: 10px; } /* footer */ #footer{ border-top:1px solid #D7DEE0; border-bottom: 1px solid #FCFCFC; margin-top: 20px; width: 970px; margin-left: auto; margin-right: auto; } #footer .ini{ border-top:1px solid #FCFCFC; border-bottom: 1px solid #D7DEE0; } #footer .ini ul{ padding-top: 8px; padding-bottom: 8px; float: left;} #footer .ini ul li{ float: left; font-size: 1.1em; padding-right: 10px; padding-left: 10px; border-left: 1px solid #D7DEE0;} #footer .ini ul li.first{ border: 0px; padding-left: 0px;} #footer .ini ul li a{ color: #7d7d7d; } #footer .ini ul li a:hover{ color: #6FB73E; text-decoration: none;} #footer .ini p { font-size: 1.1em; padding-top: 8px; padding-bottom: 8px;} /* Easy Slider */ #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; background: #eef5fb; } #slider2{margin-top:1em;} #slider li, #slider2 li{ /* define width and height of list item (slide)/Users/israelperez/Downloads/easyslider1.7/02.html entire slider area will adjust according to the parameters provided here */ width:910px; height:350px; overflow:hidden; } #slider li.ongest01{ background: url(../images/maquetacion/ONGEST_01.jpg) no-repeat;} #slider li.ongest02{ background: url(../images/maquetacion/ONGEST_02.jpg) no-repeat;} #slider li.ongest03{ background: url(../images/maquetacion/ONGEST_03.jpg) no-repeat;} #prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000; } #nextBtn, #slider1next{ left:696px; } #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0; } #nextBtn a, #slider1next a{ background:url(../images/btn_next.gif) no-repeat 0 0; } /* numeric controls */ ol#controls{ margin:0px; padding:0; height:34px; background: url(../images/maquetacion/derga_banner.png) repeat-y top right #eef5fb; } ol#controls li{ margin:5px 6px 5px 0px; padding:0; float: right; list-style:none; height:20px; } ol#controls li a{ float:left; background:url(../images/maquetacion/boton_azul.png) repeat-x; color:#fff; padding:0 10px; text-decoration:none; padding: 5px 10px; font-size: 12px; } ol#controls li.current a{ background:url(../images/maquetacion/boton_verde.png) repeat-x; color:#fff; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} /* // Easy Slider */ /* C O N T E N I D O D E M O */ #contenido-demo { width: 960px; margin: 50px auto 0;} #contenido-demo h2 { font-size: 4em; margin-bottom: 50px;} ul.navegador { text-align: left;} ul.navegador li { font-size: 18px; padding: 0px 0; } ul.navegador li a { } ul.navegador li a.desplegable { background: url(http://emenia.es/demos-blog/menu-desplegable/images/flecha_desplegable.png) no-repeat 10px center; } ul.navegador li li { font-size: 14px; padding-left: 15px;} ul.navegador li a.desplegable li a{ background: url(http://emenia.es/demos-blog/menu-desplegable/images/flecha_subenlace.png) no-repeat 10px center; }