* {margin: 0;padding: 0;font-family:Verdana,Helvetica,Arial, Helvetica,sans-serif;} body { background: #636b70 url(/images/bg2.jpg) top center no-repeat;text-align: center; } a:link, a:visited, a:active { text-decoration: none;color: #BAD405; } a:hover { text-decoration: underline;} #contenedor{width: 1000px;text-align: center;margin:0 auto;} #frases {display: inline;float: left;text-align: left;width:100%;height:35px;overflow:hidden;} #frases h1{color:#fff;font-size:0.65em;text-align:center;line-height:35px} #frases a:link, #frases a:visited, #frases a:active { text-decoration: none;color: #FFF; } #frases a:hover { text-decoration: underline;} #logotipo {display: inline;float: left;text-align: left;height:115px;margin:0 0 0 20px} #logotipo a{display:block;width:300px;height:100%;text-decoration:none !important} #menu {display:inline;float:right;height:24px;width:575px;margin:40px 0 0 0} #menu ul {list-style:none;} #menu li{display:inline} #menu li a{display:block;height:24px;line-height:24px;float:left;text-align:center;width:90px;color:#fff;font-size:0.8em;margin:0 0 0 5px} * html body #contenedor #cabecero #menu li a {float:left;} #menu li a:hover,#menu li a.estoy{background:url(/images/bglink.png) top center no-repeat;color:#BAD405;text-decoration:none;} /* submenu*/ .sf-menu, .sf-menu * {margin:0;padding:0;list-style: none;} .sf-menu {line-height:1.0;} .sf-menu ul {position:absolute;top:-999em;width:102px !important;height:143px;background:url(/images/submenu.png) top left no-repeat; /* left offset of submenus need to match (see below) */} .sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float:left;position:relative;} .sf-menu li.sfHover ul li a{width:90px !important;text-align:center !important;font-weight:normal !important;margin:0;color:#fff !important;height:24px !important;line-height:24px !important;border-bottom:1px dotted #333;font-size:0.7em !important;background:none} .sf-menu li.sfHover ul li a:hover{background:url(/images/bglink.png) top center no-repeat !important;text-decoration:none} .sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:24px; /* match top ul list item height */ z-index:99;width:102px !important; padding:13px 0 0 0; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } /* fin submenu */ #complemento{display: inline;float: left;width: 100%;} #medio{width: 740px;float: left;display: inline;text-align: left;margin: 20px 0 30px 30px;overflow:hidden;} #medio h3.lapices{margin:10px 0;color:#fff;font-size:1.5em;font-weight:normal;background:url(/images/lapices.png) left center no-repeat;line-height:29px;text-indent:40px;letter-spacing:-0.05em} #medio h2.proceso{clear:left;margin:20px 0;color:#fff;font-size:1.5em;font-weight:normal;background:url(/images/proceso.png) left center no-repeat;line-height:42px;text-indent:60px;letter-spacing:-0.05em} #medio h2.portfolio{clear:left;margin:20px 0;color:#fff;font-size:1.5em;font-weight:normal;background:url(/images/portfolio.png) left center no-repeat;line-height:42px;text-indent:60px;letter-spacing:-0.05em} #medio h2.web{clear:left;margin:20px 0;color:#fff;font-size:1.5em;font-weight:normal;background:url(/images/web.png) left center no-repeat;line-height:42px;text-indent:60px;letter-spacing:-0.05em} #medio h2.foto{clear:left;margin:20px 0;color:#fff;font-size:1.5em;font-weight:normal;background:url(/images/foto.png) left center no-repeat;line-height:42px;text-indent:60px;letter-spacing:-0.05em} #medio h2.marketing{clear:left;margin:20px 0;color:#fff;font-size:1.5em;font-weight:normal;background:url(/images/marketing.png) left center no-repeat;line-height:42px;text-indent:60px;letter-spacing:-0.05em} #medio h2.grafico{clear:left;margin:20px 0;color:#fff;font-size:1.5em;font-weight:normal;background:url(/images/grafico.png) left center no-repeat;line-height:42px;text-indent:60px;letter-spacing:-0.05em} #medio h2.multimedia{clear:left;margin:20px 0;color:#fff;font-size:1.5em;font-weight:normal;background:url(/images/multimedia.png) left center no-repeat;line-height:42px;text-indent:60px;letter-spacing:-0.05em} #medio h2.printer{clear:left;margin:20px 0;color:#fff;font-size:1.5em;font-weight:normal;background:url(/images/printer.png) left center no-repeat;line-height:42px;text-indent:60px;letter-spacing:-0.05em} #medio h2.blog{clear:left;margin:20px 0;color:#fff;font-size:1.5em;font-weight:normal;background:url(/images/blog.png) left top no-repeat;line-height:42px;padding:0 0 0 60px;letter-spacing:-0.05em} #medio h2.seo{clear:left;margin:20px 0;color:#fff;font-size:1.5em;font-weight:normal;background:url(/images/seo.png) left center no-repeat;line-height:42px;text-indent:60px;letter-spacing:-0.05em} #medio h2.servicios{clear:left;margin:20px 0;color:#fff;font-size:1.5em;font-weight:normal;background:url(/images/servicios.png) left center no-repeat;line-height:42px;text-indent:60px;letter-spacing:-0.05em} #medio h2.novedades{clear:left;margin:20px 0;color:#fff;font-size:1.5em;font-weight:normal;background:url(/images/noticias.png) left center no-repeat;line-height:42px;text-indent:60px;letter-spacing:-0.05em} #medio h4{margin:10px 0;color:#fff;font-size:1.5em;font-weight:normal;line-height:29px;padding:0 0 0 60px;letter-spacing:-0.05em} #medio ul{margin:0 40px 20px 60px;overflow: hidden;text-align: left;padding-left: 10px;list-style:none} #medio li{background: url(/images/favorite.png) left center no-repeat;padding:0 0 0 20px;border-bottom: 1px dotted #232323;color: #fff;font-size: 0.80em;line-height: 200%;text-align:justify} #medio p{color: #fff;margin: 0 40px 20px 60px;font-size: 0.80em;line-height: 160%;text-align:justify} #medio p.escrito{font-size:0.6em !important;color:#666 !important} #medio .pad{border:1px solid #5f5f5f;padding:2px;background:#BAD405;margin:0 10px 0 0} #medio span{color: #BAD405;font-size: 1.3em;letter-spacing: -1px;text-align: justify;font-weight: bold;} form {margin:20px 0 0 0} label { color: #fff;font-size: 11px; line-height: 140%; margin: 10px 0 0 60px; display: block; } input.textField { width: 300px; color: #000; font-size: 12px; padding: 2px; background: white; border: 0; display: inline;margin: 0 0 0 60px;height:20px } textarea.textArea { width: 300px; height: 150px; color: #000; font-family: Arial,Tahoma,Verdana;font-size: 12px; padding: 2px; background: white; border: 0; margin: 0 0 0 60px; overflow: auto; } .error-message, label.error { color: #BAD405; margin: 0 0 .5em 60px; display: block; font-size: 11px !important;font-weight:bold; } /* para controlar el spam en formularios */ div.comentario{margin:0 40px 20px 60px;font-size:0.70em;color:#333;padding:14px 15px 15px 40px;border:1px dotted #333;border-width:0 0 1px 0;background:url(/images/user_comment.png) top left no-repeat} #messageLabel { display: none !important; } #message { display: none !important; } #medio abbr{cursor:help;} #medio em {font-size:10px;line-height:20px} .blog {text-align:left;padding:0} .blog p.fecha {font-size:10px;margin:0;line-height:20px;padding:0} .blog p.comment {padding:5px;margin:15px auto 0 auto;width:400px;font-weight:normal;background:#fff;font-size:11px;line-height:15px;} #left{width: 213px;display: inline;float: right;margin:20px 0 0 0;text-align:left} #left h4.blog{background:url(/images/bgblog.png) top left no-repeat;width: 100%;height: 40px;line-height: 37px;color:#fff;font-size:1.2em;font-weight:normal;text-indent:40px;letter-spacing:-0.05em} #left h4.novedades{background:url(/images/bgnovedades.png) top left no-repeat;width: 100%;height: 40px;line-height: 37px;color:#fff;font-size:1.2em;font-weight:normal;text-indent:40px;letter-spacing:-0.05em} #left h4.twitter{background:url(/images/bgtwitter.png) top left no-repeat;width: 100%;height: 40px;line-height: 37px;color:#fff;font-size:1.2em;font-weight:normal;text-indent:40px;letter-spacing:-0.05em} #left ul{margin:0 0 10px 0;list-style:none} #left li {list-style:none;margin:10px 20px 0 0;padding:0 0 10px 25px;background:url(/images/carpeta.png) top left no-repeat;font-size:0.65em;color:#fff;border-bottom:1px dotted #666;} #left li em {color:#666;font-size:0.65em;line-height:180%;} #left a:link,#left a:active,#left a:visited{font-size:1.1em;color:#bad405} /* Easy Slider */ #slider{width:738px;overflow:hidden !important;height:230px;border:0;background:#fff} #slider ul{margin:0;padding:0;list-style:none !important;background:none !important} #slider ul li {list-style:none;margin:0;padding:0;width:738px;height:230px;overflow:hidden;text-align:left;background:none !important} #slider img {border:0;float:left;} #slider li h6{float:left;margin:20px 0 0 10px;font-size:16px;color:#000 !important;width:180px;} #slider li p{float:left;margin:10px 0 10px 10px;font-size:10px;color:#000 !important;width:170px;line-height:12px;text-align:left} #slider a{color:#000 !important;text-decoration:none !important} #prevBtn, #nextBtn{display:none;width:30px;height:77px;position:absolute;left:-30px;top:200px;} #nextBtn{left:50%;margin-left:450px;} #prevBtn{left:50%;margin-left:-480px;} #prevBtn a, #nextBtn a{display:none;width:30px;height:77px;background:url(/images/btn_prev.png) no-repeat 0 0;} #nextBtn a{background:url(/images/btn_next.png) no-repeat 0 0;} /* // Easy Slider */ #admin{width: 980px;margin: 180px auto 0 auto;padding: 0 0 25px 0;text-align: center;font-size: 12px;color: #fff;font-weight: normal;} #admin h1{font-size: 26px;color: #fff;font-weight: normal;padding: 5px;color: #BAD405;} #admin ul {list-style:none;width:100%;display:inline-block;margin:0 0 20px 0} #admin li a{display:block;height:30px;line-height:30px;float:left;text-align:center;color:#BAD405;margin:0 5px;padding:0 10px} * html body #contenedor #admin li a {float:left;} #admin li a:hover{background:#BAD405;color:#a51d1f;text-decoration:none;} #admin form {width:400px;margin:40px 220px;} #admin fieldset {width:400px;text-align:left;padding:0 0 10px 0;border:0;font-weight:normal} #admin input {width:400px;margin:2px 0;border:1px solid #333;padding:3px;font-size:11px;color:#000;} #admin select {padding:3px;margin:0;border:1px solid #333;text-align:left;width:400px;font-size:11px} #admin input.enviar {width:120px !important; background:#a51d1f !important;color:#BAD405;} #admin table{margin:20px auto;width:90%} #admin td{font-size: 11px;font-weight: normal;padding: 10px 5px;color:#BAD405;border-bottom:1px dotted #333;} #admin p{margin:10px 10px 20px 10px;line-height:17px;} #admin p.ok{font-weight:bold;color:#4f8a10;height:45px;border:1px solid #4f8a10;background:#dff2bf url(intranet/images/ok.gif) top left no-repeat;text-indent:50px;line-height:45px;text-align:left;} #admin p.error{font-weight:bold;color:#d8000c;height:45px;border:1px solid #d8000c;background:#ffbaba url(intranet/images/error.gif) top left no-repeat;text-indent:50px;line-height:45px;text-align:left;} #admin p.alerta{font-weight:bold;color:#9f6000;height:45px;border:1px solid #9f6000;background:#feefb3 url(intranet/images/alerta.gif) top left no-repeat;text-indent:50px;line-height:45px;text-align:left;} #admin p.info{font-weight:bold;color:#00529b;height:45px;border:1px solid #00529b;background:#bde5f8 url(intranet/images/info.gif) top left no-repeat;text-indent:50px;line-height:45px;text-align:left;} .verde{color:green;} .rojo{color:red;} /****************************************************************************** ** STRUCTURE OF DYNAMICALLY CREATED ELEMENTS ******************************************************************************* ** **
** ** ** **
*/ /* TOOLBAR BUTTONS */ .widgToolbar a{display: block;width: 16px;height: 16px;overflow: hidden !important;background-repeat: no-repeat;text-indent: -1000em;text-decoration: none;margin:0 !important;padding:0 !important} .widgToolbar a:hover{background-position: 0 -16px;} .widgToolbar a:active{background-position: 0 -32px;} .widgToolbar li.on a, .widgToolbar li.on a:hover{background-position: 0 -32px;} .widgToolbar li.widgEditButton{} .widgButtonBold{background-image: url(/intranet/images/widgeditor_button_bold.gif);} .widgButtonHTML{background-image: url(/intranet/images/widgeditor_button_html.gif);} .widgButtonImage {background-image: url(/intranet/images/widgeditor_button_image.gif);} .widgButtonItalic {background-image: url(/intranet/images/widgeditor_button_italic.gif);} .widgButtonLink{background-image: url(/intranet/images/widgeditor_button_link.gif);} .widgButtonOrdered{background-image: url(/intranet/images/widgeditor_button_ordered.gif);} .widgButtonUnordered{background-image: url(/intranet/images/widgeditor_button_unordered.gif);} .widgSource a{background-image: url(/intranet/images/widgeditor_button_empty.gif);cursor: default;} .widgSource li.on a, .widgSource li.on a:hover{background-position: 0 0;} .widgSource .widgButtonHTML{background-image: url(/intranet/images/widgeditor_button_html.gif);} .widgSource .widgButtonHTML:hover{cursor: pointer;} /* TOOLBAR */ .widgToolbar{list-style: none;width: 100%;height: 26px;margin: 0;padding: 0 0 0 2px;border: 1px solid #CCCCCC;text-align:left !important;margin:0 !important;background:#BAD405} * html .widgToolbar{width: auto;} .widgToolbar li{display: inline;float: left;width: 16px;height: 16px;margin: 5px !important;line-height: 16px;border:1px solid #CCC;} /* EDITING AREA */ .widgIframe{clear: left;width: 100%;height: 200px;border-top-width: 1px;font-family:Verdana !important;font-size:11px;background:#BAD405} .widgContainer textarea.widgEditor{clear: left;width: 100%;height: 200px;border-top-width: 1px;padding: 0;font-family:Verdana !important;font-size:11px}