* {margin: 0;padding: 0;font-family:Helvetica,Arial,sans-serif;} body { background: #FFF 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: 980px;text-align: center;margin:0 auto;} #logotipo {display: inline;float: left;text-align: left;height:125px;margin:0 0 0 20px} #logotipo img{border:0;margin:20px 0 0 0} #menu {display:inline;float:right;height:24px;margin:75px 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;color:#636B70;font-size:13px;margin:0 5px;padding:0 15px} * html body #contenedor #cabecero #menu li a {float:left;} #menu li a:hover,#menu li a.estoy{background:#636B70;color:#FFF;text-decoration:none;-moz-border-radius-bottomleft: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-topleft: 5px;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-right-radius: 5px} /* submenu*/ .sf-menu, .sf-menu * {margin:0;padding:0;list-style: none !important;} .sf-menu {line-height:1.0;} .sf-menu ul {position:absolute;top:-999em;width:110px !important;height:151px;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:110px !important;text-align:center !important;font-weight:normal !important;margin:0 !important;padding:0 !important;color:#636b70 !important;height:24px !important;line-height:24px !important;font-size:12px !important;} .sf-menu li.sfHover ul li a:hover{background:url(/images/bglink.png) top center no-repeat !important;text-decoration:none;color:#fff !important} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0;top:24px; /* match top ul list item height */z-index:99;width:110px !important;padding:20px 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%;} #cabecero{float:left;display:inline;width:980px;height:345px;overflow:hidden;} /* Easy Slider */ #slider{width:980px;overflow:hidden !important;height:345px;border:0;} #slider ul{margin:0;padding:0;list-style:none !important;background:none !important} #slider ul li {list-style:none;margin:0;padding:0;width:980px;height:345px;overflow:hidden;text-align:left;} #slider ul li.sli1{background:url(/images/slide1.png) top right no-repeat} .sli1 p.titulo{font-size:42px;color:white;margin:42px 655px 0 22px;line-height:42px} .sli1 p.subtitulo{font-size:24px;color:#636B70;margin:22px 655px 0 22px;line-height:22px;} .sli1 p.subfondo{font-size:17px;color:#636B70;margin:22px 0 0 120px;line-height:22px;width:218px;height:54px;overflow:hidden;background:url(/images/subfondo.png) top left no-repeat;padding:5px 0 0 10px} .sli2 p.titulo{font-size:36px;color:white;margin:42px 600px 0 22px;line-height:36px} .sli2 p.subtitulo{font-size:20px;color:#636B70;margin:22px 600px 0 22px;line-height:24px;} .sli2 p.vermas{margin:22px 0 0 280px;} .vermas img{border:0} #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 */ #medio{width: 940px;float: left;display: inline;text-align: left;margin: 20px 0 30px 20px;} #medio h1{color:#000;font-size:32px;margin:0 0 20px 0;font-family:'Didact Gothic';letter-spacing:-1px;line-height:30px} #medio h1.proceso{background:url(/images/proceso.png) left center no-repeat;line-height:42px;text-indent:60px;letter-spacing:-0.05em;font-family:'Didact Gothic'} #medio h2{color:#636B70;font-size:21px;margin:0;font-family:'Didact Gothic' !important} #medio h3{color:#BAD405;font-size:26px;margin:0;font-family:'Didact Gothic' !important} #medio h3 a:link, #medio h3 a:visited, #medio h3 a:active { text-decoration: none;color: #636B70;font-family:'Didact Gothic' !important } #medio h3 a:hover { text-decoration: underline;} #medio ul{margin:0 30px 20px 30px;overflow: hidden;text-align: left;padding: 0;list-style:none} #medio li{background: url(/images/favorite.png) left center no-repeat;padding:0 0 0 25px;border-bottom: 1px dotted #ccc;color: #636b70;font-size: 14px;line-height: 200%;text-align:justify} #medio p{color: #636B70;margin: 0 0 20px 0;font-size: 14px;line-height: 19px;text-align:justify} #medio p.index{font-size:16px !important} #medio p.escrito{font-size:0.6em !important;color:#666 !important} #medio .pad{border:1px solid #BAD405;padding:2px;background:#fff;margin:0 10px 0 0} #medio span{color: #BAD405;font-size: 1.3em;letter-spacing: -1px;text-align: justify;font-weight: bold;} #medio .columnas{width:978px;margin:40px auto 0 auto} .columnas .col{width:326px;float:left;text-align:left;overflow:hidden;} .col h4{font-size:23px;color:#BAD405;margin:3px 20px 5px 20px;font-family:'Didact Gothic'} .col h4.pf{font-size:18px;color:#BAD405;margin:10px 40px 5px 40px;font-family:'Didact Gothic'} .col img{margin:0 0 0 16px !important;border:0 !important} .col p{margin:0 20px 5px 20px !important;text-align:left !important;font-size:12px !important;line-height:15px !important} .col p.pff{margin:0 40px 5px 40px !important;text-align:left !important;font-size:11px !important;line-height:15px !important} .col p.vermas{text-align:right !important} #medio iframe{float:right;padding:2px;border:1px solid #636b70;margin:0 0 0 60px} #medio form.newsletter {margin:20px 0;} .newsletter fieldset{border:1px solid #bad405;padding:10px;background:#bad405;border-radius:5px} .newsletter label { color: #fff !important;font-size: 11px; line-height: 32px; margin: 0;width:180px;float:left;display:inline-block;padding:4px 0 0 0 } .newsletter input { width: 250px; color: #000; font-size: 12px; padding: 2px; border: 0; float:left;margin: 0 10px;height:20px;border:1px solid #fff;vertical-align:middle;background:#fff } .newsletter input.send { width: 100px; color: #000; font-size: 12px; padding: 2px; border: 0; float:left;margin: 0 10px;height:24px;border:1px solid #fff;vertical-align:middle;background:#fff } .newsletter .error-message, .newsletter label.error { color: #ffffff !important; padding: 0 0 25px 0; font-size: 11px !important;font-weight:bold; } /* para controlar el spam en formularios */ #medio form {margin:20px 0 0 0;} #medio label { color: #636b70;font-size: 11px; line-height: 140%; margin: 0; display: block; } #medio input.textField { width: 300px; color: #000; font-size: 12px; padding: 2px; border: 0; display: inline;margin: 0 0 10px 0;height:20px;border:1px solid #bad405 } #medio textarea.textArea { width: 300px; height: 150px; color: #000;font-size: 12px; padding: 2px; background: white; border: 0; margin: 0 0 10px 0;border:1px solid #bad405 } .error-message, label.error { color: #BAD405 !important; padding: 0 0 25px 0; display: block; font-size: 11px !important;font-weight:bold; } /* para controlar el spam en formularios */ #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 0 10px 0;border-bottom:2px solid #636b70;margin:10px 0 0 0} .blog p.fecha,.gris {font-size:10px;margin:0;line-height:10px;padding:0} .blog p.comment {padding:5px;margin:15px auto 0 auto;font-weight:normal;background:#fff;font-size:11px;line-height:15px;} /* #dsq-content div, #dsq-content p, #dsq-content h3 { clear:none !important;font-size:13px !important } #dsq-content h3{color:#636b70 !important;margin:0 !important} #dsq-content p{color:#636b70 !important} #dsq-content { color:#636b70 !important; } #disqus_thread {background: #fff;color: #636b70;border:0;padding: 5px 0;font-size:12px !important;margin:0 !important} #disqus_thread * {font-size:12px !important;color: #636b70;} #dsq-content #dsq-global-toolbar { clear: both !important;display:none !important }*/ #dsq-comments-title h3 {color:#636b70 !important;margin:0 !important;font-size:12px !important;font-family:'Didact Gothic'} #disqus_thread {padding:12px;margin-bottom:-10px;} #disqus_thread h3 {color:#636b70 !important;font-weight:bold;font-family:'Didact Gothic';font-size:22px;padding-bottom:.5em;} #dsq-content div.dsq-options {background:none;padding-bottom:0px;display:none} #dsq-comments li.dsq-comment {margin-top:12px;margin-bottom:12px;padding:12px;background:#ececec;-moz-border-radius: 5px;-webkit-border-radius: 5px;border:1px solid #ccc;} #dsq-content div.dsq-post-area {padding:12px;background:#ececec;-moz-border-radius: 5px;-webkit-border-radius: 5px;border:1px solid #ccc;-webkit-box-shadow: 0px 0px 10px #ececec;-moz-box-shadow: 0px 0px 10px #ececec;} #dsq-content .dsq-comment-header {background:none;} .dsq-brlink {display:none;} #dsq-content .dsq-comment-message {background:#fff;padding:10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} #dsq-content #dsq-authenticate .dsq-login-buttons {background:none;background-image:none;margin-bottom:0;} #dsq-content #dsq-form-area .dsq-textarea .dsq-textarea-wrapper,#dsq-content #dsq-form-area .dsq-post-fields .dsq-input-wrapper {border: 1px solid #ccc;} #dsq-new-post div.dsq-request-user-info {background:none;padding-bottom:0px;font-size:12px !important;color:#636b70 !important} #pie{clear:both;width:100%;margin:0;background:#636B70 url(/images/bgpie.jpg) top left repeat-x;overflow:auto} #piebase{width:978px;margin:10px auto !important;} .listablog{width: 213px;float: left;margin:20px 0 0 0;text-align:left;width:326px} #piebase h4{color:#fff;font-size:21px;font-weight:normal;margin:0 0 10px 0;height:26px;font-family:'Didact Gothic'} #piebase ul{margin:0 40px 10px 0;list-style:none;} #piebase li {list-style:none;margin:10px 0 0 0;padding:0 0 10px 25px;background:url(/images/carpeta.png) top left no-repeat;font-size:12px;color:#fff;border-bottom:1px dotted #ccc;} #piebase li em {color:#fff;font-size:10px;} #piebase a:link,#piebase a:active,#piebase a:visited{color:#bad405} #pie p{font-size:10px;color:white !important;text-align:center;} #frases {display: inline;float: left;text-align: left;width:100%;} #frases a:link, #frases a:visited, #frases a:active { text-decoration: none;color: #FFF; } #frases a:hover { text-decoration: underline;} #derechasocial{display:inline;float:right;width:250px;padding:10px;border:1px solid #ccc;border-radius:5px;margin:20px 20px 0 0;background:white;text-align:left} #derechasocial h2{font-size:21px !important;border:1px solid #ccc;border-width:1px 0;padding:5px 0;font-family:'Didact Gothic'} #derechasocial li{font-size:13px !important;margin:0 0 5px 0 !important} #derechasocial div.nube p{text-align:center !important;margin-bottom:10px} #admin{width: 980px;margin: 0;padding: 0 0 25px 0;text-align: center;font-size: 12px;color: #636b70;font-weight: normal;background:#fff;display:inline;float:left} #admin h1{font-size: 26px;color: #fff;font-weight: normal;padding: 5px;color: #BAD405;text-align:center} #admin form {width:600px;padding:40px 190px;} #admin fieldset {width:600px;text-align:left;padding:0 0 15px 0;border:0;font-weight:normal} #admin input {width:600px;margin:0;border:1px solid #ccc;padding:5px;font-size:12px;color:#000;} #admin select {padding:5px;margin:0;border:1px solid #ccc;text-align:left;width:600px;font-size:12px} #admin input.enviar {width:150px !important; background:#bad405 !important;color:#fff;border:0;font-size:12px} #admin table{margin:20px 10px;width:960px} #admin th{font-size: 11px;font-weight: bold;padding: 10px 5px;color:#636b70;border-bottom:1px dotted #333;background:#f1f1f1} #admin td{font-size: 11px;font-weight: normal;padding: 10px 5px;color:#636b70;border-bottom:1px dotted #333;} #admin p{margin:10px 10px 20px 10px;line-height:17px;} #admin td p{margin:0 !important} #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: 590px;margin: 0;padding: 0;border: 0;text-align:left !important;margin:0 !important;background:#fff} * html .widgToolbar{width: auto;} .widgToolbar li{display: inline;float: left;width: 16px;height: 16px;margin: 5px 5px 5px 0 !important;line-height: 16px;border:1px solid #CCC;border:1px solid #ccc} /* EDITING AREA */ .widgIframe{clear: left;width: 600px;height: 200px;font-family:Verdana !important;font-size:11px;background:#fff;border:1px solid #ccc} .widgContainer textarea.widgEditor{clear: left;width: 590px;height: 200px;border-top-width: 1px;padding: 0;}