/* ------------------------ 4TM -------------------- */ /* ---------->> Resets and overrides <<<-------------*/ *{margin:0; padding:0;} /*body, p, div, h1, h2, h3, h4, h5, h6, ul, ol, li, pre, blockquote, address, cite{ margin:0; padding:0;}*/ html {height: 100%;} html body { height:100%!important; text-align:center; /*para centrar en IE 5 o inferior*/} body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#FFF; color:#000; height:100%;} .clearfix {clear:both; height:0px; font-size:1px;} :focus {outline:0;} img, iframe {border: none; text-decoration:none;} ol, ul {list-style: none;} a {text-decoration:none;} select, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #d7d7d7; color:#555;} input, textarea {padding:1px;} .content {margin:0 auto; width:965px; text-align:left;} .hr {background:url(../images/linea_punteada_h.gif) repeat-x; margin:5px 0; _margin:5px 0 -15px 0; /*correcci�n para ie6*/ border:0; height:1px; display:block;} .hr2 {background:url(../images/linea_punteada_h.gif) repeat-x; margin:2px 0; _margin:2px 0 -12px 0; /*correcci�n para ie6*/ border:0; height:1px; display:block;} /* --------------->> Backgrounds <<<---------------*/ #wrapper_1 {background:url(../images/linea_back_1.gif) no-repeat center -138px; width:100%; margin:0 auto;} #wrapper_2 {background:url(../images/linea_back_2.gif) no-repeat center -493px; width:100%; margin:0 auto;} #wrapper_3 {background:url(../images/linea_back_2.gif) no-repeat center -125px; width:100%; margin:0 auto;} #wrapper_4 {background:url(../images/linea_back_2.gif) no-repeat center 150px; width:100%; margin:0 auto;} #wrapper_5 {background:url(../images/linea_back_3.gif) repeat-x 0 358px; width:100%; margin:0 auto;} #wrapper_6 {background:url(../images/linea_back_2.gif) no-repeat center 430px; width:100%; margin:0 auto;} #wrapper_7 {background:url(../images/linea_back_2.gif) no-repeat center -460px; width:100%; margin:0 auto;} /* --------------->> Header <<<-------------------*/ #header .subotonera {background:url(../images/linea_superior.gif) repeat-x #000; height:31px; width:100%;} #header .subotonera ul {width:965px; margin:0 auto;} #header .subotonera li {float:right; color:#ababab; margin-top:9px;} #header .subotonera li span {color:#80ae1b;} #header .subotonera li a {color:#ababab; font-size:11px; text-transform:uppercase; padding:0 10px 0 10px;} #header .subotonera li a:hover {color:#FFF;} #header .subotonera li a.choose-provider {color:#ababab; cursor: default;} #header .subotonera li a.choose-provider:hover {color:#ababab;} #header span.username-loading {background:url(../images/logged_in_types/ajax-loading.gif) no-repeat; padding-left: 18px; margin-left: 2px; margin-right: 2px;} #header span.username-twitter {cursor: pointer; background:url(../images/logged_in_types/twitter.png) no-repeat; padding-left: 18px; margin-left: 2px;} #header span.username-facebook {cursor: pointer; background:url(../images/logged_in_types/facebook.png) no-repeat; padding-left: 18px; margin-left: 2px;} #header h1 {float:left; margin-top:20px;} #header .buscador {float:right; width:700px; text-align:right; margin:18px 0 26px 0;} #header .buscador input { width:202px;} #header .buscador .btn {cursor:pointer; background:#e64825; color:#FFF; border:0; font-weight:bold; width:60px;} #header .buscador .btn:hover {background:#da2d07;} /* ------------>> Botonera Principal <<<-------------*/ /* Root = Horizontal, Secondary = Vertical */ ul#navmenu-h {float:right; width:730px;} ul#navmenu-h li {padding:5px 25px!important; padding:5px 21px; float:left; display:inline; list-style:none; position:relative; font-size:15px; background:url(../images/linea_punteada.gif) right 5px no-repeat;} ul#navmenu-h .last { background:none; padding-right:0!important;} ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{clear: both;display: block; font: 1px/0px serif;content: "."; height: 0; visibility: hidden;} /* Root Menu */ ul#navmenu-h a {float:none !important; /*For Opera*/ float: left; /*For IE*/ display:block; color:#555; text-decoration:none; height:auto!important; height: 1%; /*For IE*/ padding-bottom:5px;} ul#navmenu-h span {float:none !important; /*For Opera*/ float: left; /*For IE*/ display:block; color:#000; text-decoration:none; height:auto!important; height: 1%; /*For IE*/ padding-bottom:5px; background:url(../images/linea_hover.gif) bottom repeat-x;} /* Root Menu Hover Persistence */ ul#navmenu-h a:hover, ul#navmenu-h li:hover a, ul#navmenu-h li.iehover a {float:left; background:url(../images/linea_hover.gif) bottom repeat-x;} ul#navmenu-h .hacemos:hover, ul#navmenu-h li:hover .hacemos, ul#navmenu-h li.iehover .hacemos {background:none!important;} /* 2nd Menu */ ul#navmenu-h ul {display:none; position:absolute; left:-18px; top:25px; background:#fafafa; border-bottom:1px solid #e6e6e6; width:165px; background:url(../images/flecha_menu.gif) top center; padding-top:10px;} ul#navmenu-h ul li {float:left; /*For IE 7 lack of compliance*/ display:block !important; display:inline; /*For IE*/ float:left; background:none; width:150px; padding:7px 0 4px 0!important;*padding:5px 0 4px 0!important; /*For IE*/ background:url(../images/linea_punteada_h.gif) repeat-x bottom; margin:0 7px; text-align:center;} ul#navmenu-h ul li a {float:left; color:#666; font-size:12px;} ul#navmenu-h li:hover li a, ul#navmenu-h li.iehover li a {float:left; font-size:12px; background:none;} ul#navmenu-h ul .soporte a {color:#e64025;} ul#navmenu-h ul .soporte a:hover {background:none; color:#bf250c;} ul#navmenu-h ul .desarrollo a {color:#80ae1b;} ul#navmenu-h ul .desarrollo a:hover {background:none; color:#638c08;} ul#navmenu-h ul .soluciones a {color:#2f9dc7;} ul#navmenu-h ul .soluciones a:hover {background:none; color:#1078a0;} ul#navmenu-h ul .soluciones {background:none;} /* Do Not Move - Must Come Before display:block for Gecko */ ul#navmenu-h li:hover ul ul, ul#navmenu-h li:hover ul ul ul, ul#navmenu-h li.iehover ul ul, ul#navmenu-h li.iehover ul ul ul {display: none;float:left;} ul#navmenu-h li:hover ul, ul#navmenu-h ul li:hover ul, ul#navmenu-h ul ul li:hover ul, ul#navmenu-h li.iehover ul, ul#navmenu-h ul li.iehover ul, ul#navmenu-h ul ul li.iehover ul {display: block; float:left;} /* ------------>> Contenido Footer <<<-------------*/ #footer {background:#e9e9e9 url(../images/linea_superior.gif) 0 -1px repeat-x; height:150px; _height:125px; /*correcci�n para ie6*/ clear:both; text-align:left;} #footer .content {padding:20px 0;} #footer h4 {font-size:12px; text-transform:uppercase; font-weight:normal; margin-bottom:10px;} #footer .mapa h4 {margin-bottom:15px;} #footer .mapa {width:270px; height:auto; float:left; } #footer .mapa ul li {color:#80AE1B; width:135px; float:left; margin-bottom:10px;} #footer .mapa ul li a {color:#777777;} #footer .mapa ul li a:hover {color:#000;} #footer .contacto {float:left; width:645px; height:auto; background:url(../images/linea_punteada.gif) repeat-y left; padding-left:40px; margin-left:10px;} #footer .contacto .form {float:left; width:210px; margin-right:60px; _margin-right:35px; /*correcci�n para ie6*/} #footer .contacto .form input, #footer .contacto .form textarea {margin-bottom:4px; /**margin:-8px 0 -5px 0;*/ width:200px; background:#f5f5f5;} #footer .contacto .form textarea {height:28px;} #footer .contacto .btn {cursor:pointer; background:#000!important; color:#FFF; border:0; font-weight:bold; width:60px!important; display:block; position:relative;} #footer .contacto .btn:hover {background:#333!important;} #footer .info {font-size:11px; color:#4a4949; line-height:15px; float:right; width:365px;} #footer .info a {color:#80AE1B;} #footer .info a:hover {color:#638c08;} #footer .info .share {margin:8px 0 0 100px; display:block; float:right;} /* ----------------->> Copy <<<------------------*/ #copy {background:#000 url(../images/linea_superior.gif) 0 0 repeat-x; height:30px; clear:both; text-align:left; color:#d6d6d6; font-size:11px;} #copy .content {padding:10px 0;} #copy p {text-transform:uppercase; float:left;} #copy a {text-align:right; float:right; color:#d6d6d6;} #copy a:hover {color:#638812;} /* ------------>> Destacados home <<<-------------*/ #content_home .destacados {margin:45px 0 0 0; height:280px;} #content_home .destacados .back {background:#FFF; filter:alpha(opacity=50); opacity:0.5; width:312px; height:220px; display:block; position:absolute;} #content_home .destacados .back_linea { background:#000; width:312px; height:10px; display:block; position:absolute; margin-top:220px;} #content_home .destacados .info {position:absolute; background:#FFF; margin:7px 7px 0 7px; width:278px; height:193px; padding:10px;} #content_home .destacados .info h2 {clear:both; margin-top:5px; background:url(../images/linea_punteada_h.gif) repeat-x bottom; height:75px; *height:85px; _height:75px; /*correcci�n para ie6 - ie7*/ } #content_home .destacados .info h2 .numero {color:#CCC; font-size:79px; letter-spacing:-10px; float:left; margin:-4px 10px 0 0;} #content_home .destacados .info ul {clear:both; margin-top:10px;} #content_home .destacados .info ul li {line-height:21px;} #content_home .desarrollo {margin:0 0 0 325px;} #content_home .soluciones {margin:0 0 0 650px;} #content_home .soporte .info h2 strong {color:#e64025; font-size:32px; float:left;} #content_home .soporte .info ul li .miscelanea {color:#e64025;} #content_home .soporte .info a {background:#e64025 url(../images/flecha_boton.gif) bottom no-repeat; width:74px; padding:4px 0 9px 0; display:block; color:#FFF; text-transform:uppercase; text-align:center; font-size:11px; float:right; margin-top:10px;} #content_home .soporte .info a:hover {background:#bf250c url(../images/flecha_boton.gif) bottom no-repeat;} #content_home .desarrollo .info h2 strong {color:#80ae1b; font-size:32px; float:left;} #content_home .desarrollo .info ul li .miscelanea {color:#80ae1b;} #content_home .desarrollo .info a {background:#80ae1b url(../images/flecha_boton.gif) bottom no-repeat; width:74px; padding:4px 0 9px 0; display:block; color:#FFF; text-transform:uppercase; text-align:center; font-size:11px; float:right; margin-top:10px;} #content_home .desarrollo .info a:hover {background:#638c08 url(../images/flecha_boton.gif) bottom no-repeat;} #content_home .desarrollo .info h2 .numero {letter-spacing:-7px;} #content_home .soluciones .info h2 strong {color:#2f9dc7; font-size:32px; float:left;} #content_home .soluciones .info ul li .miscelanea {color:#2f9dc7;} #content_home .soluciones .info a {background:#2f9dc7 url(../images/flecha_boton.gif) bottom no-repeat; width:74px; padding:4px 0 9px 0; display:block; color:#FFF; text-transform:uppercase; text-align:center; font-size:11px; float:right; margin-top:10px;} #content_home .soluciones .info a:hover {background:#1078a0 url(../images/flecha_boton.gif) bottom no-repeat;} #content_home .soluciones .info h2 .numero {letter-spacing:-7px;} /* ------------>> Contenido home <<<-------------*/ #content_home {margin:0 auto; width:965px; text-align:left; height:auto; padding-bottom:20px;} #content_home .pensamos {width:600px; float:left; margin-right:50px; height:auto;} #content_home .pensamos h2 {text-transform:uppercase; color:#afaeae; font-size:28px;} #content_home .pensamos h2 strong {color:#2f9dc7;} .post {margin:15px 0 25px 0; *margin:30px 0 25px 0; /*corrección para ie6 - ie7*/ height:auto;} .post h3 {color:#2b2a2a; font-size:22px; font-weight:normal; margin-bottom:10px;} .post h3 a {color:#2b2a2a; font-size:22px; font-weight:normal;} .post h3 a:hover {color: #555;} .post .fotoperfil {border:#e8e8e8 4px solid; float:left; display:block;} .post .name {text-transform:none; font-size:12px;} .post .contentpost a {color:#2F9DC7;} .post .contentpost a:hover {color:#1078a0;} .post .contentpost {margin-bottom:10px;} .post .info {font-size:13px; text-transform:uppercase; color:#555555; margin:4px 0 10px 62px;} .post .info strong a {color:#2f9dc7;} .post .info strong a:hover {color:#1078a0;} .post p {color:#555555; line-height:18px; margin:6px 0;} .post .extras {background:#ebebeb; padding:5px; height:21px;} .post .extras p {margin:0;} .post .extras .comentarios {color:#2f9dc7; padding-left:5px; float:left; font-size:10px; text-transform:uppercase; color:#555555; padding-top:4px;} .post .extras .comentarios:hover {color:#353535;} .post .extras .mas {color:#2f9dc7; padding-left:10px; float:left; text-transform:uppercase; font-size:10px; padding-top:4px;} .post .extras .mas:hover {color:#1078a0;} .post .extras .share {float:right;} .btn_navegacion {color:#2F9DC7; float:right;} .btn_navegacion strong {color:#848484; font-size:14px; font-weight:normal;} .btn_navegacion:hover strong {color:#000;} .btn_navegacion_2 {color:#2F9DC7; float:left;} .btn_navegacion_2 strong {color:#848484; font-size:14px; font-weight:normal;} .btn_navegacion_2:hover strong {color:#000;} .loading22x22 {background:url(../images/logged_in_types/ajax-loading.gif) no-repeat 0 3px; padding-left: 22px; height:22px; margin-left: 2px; margin-right: 2px; float: left;} .loading_comment {background:url(../images/logged_in_types/ajax-loading.gif) no-repeat 0 0; padding-left: 22px; height:22px; margin-left: 2px; margin-right: 2px; } #login-provider-icons-comentario .facebook, .facebook {background:url(../images/iconos_comunidad.gif) no-repeat 0 bottom; height:22px; width:22px; display:block; text-indent:-9999px; margin-right:5px; float:left;} .facebook img { width:1px; height:1px;} #login-provider-icons-comentario .facebook:hover, .facebook:hover {background:url(../images/iconos_comunidad.gif) no-repeat 0 top; height:22px;} #login-provider-icons-comentario .twitter, .twitter {background:url(../images/iconos_comunidad.gif) no-repeat -22px bottom; height:22px; width:22px; display:block; text-indent:-9999px; margin-right:5px; float:left;} .twitter img { width:1px; height:1px;} #login-provider-icons-comentario .twitter:hover, .twitter:hover {background:url(../images/iconos_comunidad.gif) no-repeat -22px top; height:22px;} .linkedin {background:url(../images/iconos_comunidad.gif) no-repeat -66px bottom; height:22px; width:22px; display:block; text-indent:-9999px; margin-right:5px; float:left;} .linkedin img { width:1px; height:1px;} .linkedin:hover {background:url(../images/iconos_comunidad.gif) no-repeat -66px top; height:22px;} .rss {background:url(../images/iconos_comunidad.gif) no-repeat -88px bottom; height:22px; width:22px; display:block; text-indent:-9999px; margin-right:5px; float:left;} .rss:hover {background:url(../images/iconos_comunidad.gif) no-repeat -88px top; height:22px;} .delicious {background:url(../images/iconos_comunidad.gif) no-repeat -44px bottom; height:22px; width:22px; display:block; text-indent:-9999px; margin-right:5px; float:left;} .delicious img { width:1px; height:1px;} .delicious:hover {background:url(../images/iconos_comunidad.gif) no-repeat -44px top; height:22px;} .addthis {background:url(../images/iconos_comunidad.gif) no-repeat -110px bottom; height:22px; width:22px; display:block; text-indent:-9999px; float:left;} .addthis img { width:1px; height:1px;} .addthis:hover {background:url(../images/iconos_comunidad.gif) no-repeat -110px top; height:22px;} #content_home .lateral {width:315px; float:left; height:auto;} .askadba {background:#f4f4f4 url(../images/image_askadba.gif) no-repeat 10px 15px; padding:15px 0px 0 0px; margin:20px 0; *margin:15px 0; /*correcci�n para ie6 - ie7*/ height:auto;} .askadba h2 {color:#e64025; font-size:28px; margin-bottom:10px;} .askadba .listado_preguntas {margin-left:76px;} .askadba .btn:hover {background:#333;} .askadba h3 {color:#e64025; font-size:14px; margin:10px 0; position:relative; _margin:5px 0;} .askadba ul li {clear:both;} .askadba ul li .miscelanea {color:#e64025; float:left; margin:0 4px 0 0; width:8px;} .askadba ul li a {color:#555555; float:left; width:226px; margin-bottom:5px;} .askadba ul li a:hover {color:#000;} .askadba .back_linea {background:#e64025; width:315px; height:10px; display:block; position:absolute;} .askadba .hr {margin:5px 10px;} .askadba .links {display:block; margin:15px 10px 0 0;color:#999;} .askadba .links a {padding:4px 0; color:#e64025; font-size:10px; text-transform:uppercase;} .askadba .links a:hover {color:#bf250c;} .askadba .links .hacerpregunta {background:#e64025; padding:4px 0; display:block; color:#FFF; text-transform:uppercase; text-align:center; font-size:13px; width:158px; margin:10px 0 5px 0; font-weight:bold;} .askadba .links .hacerpregunta:hover {background:#bf250c; color:#FFF;} .tweets {background:#f4f4f4 no-repeat 10px 15px; padding:10px 0px 0 0px; margin:40px 0; *margin-top:40px; _margin-top:40px;/*correcci�n para ie6 - ie7*/} .tweets .back_linea {background:#2F9DC7; width:315px; height:10px; display:block; position:absolute;} .tweets h2 {color:#2F9DC7; font-size:24px; margin:10px 0 10px 10px; text-transform:uppercase;} .tweets p {margin:0 10px; color:#333; margin-bottom:10px;} .tweets p span {color:#555; font-size:11px;} .tweets a {color:#2F9DC7;} .tweets a:hover {color:#1078a0;} .tweets a.follow {background:url(../images/image_tweet.gif) no-repeat right top; padding:10px 30px 10px 0; color:#2F9DC7; font-weight:bold; width:40px; margin:10px 0 0 234px; display:block; } .tweets a:hover.follow {color: #1078a0;} .recomienda {background:#f4f4f4 no-repeat 10px 15px; padding:10px 0px 0 0px; margin:40px 0; *margin:30px 0; /*correcci�n para ie6 - ie7*/} .recomienda .back_linea {background:#80AE1B; width:315px; height:10px; display:block;} .recomienda h2 {color:#80AE1B; font-size:24px; margin:10px 0 10px 10px; text-transform:uppercase;} .recomienda p {margin:0 10px 0 0; color:#333; padding-bottom:10px; float:left; display:block; width:200px;} .recomienda p span {color:#555; font-size:11px;} .recomienda a {color:#80AE1B;} .recomienda a:hover {color:#638c08;} .recomienda .fotoperfil {float:left; border:4px solid #E8E8E8; margin:0 8px 5px 10px;} .recomienda .retweet { display:block; clear:both; height:auto; margin-bottom:5px;} /* ------------>> Carousel styles <<<-------------*/ /** casos **/ #carousel-wrapper {width:315px; height:285px; *height:275px; /*corrección para ie6 - ie7*/ overflow:hidden; position:relative;} #carousel-content {width: 3500px;} #carousel-content .slide {float: left;width: 315px;height: 285px;} #carousel-content .slide img {border:1px solid #f1f1f1; margin-bottom:10px;} #carousel-content .slide p {color:#555555;} #carousel-content .slide p strong {color: #80ae1b;} #carousel-content .slide .texto {margin:5px 0; width:315px;} #carousel-content .slide a {color: #80ae1b; text-transform:uppercase; font-size:11px;} #carousel-content .slide a:hover {color: #638c08;} #carousel-content .slide p {color: #555555;} .casos h2 {color:#80ae1b; font-size:28px; text-transform:uppercase; float:left;} #carousel-control {width: 40px;float: right;padding-top: 4px;} .casos .pagination a.previous {float:left; background:url(../images/paginador.gif) no-repeat; width:19px; height:17px; text-indent:-9999px;} .casos .pagination a.previous:hover {background:url(../images/paginador.gif) no-repeat 0 bottom;} .casos .pagination a.next {float:right; background:url(../images/paginador.gif) no-repeat -22px 0; width:19px; height:17px; text-indent:-9999px;} .casos .pagination a.next:hover {background:url(../images/paginador.gif) no-repeat -22px bottom;} /** compartimos **/ #carousel-wrapper-compartimos {width:590px; height:500px; *height:500px; float:left; margin-right:20px; margin-top:20px; /*corrección para ie6 - ie7*/ overflow:hidden; position:relative;} #carousel-content-compartimos .slide {float: left;width: 590px; height: 500px;} #carousel-content-compartimos .slide img {border:1px solid #f1f1f1; margin-bottom:10px;} #carousel-content-compartimos .slide p {color:#555555;} #carousel-content-compartimos .slide p strong {color: #80ae1b;} #carousel-content-compartimos .slide .texto {margin:5px 0; width:315px;} #carousel-content-compartimos .slide a {color: #80ae1b; text-transform:uppercase; font-size:11px;} #carousel-content-compartimos .slide a:hover {color: #638c08;} #carousel-content-compartimos .slide p {color: #555555;} /* ----------------->> Contenido Somos <<<------------------*/ #content_somos {margin:0 auto; width:645px; text-align:left; height:auto; padding:50px 320px 50px 0;} #content_somos h2 {color:#E64025; font-size:38px; text-transform:uppercase;} #content_somos h3 {text-transform:uppercase; font-size:21px; color:#555555; margin:14px 0;} #content_somos h3 .cufon {margin:2px 0;} #content_somos p {color:#848484; margin:20px 0 0 0; line-height:18px;} #content_somos .txt_1 {color:#555555; font-size:15px; line-height:20px;} #content_somos .txt_1 strong {color:#E64025; font-weight:normal;} /* ----------------->> Contenido Compartimos <<<------------------*/ #content_compartimos {margin:0 auto; width:965px; text-align:left; height:auto; padding:50px 0;} #content_compartimos h2 {color:#80AE1B; font-size:38px; text-transform:uppercase;} #content_compartimos h3 {font-size:15px; color:#555555; margin:14px 0; font-weight:normal; line-height:20px;} #content_compartimos .herramienta {width:590px; margin:0 60px 0 0;} #content_compartimos .herramienta h4 {color:#2F9DC7; font-size:18px; font-weight:normal; margin-bottom:20px;} #content_compartimos .herramienta p {color:#555555; margin:20px 0 0 0; line-height:18px;} #content_compartimos .herramienta ul {color:#555555;} #content_compartimos .herramienta li {margin-bottom:5px; clear:both; line-height:18px;} #content_compartimos .herramienta li .miscelanea {color:#2F9DC7; margin:0 4px 0 0; width:8px; float:left; display:block;} #content_compartimos .herramienta li span {float:left; width:575px;} #content_compartimos .herramienta .txt_1 {text-transform:uppercase; font-size:14px; color:#2B2A2A;} #content_compartimos .herramienta .txt_1 a {font-size:12px; text-transform:none;} #content_compartimos .herramienta a {color:#2F9DC7;} #content_compartimos .herramienta a:hover {color:#1078a0;} #content_compartimos .submenu {background:#F4F4F4 none no-repeat scroll 10px 15px; padding:10px 0 0; width:315px; float:left; margin-top:20px;} #content_compartimos .submenu h5 {font-size:19px; text-transform:uppercase; color:#555555; margin:5px 10px;} #content_compartimos .submenu .hr2 {margin:0 10px;} #content_compartimos .submenu ul {padding:15px 10px!important; color:#80AE1B; _padding:0 10px 10px 10px!important; /*correcci�n para ie6*/} #content_compartimos .submenu li { margin-bottom:5px;} #content_compartimos .submenu li a {color:#555555;} #content_compartimos .submenu li a.carousel-selected {color:#80AE1B;} #content_compartimos .submenu li a:hover {color:#000;} #content_compartimos .submenu li a.carousel-selected:hover {color:#80AE1B;} #content_compartimos .submenu .back_linea {background:#80AE1B none repeat scroll 0 0; display:block; height:10px; position:absolute; width:315px;} /* ----------------->> Contenido Ask a Dba <<<------------------*/ #content_askadba {margin:0 auto; width:965px; text-align:left; height:auto; padding:50px 0; min-height:720px; height:auto!important; height:720px;} #content_askadba .preguntas {width:590px; float:left; margin:20px 60px 0 0; height:auto;} #content_askadba .lateral {width:315px; float:left; margin-top:20px;} #content_askadba .lateral .askadba {*margin-bottom:40px; /*correcci�n para ie6 - ie7*/} #content_askadba .preguntas h2 {color:#E64025; font-size:38px; float:left;} #content_askadba .preguntas h5 {float:right; font-size:14px; color:#848484; margin-top:20px; font-weight:normal;} #content_askadba .preguntas h5 a {color:#848484;} #content_askadba .preguntas h5 a:hover {color:#000;} #content_askadba .preguntas h4 {font-size:21px; color:#7D7D7D; margin:14px 0; font-weight:normal; text-transform:uppercase;} #content_askadba .preguntas h4 .cufon {margin:2px 0;} #content_askadba .preguntas .item {line-height:18px; color:#555555; padding:8px 0; height:auto;} #content_askadba .preguntas .item .miscelanea {color:#E64025; margin:0 4px 0 0; width:8px; float:left; display:block;} #content_askadba .preguntas .item span {float:left; width:575px; height:auto;} #content_askadba .preguntas .item a {color:#E64025;} #content_askadba .preguntas .item a:hover { color:#bf250c;} #content_askadba .preguntas .item a strong {font-size:13px; font-weight:bold; color:#000;} #content_askadba .preguntas .item a:hover strong{color:#E64025;} #content_askadba .preguntas .hr2 {clear:both;} #content_askadba .preguntas .pagination {margin:10px 0 25px 0; float:right;} #content_askadba .preguntas .pagination strong {float:left; margin-right:5px; color:#E64025;} #content_askadba .preguntas .pagination a {float:left; margin-right:5px; color:#848484;} #content_askadba .preguntas .pagination a:hover {color:#555555;} #content_askadba .formulario {width:590px; float:left; margin:20px 60px 0 0; height:auto;} #content_askadba .formulario h2 {color:#E64025; font-size:38px; float:left;} #content_askadba .formulario h5 {float:right; font-size:14px; color:#848484; margin-top:20px; font-weight:normal;} #content_askadba .formulario h5 a {color:#848484; font-weight:bold;} #content_askadba .formulario h5 a:hover {color:#000;} #content_askadba .formulario h4 {font-size:21px; color:#7D7D7D; margin:14px 0; font-weight:normal; text-transform:uppercase;} #content_askadba .formulario h4 .cufon {margin:2px 0;} #content_askadba .formulario p {color:#333;} #content_askadba .formulario .copy {color:#7D7D7D; font-size:11px; margin-bottom:5px;} #content_askadba .formulario input {width:250px; margin-bottom:10px;} #content_askadba .formulario textarea {height:100px; width:588px; margin-bottom:10px;} #content_askadba .formulario .btn {cursor:pointer; background:#000; color:#FFF; border:0; font-weight:bold; width:100px!important;} #content_askadba .formulario .btn:hover {background:#333;} /** preview de pregunta **/ #content_askadba .formulario .respuestas {width: 100%; margin:20px 0 0 0; color: #000000; } #content_askadba .formulario .respuestas p {line-height:18px; margin:10px 0; clear:both;} #content_askadba .formulario .respuestas .txt_1 {text-transform:uppercase; color:#333333; font-size:16px; margin-bottom:15px;} #content_askadba .formulario .respuestas .miscelanea {color:#E64025; margin:0 4px 0 0; width:8px; float:left; display:block;} #content_askadba .formulario .respuestas span {float:left; width: auto; } #content_askadba .formulario .respuestas .txt_2 {color:#E64025; font-size:13px; float:left;} #content_askadba .formulario .respuestas .txt_3 {color:#555555; font-size:12px; float:left;} #content_askadba .formulario .respuestas a {color:#E64025;} #content_askadba .formulario .respuestas a:hover {color:#000;} #content_askadba #askadba_preview_question {margin-bottom:40px;} #content_askadba #askadba_preview_body .txt_3 {background:#FFF;} .lateral .categorias {margin:10px 0; height:auto;} .lateral .categorias h3 {font-size:19px; margin-bottom:8px; color:#000;} .lateral .categorias h5 {font-size:19px; margin-bottom:8px; color:#000;} .lateral .categorias a {display:block; padding:6px 5px; color:#000;} .lateral .categorias a:hover {color:#333;} .lateral .categorias .cat1 {background:#ee4520; filter:alpha(opacity=80); opacity:0.8; margin-top:8px;} .lateral .categorias .cat2 {background:#ec6142; filter:alpha(opacity=80); opacity:0.8; margin-top:-3px;} .lateral .categorias .cat3 {background:#f18e36; filter:alpha(opacity=80); opacity:0.8; margin-top:-3px;} .lateral .categorias .cat4 {background:#fac931; filter:alpha(opacity=80); opacity:0.8; margin-top:-3px;} .lateral .categorias .cat5 {background:#78a23b; filter:alpha(opacity=80); opacity:0.8; margin-top:-3px;} .lateral .categorias .cat6 {background:#6abdcd; filter:alpha(opacity=80); opacity:0.8; margin-top:-3px;} .lateral .masvistas {margin:10px 0; height:auto;} .lateral .masvistas h3 {font-size:19px; margin-bottom:4px; color:#000;} .lateral .masvistas h5 {font-size:19px; margin-bottom:4px; color:#000;} .lateral .masvistas {margin-top:5px;} .lateral .masvistas li {clear:both; margin-bottom:10px;} .lateral .masvistas li .miscelanea {color:#e64025; float:left; margin:0 4px 0 0; width:8px;} .lateral .masvistas li a {color:#555555; float:left; width:282px; margin-bottom:2px;} .lateral .masvistas li a:hover {color:#000;} .lateral .ultimoscomentarios {margin:10px 0; height:auto;} .lateral .ultimoscomentarios h5 {font-size:19px; margin-bottom:4px; color:#000;} .lateral .ultimoscomentarios {margin-top:5px; color:#555555;} .lateral .ultimoscomentarios li {clear:both; padding:5px 0 15px 0;} .lateral .ultimoscomentarios li .miscelanea {color:#e64025; float:left; margin:0 4px 0 0; width:8px;} .lateral .ultimoscomentarios li a {color:#80AE1B; float:left; width:282px; margin-bottom:2px;} .lateral .ultimoscomentarios li a:hover {color:#638c08;} .lateral .ultimoscomentarios li span { color:#999; font-size:10px; text-transform:uppercase;} .lateral .archivosanio {margin:10px 0; height:auto;} .lateral .archivosanio h5 {font-size:19px; margin-bottom:4px; color:#000;} .lateral .archivosanio {margin-top:5px;} .lateral .archivosanio ul {margin-top:10px;} .lateral .archivosanio li {margin:0 20px 5px 0; width:135px; display:block;float:left;} .lateral .archivosanio li .miscelanea {color:#E64025; margin:0 4px 0 0; width:8px;} .lateral .archivosanio li a {color:#555555; margin-bottom:2px;} .lateral .archivosanio li a:hover {color:#000;} #content_askadba .respuestas {width:590px; float:left; margin:20px 60px 0 0; height:auto;} #content_askadba .respuestas h2 {color:#E64025; font-size:38px; text-transform:uppercase; float:left;} #content_askadba .respuestas h5 {float:right; font-size:13px; color:#848484; margin-top:20px;} #content_askadba .respuestas h5 a {color:#848484;} #content_askadba .respuestas p {line-height:18px;} #content_askadba .respuestas .txt_1 {text-transform:uppercase; font-size:16px; color:#333; margin-bottom:15px;} #content_askadba .respuestas .miscelanea {color:#E64025; margin:0 4px 0 0; width:8px; float:left; display:block;} #content_askadba .respuestas .miscelanea2 {color:#80AE1B; margin:0 4px 0 0; width:8px; float:left; display:block; font-weight:bold;} /*#content_askadba .respuestas span {float:left; width:575px; } */ #content_askadba .respuestas .txt_2 {color:#E64025; font-size:13px; display:block;} #content_askadba .respuestas .txt_3 {color:#999999; font-size:11px; margin:5px 0 3px 0; text-align:right; background:#F4F4F4; padding:4px; display:block;} #content_askadba .respuestas .txt_question { color:#555; padding-top:10px; display:block; margin-bottom:20px;} #content_askadba .respuestas a {color:#E64025;} #content_askadba .respuestas a:hover {color:#000;} #content_askadba .respuestas h3 {font-size:18px; color:#80AE1B; margin-top:15px; text-transform:uppercase;} #content_askadba .respuestas .resp_com {margin:10px 0 0 0; color:#555; clear: both; } #content_askadba .respuestas .comentarios .resp_com {background:#f5f5f5; padding:10px;} #content_askadba .respuestas .comentarios p strong {color:#848484; font-weight:normal;} #content_askadba .respuestas .form {margin:0 0 40px 0;} #content_askadba .respuestas .form .copy {color:#555; font-size:11px; margin-bottom:8px;} #content_askadba .respuestas .form h3 {font-size:16px; color:#555; margin:25px 0 5px 0;} #content_askadba .respuestas .form input, #content_askadba .respuestas .form textarea {margin-bottom:5px; width:300px;} #content_askadba .respuestas .form textarea {height:48px;} #content_askadba .respuestas .form p {color:#848484;} #content_askadba .respuestas .btn {cursor:pointer; background:#000; color:#FFF; border:0; font-weight:bold; width:100px!important;} #content_askadba .respuestas .btn:hover {background:#333;} #content_askadba .respuestas .pregunta {margin-top:18px;} #content_askadba .respuestas .txt_pregunta {margin-bottom:5px;} #content_askadba .respuestas #askadba_question_user_comment_form_div { margin-left:0;} #content_askadba .respuestas .txt_comentario { } #content_askadba .fotoperfil {border:4px solid #E8E8E8; display:block; float:left;} #content_askadba .comentarios .txt1 {color:#aeafac; font-size:13px; margin-left:65px;} #content_askadba .comentarios .txt1 strong {color:#80AE1B!important; font-size:14px; font-weight:bold!important;} #content_askadba .comentarios .resp_com .txt1 {font-weight:bold!important; color:#797778;} #content_askadba .comentarios .txt2 {color:#797778; font-size:12px; margin:10px 0 15px 65px; width:510px;} #content_askadba .comentarios .resp_com .txt2 {margin:10px 0 0 65px;} /* ----------------->> Contenido Pensamos <<<------------------*/ #content_pensamos {height:auto; margin:0 auto; padding:50px 0; text-align:left; width:965px;} #content_pensamos .contenidos_postinterior {float:left; height:auto; margin:0 60px 0 0; width:590px;} #content_pensamos .contenidos_postinterior_v2 {float:left; height:auto; padding:50px 320px 50px 0; width:645px;} #content_pensamos .lateral {width:315px; float:left; margin:10px 0 20px 0;} #content_pensamos h2 {color:#2F9DC7; font-size:38px; text-transform:uppercase; } #content_pensamos h6 a {color:#848484; float:right; font-size:14px; font-weight:normal; margin-top:-18px;} #content_pensamos h6 a:hover {color:#555;} #content_pensamos .comentarios {margin-top: 10px; margin: 6px 0 15px 0; height:auto;} #content_pensamos .comentarios .miscelanea2 {color:#80AE1B; margin:0 4px 0 0; width:8px; font-weight:bold;} #content_pensamos .comentarios span { width:565px;} #content_pensamos .comentarios a {color:#638c08;} #content_pensamos .comentarios a:hover {color:#80AE1B;} #content_pensamos .comentarios h4 {font-size:18px; color:#80AE1B; margin-top:15px;} #content_pensamos .comentarios strong {color:#848484; font-weight:normal;} #content_pensamos .comment img {border:#e8e8e8 4px solid; margin-bottom:20px; margin-right:10px!important;} #content_pensamos .comment .texto_comentarios {float:left; display:block; width:530px; color:#555555; margin-bottom:20px;} #content_pensamos .comment {clear:both;} #content_pensamos .comment .profile_name {color:#000;} #content_pensamos .comment .comment_date {color:#848484;} #content_pensamos .comentario h5 {font-size:16px; color:#555; margin-top:15px; margin-bottom:4px;} #content_pensamos .comentario h4 {font-weight: normal; color:#848484;} #login-provider-icons-comentario { margin:-10px 0 20px 0; display:block;} #content_pensamos .comentario .btn {cursor:pointer; background:#000; color:#FFF; border:0; font-weight:bold; width:60px!important;} #content_pensamos .comentario .btn:hover {background:#333;} #content_pensamos .comentario .form input, #content_askadba .respuestas .form textarea {margin-bottom:5px; width:300px;} #content_pensamos .comentario .form textarea {height:48px;} #content_pensamos .lateral .masvistas li .miscelanea {color:#2F9DC7;} /* ----------------->> Contenido Pensamos_home <<<------------------*/ #pensamos_home {height:auto; margin:0 auto; padding:50px 0; text-align:left; width:965px;} #pensamos_home .contenidos_postinterior {float:left; height:auto; margin:0 60px 0 0; width:590px;} #pensamos_home h2 {color:#2F9DC7; font-size:38px; text-transform:uppercase;} #pensamos_home h6 a {color:#848484; float:right; font-size:14px; font-weight:normal; margin-top:-18px;} #pensamos_home h6 a:hover {color:#555;} #pensamos_home h4 strong {color:#7D7D7D; font-size:21px; font-weight:normal; margin:14px 0; text-transform:uppercase;} #pensamos_home h4 {color:#555555; font-size:21px; font-weight:normal; margin:14px 0; text-transform:capitalize;} #pensamos_home .lateral {width:315px; float:left; margin:10px 0 20px 0; /*_float:right;*/ _margin:10px 0 0 -240px; _position:absolute;} #pensamos_home .lateral .masvistas li .miscelanea {color:#2F9DC7;} span.twitter {cursor:pointer;} span.facebook {cursor:pointer;} /* ----------------->> Contenido Hacemos <<<------------------*/ #content_hacemos {margin:0 auto; width:965px; text-align:left; height:auto; padding:50px 0;} #content_hacemos h2 {color:#AFAEAE; font-size:38px; margin-bottom:7px;} #content_hacemos .h2dba strong {color:#E64025;} #content_hacemos .h2web strong {color:#80AE1B;} #content_hacemos .h2backoffice strong {color:#2F9DC7;} #content_hacemos .intro {font-size:16px; color:#7d7d7d; margin:10px 0; height:61px;} #content_hacemos .lateral {width:315px; float:left; margin-bottom:20px;} #content_hacemos .lateral .grafico {margin-top:40px; *margin-top:33px; _margin-top:29px; /*corrección para ie6 - ie7*/ background:url(../images/grafico_hacemos.gif) no-repeat 135px 19px; width:315px; height:230px; padding-top:48px; } #content_hacemos .lateral .grafico a {color:#FFF; display:block; margin-bottom:32px;} #content_hacemos .lateral .grafico a:hover {color:#F1F1F1;} #content_hacemos .lateral .grafico span { margin-left:193px; color:#fff;} #content_hacemos .lateral .casos h2 {color:#80AE1B; font-size:28px; text-transform:uppercase;} #content_hacemos .detalle_dba {width:550px; float:left; margin:40px 60px 40px 0; height:auto; padding:20px; background:#FFF;} #content_hacemos .detalle_dba h4 {font-size:18px; margin-bottom:10px;} #content_hacemos .detalle_dba li {clear:both;} #content_hacemos .detalle_dba li span {float:left; width:530px; height:auto; line-height:16px; margin-bottom:5px; font-size:13px;} #content_hacemos .detalle_dba li .miscelanea {color:#E64025; margin:0 4px 0 0; width:8px; float:left; display:block;} #content_hacemos .detalle_dba table {width:250px; display:table; margin:10px 0 20px 100px; border-collapse:collapse; clear:both;} #content_hacemos .detalle_dba table thead tr th {background:#E64025; padding:2px; color:#FFF; text-align:center; border: 1px solid #FFF;} #content_hacemos .detalle_dba table thead tr td {background:#eb6d51; padding:2px; color:#FFF; text-align:center; border: 1px solid #FFF;} #content_hacemos .detalle_dba table tbody tr td {background:#ededed; padding:2px; text-align:center; border: 1px solid #FFF;} #content_hacemos .detalle_dba h5 {font-size:16px; margin:20px 0 5px 0; color:#E64025;} #content_hacemos .detalle_dba br {clear:both;} #content_hacemos .detalle_dba .listado2 li span {float:left; width:530px; height:auto; line-height:16px; margin-bottom:0; font-size:12px; color:#555555;} #content_hacemos .detalle_dba .listado2 li .miscelanea {color:#E64025; margin:0 4px 0 0; width:8px; float:left; display:block;} #content_hacemos .detalle_dba .txt_1 {margin:15px 0 5px 0; color:#555555;} #content_hacemos .detalle_web {width:550px; float:left; margin:40px 60px 40px 0; height:auto; padding:20px; background:#FFF; min-height:300px; height:auto!important; height:300px;} #content_hacemos .detalle_web h4 {font-size:18px; margin-bottom:10px; } #content_hacemos .detalle_web li {height:auto; line-height:18px; margin-bottom:12px; font-size:15px;} #content_hacemos .detalle_web br {clear:both;} #content_hacemos .detalle_web .listado2 {margin-bottom:10px; clear:both;} #content_hacemos .detalle_web .listado2 li {width:530px; height:auto; line-height:16px; margin-bottom:0; font-size:12px; color:#555555; margin-bottom:12px;} #content_hacemos .detalle_web .listado2 li strong {color:#80AE1B;} #content_hacemos .detalle_web p {line-height:18px;} #content_hacemos .detalle_web a {color:#80AE1B;} #content_hacemos .detalle_web a:hover {color:#638C08;} #content_hacemos .detalle_backoffice {width:550px; float:left; margin:40px 60px 40px 0; height:auto; padding:20px; background:#FFF;} #content_hacemos .detalle_backoffice h4 {font-size:18px; margin-bottom:10px; } #content_hacemos .detalle_backoffice br {clear:both;} #content_hacemos .detalle_backoffice li {clear:both;} #content_hacemos .detalle_backoffice li span {float:left; width:530px; height:auto; line-height:16px; margin-bottom:5px; font-size:13px;} #content_hacemos .detalle_backoffice li .extra_info { margin:-4px 0 10px 11px; width:500px; color:#999; font-size:10px;} #content_hacemos .detalle_backoffice li .miscelanea {color:#2F9DC7; margin:0 4px 0 0; width:8px; float:left; display:block;} #content_hacemos .detalle_backoffice .txt_1 {font-size:15px; line-height:18px;} #content_hacemos .detalle_backoffice p {margin-bottom:10px;} #content_hacemos .detalle_backoffice a {color:#2F9DC7;} #content_hacemos .detalle_backoffice a:hover {color:#1078A0;} /* ----------------->> Contenido Perfil <<<------------------*/ #content_perfil {min-height:350px; height:auto!important; height:350px; margin:0 auto; padding:50px 0; text-align:left; width:965px;} #content_perfil .contenidos_postinterior_v2 {float:left; height:auto; padding:0 320px 50px 0; width:645px;} #content_perfil h2 {color:#2F9DC7; font-size:38px; text-transform:uppercase;} #content_perfil .btn {background:#000; color:#FFF;} #content_perfil .btn:hover {background:#333;} #content_perfil .name {font-weight:bold; color:#2F9DC7;} #content_perfil .info {} #content_perfil .copy {font-size:11px; color:#999; padding-top:10px; line-height:16px;} #content_perfil .extra {font-size:12px; color:#555; line-height:18px;} #content_perfil #user_profile_form { margin:18px 0 10px 0;} #content_perfil .message {color:#E64025;} #content_perfil .message2 {color:#2F9DC7; font-size:14px;} /* ----------------->> Contenido Error <<<------------------*/ #wrapper_error {background:url(../images/linea_back_2.gif) no-repeat center -580px; width:100%; margin:0 auto; height:100%;} #contenido_error {height:auto; margin:0 auto; padding:50px 320px 50px 0; text-align:left;width:645px;} #contenido_error .hr {margin:20px 0;} #contenido_error h2 {color:#80AE1B; font-size:19px; margin-bottom:15px;} #contenido_error p {color:#555555; font-size:12px; height:auto; line-height:16px; margin-bottom:12px;} #contenido_error ul {position:relative; margin-left:-10px;} #contenido_error ul li {float:left; color:#80AE1B;} #contenido_error ul li a {padding:0 10px; color:#999;} #contenido_error ul li a:hover {color:#555;} /* ----------------->> Contenido Buscador <<<------------------*/ #content_buscador {margin:0 auto; width:670px; text-align:left; padding:50px 295px 50px 0; min-height:410px; height:auto !important; height:410px;} #content_buscador h2 {color:#80AE1B; font-size:38px; text-transform:uppercase; margin-bottom:7px;} #content_buscador h3 {text-transform:uppercase; font-size:21px; color:#7D7D7D; margin:14px 0;} #content_buscador h3 .cufon {margin:2px 0;} #content_buscador h3 strong { text-transform:capitalize; color:#555555;} #content_buscador p {color:#848484; margin:20px 0 0 0; line-height:18px;} #content_buscador p strong {color:#555555; font-size:13px;} #content_buscador p a {color:#80AE1B;} #content_buscador p a:hover {color:#638c08;} /* GOOGLE SEARCH STYLE */ #cse .gs-title { color:#555555; font-weight: bold; font-size:13px; margin-top: 10px; } #cse .gs-snippet { color:#848484; margin:2px 0 0 0; line-height:18px;} #cse .gs-snippet b { font-style: italic; color: #777777} #cse .gs-visibleUrl-short { display: none; } #cse .gs-visibleUrl-long { display: inline; color:#80AE1B; } #cse .gsc-input { font-size: 18px; } #cse .gsc-search-button {cursor:pointer; background:#e64825; color:#FFF; border:0; font-weight:bold; width:80px; font-size: 18px;} #cse .gsc-search-button:hover {background:#da2d07;} /** * SyntaxHighlighter * http://alexgorbatchev.com/ * * SyntaxHighlighter is donationware. If you are using it, please donate. * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate * * @version * 2.1.364 (October 15 2009) * * @copyright * Copyright (C) 2004-2009 Alex Gorbatchev. * * @license * This file is part of SyntaxHighlighter. * * SyntaxHighlighter is free software: you can redistribute it and/or modify * it under the terms of the GNU Lesser General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * SyntaxHighlighter is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with SyntaxHighlighter. If not, see . */ .syntaxhighlighter, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody { margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: none !important; text-align: left !important; float: none !important; vertical-align: baseline !important; position: static !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; height: auto !important; width: auto !important; line-height: 1.1em !important; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; min-height: inherit !important; /* For IE8, FF & WebKit */ min-height: auto !important; /* For IE7 */ } .syntaxhighlighter { width: 99% !important; /* 99% fixes IE8 horizontal scrollbar */ margin: 1em 0 1em 0 !important; padding: 1px !important; /* adds a little border on top and bottom */ position: relative !important; } .syntaxhighlighter .bold { font-weight: bold !important; } .syntaxhighlighter .italic { font-style: italic !important; } .syntaxhighlighter .line { } .syntaxhighlighter .no-wrap .line .content { white-space: pre !important; } .syntaxhighlighter .line table { border-collapse: collapse !important; } .syntaxhighlighter .line td { vertical-align: top !important; } .syntaxhighlighter .line .number { width: 3em !important; } .syntaxhighlighter .line .number code { width: 2.7em !important; padding-right: .3em !important; text-align: right !important; display: block !important; } .syntaxhighlighter .line .content { padding-left: .5em !important; } .syntaxhighlighter .line .spaces { } /* Disable border and margin on the lines when no gutter option is set */ .syntaxhighlighter.nogutter .line .content { border-left: none !important; } .syntaxhighlighter .bar { display: none !important; } .syntaxhighlighter .bar.show { display: block !important; } .syntaxhighlighter.collapsed .bar { display: block !important; } /* Adjust some properties when collapsed */ .syntaxhighlighter.collapsed .lines { display: none !important; } .syntaxhighlighter .lines.no-wrap { overflow: auto !important; overflow-y: hidden !important; } /* Styles for the toolbar */ .syntaxhighlighter .toolbar { position: absolute !important; right: 0px !important; top: 0px !important; font-size: 1px !important; padding: 8px 8px 8px 0 !important; /* in px because images don't scale with ems */ } .syntaxhighlighter.collapsed .toolbar { font-size: 80% !important; padding: .2em 0 .5em .5em !important; position: static !important; } .syntaxhighlighter .toolbar a.item, .syntaxhighlighter .toolbar .item { display: block !important; float: left !important; margin-left: 8px !important; background-repeat: no-repeat !important; overflow: hidden !important; text-indent: -5000px !important; } .syntaxhighlighter.collapsed .toolbar .item { display: none !important; } .syntaxhighlighter.collapsed .toolbar .item.expandSource { background-image: url(../js/syntaxhighlighter/styles/magnifier.png) !important; display: inline !important; text-indent: 0 !important; width: auto !important; float: none !important; height: 16px !important; padding-left: 20px !important; } .syntaxhighlighter .toolbar .item.viewSource { background-image: url(../js/syntaxhighlighter/styles/page_white_code.png) !important; } .syntaxhighlighter .toolbar .item.printSource { background-image: url(../js/syntaxhighlighter/styles/printer.png) !important; } .syntaxhighlighter .toolbar .item.copyToClipboard { text-indent: 0 !important; background: none !important; overflow: visible !important; } .syntaxhighlighter .toolbar .item.about { background-image: url(../js/syntaxhighlighter/styles/help.png) !important; } /** * Print view. * Colors are based on the default theme without background. */ .syntaxhighlighter.printing, .syntaxhighlighter.printing .line.alt1 .content, .syntaxhighlighter.printing .line.alt2 .content, .syntaxhighlighter.printing .line.highlighted .number, .syntaxhighlighter.printing .line.highlighted.alt1 .content, .syntaxhighlighter.printing .line.highlighted.alt2 .content, { background: none !important; } /* Gutter line numbers */ .syntaxhighlighter.printing .line .number { color: #bbb !important; } /* Add border to the lines */ .syntaxhighlighter.printing .line .content { color: #000 !important; } /* Toolbar when visible */ .syntaxhighlighter.printing .toolbar { display: none !important; } .syntaxhighlighter.printing a { text-decoration: none !important; } .syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a { color: #000 !important; } .syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a { color: #008200 !important; } .syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a { color: blue !important; } .syntaxhighlighter.printing .keyword { color: #069 !important; font-weight: bold !important; } .syntaxhighlighter.printing .preprocessor { color: gray !important; } .syntaxhighlighter.printing .variable { color: #a70 !important; } .syntaxhighlighter.printing .value { color: #090 !important; } .syntaxhighlighter.printing .functions { color: #ff1493 !important; } .syntaxhighlighter.printing .constants { color: #0066CC !important; } .syntaxhighlighter.printing .script { font-weight: bold !important; } .syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a { color: #808080 !important; } .syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a { color: #ff1493 !important; } .syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a { color: red !important; } /************************************ * Default Syntax Highlighter theme. * * Interface elements. ************************************/ .syntaxhighlighter { background-color: #fff !important; } /* Highlighed line number */ .syntaxhighlighter .line.highlighted .number { color: black !important; } /* Highlighed line */ .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { background-color: #e0e0e0 !important; } /* Gutter line numbers */ .syntaxhighlighter .line .number { color: #afafaf !important; } /* Add border to the lines */ .syntaxhighlighter .line .content { border-left: 3px solid #6CE26C !important; color: #000 !important; } .syntaxhighlighter.printing .line .content { border: 0 !important; } /* First line */ .syntaxhighlighter .line.alt1 { background-color: #fff !important; } /* Second line */ .syntaxhighlighter .line.alt2 { background-color: #F8F8F8 !important; } .syntaxhighlighter .toolbar { background-color: #F8F8F8 !important; border: #E7E5DC solid 1px !important; } .syntaxhighlighter .toolbar a { color: #a0a0a0 !important; } .syntaxhighlighter .toolbar a:hover { color: red !important; } /************************************ * Actual syntax highlighter colors. ************************************/ .syntaxhighlighter .plain, .syntaxhighlighter .plain a { color: #000 !important; } .syntaxhighlighter .comments, .syntaxhighlighter .comments a { color: #008200 !important; } .syntaxhighlighter .string, .syntaxhighlighter .string a { color: blue !important; } .syntaxhighlighter .keyword { color: #069 !important; font-weight: bold !important; } .syntaxhighlighter .preprocessor { color: gray !important; } .syntaxhighlighter .variable { color: #a70 !important; } .syntaxhighlighter .value { color: #090 !important; } .syntaxhighlighter .functions { color: #ff1493 !important; } .syntaxhighlighter .constants { color: #0066CC !important; } .syntaxhighlighter .script { background-color: yellow !important; } .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { color: #808080 !important; } .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { color: #ff1493 !important; } .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { color: red !important; } /***************** MODAL BOX *****************/ #MB_overlay { position: absolute; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; border: 0; background-color: #000 !important; } #MB_overlay[id] { position: fixed; } #MB_window { position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 10000; } #MB_window[id] { position: fixed !important; } #MB_frame { position: relative; background-color: #EFEFEF; height: 100%; } #MB_header { margin: 0; padding: 0; } #MB_content { position: relative; padding: 6px .75em; overflow: auto; } #MB_caption { font: bold 100% "Lucida Grande", Arial, sans-serif; text-shadow: #FFF 0 1px 0; padding: .5em 2em .5em .75em; margin: 0; text-align: left; } #MB_close { display: block; position: absolute; right: 5px; top: 4px; padding: 2px 3px; font-weight: bold; text-decoration: none; font-size: 13px; } #MB_close:hover { background: transparent; } #MB_loading { padding: 1.5em; text-indent: -10000px; background: transparent url(../images/spinner.gif) 50% 0 no-repeat; } /* Color scheme */ #MB_window { background-color: #EFEFEF; color: #000; -webkit-box-shadow: 0 0 64px #000; -moz-box-shadow: #000 0 0 64px; box-shadow: 0 0 64px #000; } #MB_frame { padding-bottom: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #MB_content { border-top: 1px solid #F9F9F9; } #MB_header { background-color: #DDD; border-bottom: 1px solid #CCC; } #MB_caption { color: #000 } #MB_close { color: #777 } #MB_close:hover { color: #000 } /* Alert message */ .MB_alert { margin: 10px 0; text-align: center; } /********* END MODAL BOX *********/