/* (C) Copyright IBM Corp. 2006, 2007 All Rights Reserved. */ /* CSS Document */ /*this roughly sets the font size to 12px for body text based on normal settings */ body{font:normal .75em/1.5em Helvetica, Arial sans-serif} /*** D E F A U L T S T Y L E S***/ /*headers*/ h1, h2, h3, h4, h5, h6{font-weight:normal;} h1{font-size:1.5em} h2{font-size:1.4em} h3{font-size:1.3em} h4{font-size:1.2em} h5{font-size:1.1em} h6{font-size:1em} /*image*/ img{border:0;vertical-align:middle} /*to make sure list items contain all floated items properly*/ li{float:both} /*internal link (default link style)*/ a:link, a:visited{color:#105cb6;text-decoration:none} a:hover, a:focus, a:active{color:#05386b;text-decoration:none;} /***G E N E R A L S T Y L E S ***/ /*link styles*/ /*my links indicate bookmarks you have created*/ a.my, a.my:visited{color:#44a244;border-bottom:1px dotted #44a244;} a.my:hover, a.my:focus{color:#05386b;text-decoration:none;border-bottom:1px dotted #05386b;} /*external links to a separate web page have a different treatment*/ /*we are using the important tag in case external links are ever mixed in with a group of action links*/ a.external, a.external:visited{ border-bottom:1px solid #0063dc !important; } a.external:hover, a.external:focus{ background-color:transparent; color:#0063dc; border-bottom:2px solid #0063dc !important; } /*person links pop up a related menu*/ a.person, a.person:visited{color:#578cca; /*border-bottom:1px dotted #578cca;*/} /*tag*/ .tags a:link, .tags a:visited, a.tag:link, a.tag:visited{color:#578cca; border-bottom:1px dotted #578cca;} /*all hover styles are cureently the same, if not, separate these styles*/ .tags a:hover, .tags a:focus, a.person:hover, a.person:focus, a.my:hover, a.my:focus {color:#05386b;text-decoration:none;border-bottom:1px dotted #05386b;} /*single and group action links*/ /*this is to provide a class for overriding link colors in groups of links to indicate that the link is an action link (like the "Tag this" link in a tag group*/ a.action, a.action:visited, .actions a, .actions a:visited{color:#105cb6 !important;text-decoration:underline !important;border-bottom:0 !important;} a.action:hover, a.action:focus, .actions a:hover, .actions a:focus, .tags a.action:hover, .tags a.action:focus {color:#05386b !important;text-decoration:underline !important;border-bottom:0 !important;} /*to assign an icon to an action link, you need to assign a unique id to the link and give it a background image. The rest of the code is in this css declaration*/ .icon a{padding-left:18px;background-position:left center;background-repeat:no-repeat} /*general alignment styles*/ .indent10 {padding-left:10px;} .indent15 {padding-left:15px;} .indent20 {padding-left:20px} .indent40 {padding-left:40px;} .indent60 {padding-left:60px;} .left{float:left;text-align:left;} .right{float:right;text-align:right;} .center {text-align:center;} .clear {clear:both} .clearLeft {clear:left} .clearRight {clear:right} /*general list styles*/ .inlinelist{margin:0;padding:0} .inlinelist li{display:inline;margin:0 0 0 -4px;padding:0 10px;border-left:1px solid #ccc;} .inlinelist li.first{margin-left:0;padding-left:0;border-left-width:0;} .inlinelist li.first, .inlinelist li.last{margin-left:-5px;padding-left:0;border-left-width:0;} /*other general styles*/ span.date{color:#666} .highlight{} .selected{} .inactive{color:#ccc !important} .alternate{} /*** C O M M E N T S ***/ .comments h4{background-color:#ccc;padding:3px;text-align:right;overflow:hidden;} .comments h4 .action{font-size:.7em;} .comments h5{font-size:.9em;border-bottom:1px solid #ccc;margin-bottom:3px} .comments h5 a.person{margin:0 8px} .comments h5 span{padding:0 3px} .comments h5 span.highlight{background-color:#f6cb26;} .comments p{margin-top:0} /***********************************************************/ /*** C O N T E N T E N T R Y ***/ .entry{padding:10px 0;border-bottom:0px solid #ddd;overflow:hidden;clear:both;} .entry h4 input, .entry h4 img{vertical-align:middle;margin-right:3px;float:left} .entry h4 input{margin-top:2px} .entryBody {margin:0 0 0 20px;} .entry h4{margin:0 3em 0 0;font-size:1.2em;font-weight:bold;overflow:hidden} .entry h4.alternate{margin-left:20px}/*for a non-hanging entry header*/ .entry h4 div{float:left}/*need this div to allow long headers to wrap nicely*/ .entry h4 a{text-decoration:none;vertical-align:middle;} .entry h4 a:hover {text-decoration:underline;} .entry .icons{float:left} .entry .icons img{display:block} .entry h5{margin:0 5px 0 0px;font-size:1.0em;color:#666;line-height:1.2em;} .entry h6{margin:0 5px 0 0px;font-size:.85em;color:#666;} .entry p{margin:5px 5px 0 0px} .entry .tags{float:right;margin-right:10px;overflow:hidden} .entry ul.actions{margin: 5px 0 0 0px;padding:0 10px 0 0;font-size:.9em} .entry ul.actions li{display:inline;margin: 0 0 -4px;padding:0 10px;border-left:1px solid #ccc} .entry ul.actions li.first{margin-left:0;padding-left:0;border-left-width:0} .entry .divider{margin:0 8px} .entry .metaText {color:#666666;} /***********************************************************/ /*** F O R M S ***/ form div{/*width: 45em;clear: left;margin: 0;padding: 5px 0 8px 10em;*/}/*10em is width of left column containing the label elements*/ form label{/*text-align: right;font-weight: bold;float: left;padding-top: 3px;margin-left: -10em; width: 9em;*/}/*margin-left is width of left column; width is width of labels. Should be smaller than left column (155px) to create some right margin*/ form .text{/*width: 29em;*/} form .checkBox{} form .radio{} form .button{} form .image{} form textarea{/*width: 29.8em;height: 14em;*/} form p{/*margin:0;*/} form .indent{/*padding-left: 10em;*/} /***********************************************************/ /*** L I S T S ***/ .list h3{margin:10px 0 5px 0;font-size:1.2em;font-weight:bold} .list h3.alternate{color:#ff9523;} .list h3.icons{text-align:right;overflow:hidden} .list h3.icons img{margin-left:3px} .list .label{color:#666} .list ul{list-style:none;margin:0;padding: 0;clear:both} .list ul li {padding:2px 0} .list ul.editable li{text-align:right;overflow:hidden;clear:both;border-bottom:1px solid #b4b4b4} .list .description {padding:0;margin:0;margin-bottom:7px;color:#595959;} /*plain list (no bullets)*/ .alternate h3{color:#333f06;border-bottom:2px dotted #333f06} .alternate ul li{background-image:none} div.alternate a, div.alternate a:visited{/*color:#719e0d*/} /***********************************************************/ /*** P A G I N G ***/ .paging{height:2em;line-height:2em;text-align:center;border:1px solid #e0e0e0;-moz-border-radius:2px;margin-top:.2em;color:#848484;padding:0 5px;clear:both;font-size:.9em;background-color:#f0f0f0;} .paging ul li, .paging div{/*font-size:0.9em;*/color:#848484;} .paging a, .paging a:visited{font-weight:bold !important;} .paging input{width:20px;text-align:center;/*font-size:0.9em;*/color:#848484;} .paging .inlinelist{padding-left:5px} .paging .inlinelist li {padding:0 6px;} /*paging variations*/ .table .paging, .caption .paging{background-image:none;background-color:#fdfdfd} .table .paging td{border:1px solid #e0e0e0;padding:0 5px} .caption .paging, .caption .paging td{margin-top:0;border-top-width:0;border-left-width:0;border-right-width:0;background-color:transparent} /***********************************************************/ /*** S E A R C H ***/ .search{} .search input{vertical-align:middle;margin-left:3px;} .search .text{border:1px solid #868a8b;padding-left:2px;width:11em;} .search .inactive{color:#999} .search a:hover, .search a:focus{background-color:transparent} /***********************************************************/ /*S E C T I O N */ .section{margin:15px 5px 0 10px;background-color:#f5f9fe;border:1px solid #e0e0e0;-moz-border-radius:7px;padding:2px 5px 10px 5px;} .section h3{margin:0} .section h4{margin:7px 0 5px 0;font-size:1.1em;font-weight:normal;padding:0px 0px 2px 2px;border-bottom:1px dotted #ccc;clear:both;color:#000} .section h4.icons{text-align:right;overflow:hidden} .section h4.icons img{margin-left:3px} .section h6{margin:0 0 2px 0;color:gray;clear:both;} .section .tag{color:#000 !important} .tabSection .tabContainer{border-bottom-width:0;margin:5px 5px 0 10px} .tabSection .tabcontent{margin-top:0;z-index:-100;-moz-border-radius:0 7px 7px 7px; } /*section list */ .section .list h3{color:#000;text-align:left;} .section .list img {vertical-align:middle;padding:0px 1px 3px 1px;} .section .list ul{margin-top:0;} .section .list ul li{border-bottom:1px solid #dbdbdb;text-align:right;clear:both;padding:0px 2px 0px 4px} .section .list h6{margin:5px 0 0 8px;padding-top:3px;color:#666;color:#84b2d8;border-top:2px dotted #84b2d8;} .section .list a, .section .list a:visited{color:#327EBE;border-bottom:0;} .section .list h6 a, .section .list h6 a:visited{color:#4f9cef} .section .alternate li{border-bottom-width:0 !important;text-align:left !important} /****************************************************************/ /*S E C T I O Nsssss */ .section1{margin:15px 5px 0 10px;background-color:#ffff99;border:1px solid #e0e0e0;-moz-border-radius:7px;padding:2px 5px 10px 5px;} .section1 h3{margin:0} .section1 h4{margin:7px 0 5px 0;font-size:1.1em;font-weight:normal;padding:0px 0px 2px 2px;border-bottom:1px dotted #ccc;clear:both;color:#000} .section1 h4.icons{text-align:right;overflow:hidden} .section1 h4.icons img{margin-left:3px} .section1 h6{margin:0 0 2px 0;color:gray;clear:both;} .section1 .tag{color:#000 !important} .tabSection1 .tabContainer{border-bottom-width:0;margin:5px 5px 0 10px} .tabSection1 .tabcontent{margin-top:0;z-index:-100;-moz-border-radius:0 7px 7px 7px; } /*section list */ .section1 .list h3{color:#000;text-align:left;} .section1 .list img {vertical-align:middle;padding:0px 1px 3px 1px;} .section1 .list ul{margin-top:0;} .section1 .list ul li{border-bottom:1px solid #dbdbdb;text-align:right;clear:both;padding:0px 2px 0px 4px} .section1 .list h6{margin:5px 0 0 8px;padding-top:3px;color:#666;color:#84b2d8;border-top:2px dotted #84b2d8;} .section1 .list a, .section .list a:visited{color:#327EBE;border-bottom:0;} .section1 .list h6 a, .section .list h6 a:visited{color:#4f9cef} .section1 .alternate li{border-bottom-width:0 !important;text-align:left !important} /****************************************************************/ .pestanash{ border:none; width:97%; margin-bottom:0px;margin-left:3px;margin-top:5px; } .pestanash th{ color:white; font-weight:bold; padding:3px 0px 3px 5px; text-align:left; background: url(trcorner.gif) no-repeat top right; background-color:#99cc33; width:570px; } .pestanash td{ text-align:right; } .pestanas{ border:none; width:97%; margin-bottom:0px;margin-left:3px;margin-top:5px; } .pestanas th{ color:white; font-weight:bold; padding:3px 0px 3px 5px; text-align:left; background: url(trcorner.gif) no-repeat top right; background-color:#99cc33; width:170px; } .pestanas td{ text-align:right; } .pestanas1{ border:none; width:194px; margin-bottom:0px;margin-left:3px;margin-top:5px; } .pestanas1 th{ color:#000; font-weight:bold; padding:3px 0px 3px 5px; text-align:left; background: url(trcorner.gif) no-repeat top right; background-color:#99cc33; width:194px; } .pestanas1 td{ text-align:right; } #etiquetas{margin:0px 5px 10px 5px;background-color:#f0ffcc;border:1px solid #99cc33; -moz-border-radius:7px;padding:10px 10px 10px 10px;} #etiquetaT{background:#fc0 ;border:1px solid #e0e0e0; border-bottom:0px;padding:5px 10px 5px 10px;margin:10px 10px 0px 0px;} #etiquetaC{background:#FAFAD2 ;border:1px solid #e0e0e0;padding:5px 10px 5px 10px;margin:0px 10px 0px 0px;} /*** T A B L E ***/ .table caption, .caption h4{text-align:right;font-weight:bold;background-color:#f3f3f3;border:1px solid #e0e0e0;padding:3px 5px;margin-bottom:0;-moz-border-radius:2px;} .table th, .table td{padding:3px 5px;border-collapse:collapse} .table th{text-align:left;border-bottom:1px solid #e0e0e0;} .table td{border-bottom:1px solid #e0e0e0} .table tr.last td{border-bottom-width:0} /***********************************************************/ /*** T A B S ***/ .tabContainer{position:relative;height:3em;border-bottom:1px solid #e0e0e0; z-index: 1;} ul.tabs{position:absolute;bottom:-1px;overflow:hidden;margin:0;padding:0;list-style:none;} .tabs li{float:left;margin-right:2px;padding-left:3px;background:url(leftTab.gif) top left no-repeat;border-bottom:1px solid #e0e0e0} .tabs a, .tabs a:visited{display:block;padding:5px 15px 4px 10px;text-decoration:none;line-height:1.2em;color:#999;background:url(rightTab.gif) top right no-repeat;}/*line-height is for IE, to keep the selected tab sitting on top of the border when there is a drop-down image in the tab*/ .narrow a, .narrow a:visited {display:block;padding:5px 10px 4px 5px;} .tabs a:hover, .tabs a:focus{color:#000;} .tabs li.selected{background:url(leftTabSelected.gif) top left no-repeat;border-bottom-color:#fff} .tabs li.selected a, .tabs li.selected a:visited{background:url(rightTabSelected.gif) top right no-repeat;color:#000;font-weight:bold;} /*the notatab class on a tab allows you to include other selectable items in a row of tabs*/ li.notatab:hover, li.notatab:focus{background-image:none} li.notatab:hover a, li.notatab:focus a{background-image:none} #titleBar .tabs{left:200px;background-image:none} #titleBar .tabs li{background-image:none;border-bottom-width:0;} #titleBar .tabs a, #titleBar .tabs a:visited{padding:7px 15px 10px 10px;} #titleBar .tabs li a{background-image:none;} #titleBar .tabs li:hover, .tabs li:focus{background-image:url("leftTabHover.gif")} #titleBar .tabs li:hover a, .tabs li:focus a{background-image:url("rightTabHover.gif")} #titleBar .tabs li.selected{background-image:url(leftTabSelected.gif);} #titleBar .tabs li.selected a, #titleBar .tabs li.selected a:visited{background-image:url(rightTabSelected.gif);padding-left:10px;} /***********************************************************/ /*** T A G C L O U D ***/ .tagCloud ul{margin:0;padding:0} .tagCloud li{display:inline;margin-right:2px;} .tagCloud a{text-decoration:none;font-weight:bold} .tagCloud a:hover, .tagCloud a:focus{color:#05386b;text-decoration:underline;} .tagCloud .tag5 a, .tagCloud .tag5 a:visited { font-size: 115%; color: #1c3052} .tagCloud .tag4 a, .tagCloud .tag4 a:visited { font-size: 108%; color: #2b588e} .tagCloud .tag3 a, .tagCloud .tag3 a:visited { font-size: 100%; color: #4477bb} .tagCloud .tag2 a, .tagCloud .tag2 a:visited { font-size: 95%; color: #649cd8} .tagCloud .tag1 a, .tagCloud .tag1 a:visited { font-size: 90%; color: #8bbce8} /***********************************************************/ /*** T A G C L O U D PARA LA HOME PAGE ***/ .tagCloud1 ul{margin:0;padding:0} .tagCloud1 li{display:inline;margin-right:2px;} .tagCloud1 a{text-decoration:none;font-weight:bold} .tagCloud1 a:hover, .tagCloud1 a:focus{color:#05386b;text-decoration:underline;} .tagCloud1 .tag5 a, .tagCloud1 .tag5 a:visited { font-size: 215%; color: #B22222} .tagCloud1 .tag4 a, .tagCloud1 .tag4 a:visited { font-size: 180%; color: #B22222} .tagCloud1 .tag3 a, .tagCloud1 .tag3 a:visited { font-size: 140%; color: #CD5C5C} .tagCloud1 .tag2 a, .tagCloud1 .tag2 a:visited { font-size: 120%; color: #FF4500} .tagCloud1 .tag1 a, .tagCloud1 .tag1 a:visited { font-size: 90%; color: #8bbce8} /***********************************************************/ /*** T A G G R O U P ***/ .tags{width:8.8em;overflow:hidden;font-size:.9em;text-align:right} .tags h4{font-weight:normal;text-transform:uppercase;color:#ccc;border-bottom:1px solid #ccc;margin-bottom:3px;} .tags ul{list-style:none;margin:3px 0 0 0;padding:0;} /***********************************************************/ .container {background: url("inlineNavCardBgTop.gif") no-repeat;padding:5px 0;width: 190px;min-height: 53px;margin:0 5px;} .inlinePersonCard {background:transparent url(inlineNavCardBg.gif) repeat-y;} .inlinePersonCard .toggler img {padding-top:20px;} .inlinePersonCard .levelOne {display: table;height: 53px; #position: relative;overflow: hidden;} .inlinePersonCard .levelOne h4 {#position: absolute;display: table-cell;vertical-align: middle;padding-left:5px;top:25%;} .inlinePersonCard .levelOne h4 div {#position: relative;} .inlinePersonCard h4 {font-size:1.0em;line-height:1.2em;height:51px;font-weight:bold;width:102px;padding:0;margin:auto 5px;} .inlinePersonCard img {border: 0;margin:0 auto;} .inlinePersonCard h3 {background: url("inlineNavCardBg.gif") repeat-y;font-size:.9em;padding:3px 5px;margin:0px;} .inlinePersonCard h3 span {border-bottom:1px solid #e0e0e0;display:block;margin:-3px 3px 0 0;padding:3px 5px 5px 5px;line-height:1.4em;} .inlinePersonCard .levelTwo .adr {color:#646768;} .inlinePersonCard span.first {margin-top:-1px;border-top:1px solid #e0e0e0;padding:2px 5px;} .inlinePersonCardBottom {background: url("inlineNavCardBgBottom.gif") bottom no-repeat;margin:0px;padding:0;margin-bottom:5px;line-height:.6em;} .inlinePersonCard .toggler {background-color:#edeaeb;margin:0 5px;width:10px;height: 51px;} .inlinePersonCard .levelTwo {background: url("inlineNavCardBg.gif") repeat-y;clear:both;} .inlinePersonCard .levelTwo ul {list-style-type:none;background: url("inlineNavCardBg.gif") repeat-y;margin:0;padding:0 5px 2px 5px;} .inlinePersonCard .levelTwo ul li {padding:1px 5px;} .inlinePersonCard .levelTwo ul li.selected {margin-left:-3px;padding:2px 8px;background: #cce3fa;border:1px solid #a5d8fe;} .inlinePersonCard .levelTwo ul li.selected a, .inlinePersonCard .levelTwo ul li.selected a:hover, .inlinePersonCard .levelTwo ul li.selected a:focus, .inlinePersonCard .levelTwo ul li.selected a:visited {font-weight:bold;color:#000;text-decoration:none;} * html .inlinePersonCard h3 {padding-top:0;margin-top:0;} * html .inlinePersonCard span.first {padding:2px 5px 5px 5px; margin-top:3px;} * html .inlinePersonCardBottom {height:7px;z-index:100;margin-top:-3px} * html .inlinePersonCard .toggler {margin-left:3px;} * html .inlinePersonCard .toggler img {margin-top:20px;} /* Body and box-like elements */ /*profiles*/ html, body{padding:0 0 20px 0;margin:0;} body {background: #fff url("fondoverde.jpg")repeat-y;font: normal .75em/1.5em Helvetica, Arial, Verdana, sans-serif;} #frame{margin:0 auto;padding:0px 5px 0px 5px;width:980px;} #BuenosA{background:#fff url(Hotel.jpg) top left repeat-x;height:300px;position: relative;border-bottom:5px solid #fc0;border-top:0px solid #e0e0e0;margin:0px 10px 0px 0px;} #BuenosA h2{margin:0 2px 0 0;padding:3px 0 0 3px;color:#fff;font:normal 1.0em/1.2em Helvetica, Arial, Verdana, sans-serif;letter-spacing:0;} /*special styling for titlebar tabs*/ #cabezon{background:#000 url(luces2.jpg) top left no-repeat;height:100px;position: relative;border-top:0px solid #fc0;border-bottom:0px solid #000;} #cabezon h2{margin:0 2px 0 0;padding:3px 0 0 3px;color:#fff;font:normal 1.0em/1.2em Helvetica, Arial, Verdana, sans-serif;letter-spacing:0;} /*special styling for cabezon tabs*/ #cabezon h3{margin:0 2px 0 0;padding:35px 5px 0px 400px;color:#fff;font:bold 25px Helvetica, Arial, Verdana, sans-serif;letter-spacing:0;} /*special styling for cabezon tabs*/ #cabezon h4{margin:0 2px 0 0;padding:2px 0px 0px 610px;color:#fff;font:bold 16px Helvetica, Arial, Verdana, sans-serif;letter-spacing:0;} /*special styling for cabezon tabs*/ #cabezon form{position:absolute;top:7px; right:10px;} #titleBar{background:#fff url(faro.jpg) top left repeat-x;height:80px;position: relative;border-bottom:5px solid #fc0;border-top:1px solid #e0e0e0;} #titleBar h2{margin:0 2px 0 0;padding:3px 0 0 3px;color:#fff;font:normal 1.0em/1.2em Helvetica, Arial, Verdana, sans-serif;letter-spacing:0;} /*special styling for titlebar tabs*/ #titleBar h3{margin:0 2px 0 0;padding:22px 5px 0px 130px;color:#fff000;font:bold 25px Helvetica, Arial, Verdana, sans-serif;letter-spacing:0;} /*special styling for titlebar tabs*/ #titleBar h4{margin:0 2px 0 0;padding:2px 0px 0px 610px;color:#fff;font:bold 16px Helvetica, Arial, Verdana, sans-serif;letter-spacing:0;} /*special styling for titlebar tabs*/ #titleBar .tabs{background-image:none;left:200px} #titleBar .tabs li{background-image:none;} #titleBar .tabs a, #titleBar .tabs a:visited{padding:7px 15px 10px 10px;} #titleBar .tabs li a{background-image:none;color:#000;} #titleBar .tabs li a:hover , .tabs li a:focus{color:#000;} #titleBar .tabs li.selected{background-image:url(leftTabSelected.gif);} #titleBar .tabs li.selected a, #titleBar .tabs li.selected a:visited{background-image:url(rightTabSelected.gif);padding-left:10px;} #titleBar form{position:absolute;top:7px; right:10px;} #pruebax{background:#fff ;height:30px;position: relative;border-bottom:5px solid #fc0;border-top:1px solid #e0e0e0;} #pruebax h2{margin:0 2px 0 0;padding:3px 0 0 3px;color:#fff;font:normal 1.0em/1.2em Helvetica, Arial, Verdana, sans-serif;letter-spacing:0;} /*special styling for pruebax tabs*/ #pruebax h3{margin:0 2px 0 0;padding:22px 5px 0px 130px;color:#fff000;font:bold 25px Helvetica, Arial, Verdana, sans-serif;letter-spacing:0;} /*special styling for pruebax tabs*/ #pruebax h4{margin:0 2px 0 0;padding:2px 0px 0px 610px;color:#fff;font:bold 16px Helvetica, Arial, Verdana, sans-serif;letter-spacing:0;} /*special styling for pruebax tabs*/ #pruebax .tabs{background-image:none;left:200px} #pruebax .tabs li{background-image:none;} #pruebax .tabs a, #pruebax .tabs a:visited{padding:7px 15px 10px 10px;} #pruebax .tabs li a{background-image:none;color:#000;} #pruebax .tabs li a:hover , .tabs li a:focus{color:#000;} #pruebax .tabs li.selected{background-image:url(leftTabSelected.gif);} #pruebax .tabs li.selected a, #pruebax .tabs li.selected a:visited{background-image:url(rightTabSelected.gif);padding-left:10px;} #pruebax form{position:absolute;top:7px; right:10px;} /*** menu de arriba***/ #arribamenuN {margin:0 ;height:2.51em;border-top:1px solid #246 ;border-bottom:1px solid #246 ;background:#fc0 url(barra.jpg) top left repeat-x} #arribamenu {margin:0 auto;width:991px;height:2.51em; line-height:2.51em;border-left:0px solid #fff} #arribamenu ul {margin:0; padding:0;} #arribamenu li {float:left; margin:0; padding:0; list-style-type:none; border-right:1px solid;} #arribamenu li a {display:block; padding:0 18px; font-weight:bolder; letter-spacing:1px;} #arribamenu {background:#ffc000 url(barra.jpg) top left repeat-x} #arribamenu li {border-color:white;} #arribamenu a {color:#fff;background:#ffc000 url(barra.jpg) top left repeat-x} #arribamenu a:hover {color:#fff;background:#fc0 url(bgamenuarriba.jpg) top left repeat-x} /*** enlaces as400***/ #entradas1{width:99%;background:#f0ffff ;border-left:1px solid #99cc33;border-right:1px solid #99cc33;border-top:1px solid #99cc33;border-bottom:3px solid #99cc33;} #entradas1{margin:0px 0px 20px 5px ;padding:3px 10px 8px 0px;} #entradasti{width:99%;background:#f0ffee ;border-left:1px solid #99cc33;border-right:1px solid #99cc33;border-top:3px solid #99cc33;border-bottom:1px solid #99cc33;} #entradasti{margin:0px 0px 0px 5px ;padding:0px 0px 0px 10px;} #entradasti h2{margin:0 0px 0 0;padding:7px 0px 5px 5px;color:#444444;font:normal 18px Helvetica, Arial, Verdana, sans-serif;letter-spacing:2px;} /*special styling for menu tabs*/ #fondo1{width:97%;background:#f0ffff url(fondo111.jpg) ; border-top:1px solid #e0e0e0;border:1px solid #e0e0e0;} #fondo1{margin:0px 0px 0px 0px ;padding:8px 5px 18px 18px;} #izquierdo{width:185px ;background:#f0ffff ; border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;} #izquierdo{margin:0px 0px 10px 10px ;padding:8px 5px 8px 5px;} #izquierdoG{width:315px ;background:#f0ffff ; border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;} #izquierdoG{margin:10px 15px 10px 30px ;padding:8px 5px 8px 5px;} #izquierdoMenu{width:199px ;background:#fff ; border:2px solid #e0e0e0;} #izquierdoMenu{margin:10px 0px 10px 10px ;padding:0px;} #izquierdoT{width:105px ;background:#fff url(barBack.gif) top left repeat-x;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:0px solid #ffc000;} #izquierdoT{margin:10px 0px 0px 10px ;padding:2px 5px 2px 6px;} #izquierdoTM{width:105px ;background:#fff url(barBack.gif) top left repeat-x;border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-bottom:0px solid #ffc000;} #izquierdoTM{margin:10px 0px 0px 10px ;padding:2px 5px 2px 6px;} #izquierdo1{width:185px ;background:#fffacd url(fondoverde.gif) ; border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;} #izquierdo1{margin:0px 0px 10px 10px ;padding:8px 5px 8px 5px;} #izquierdo2{width:185px ;background:#fffacd url(fondoverde.gif) ; border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:0px solid #e0e0e0;} #izquierdo2{margin:0px 0px 0px 10px ;padding:8px 5px 8px 5px;} #izquierdo3{width:170px ;background:#fff ; } #izquierdo3{margin:0px 0px 0px 5px ;padding:8px 0px 8px 10px;} #izquierdo5{width:100px;} #izquierdo5{margin:0px 10px 10px 20px ;padding:0px 0px 0px 8px;} #izquierdo6{width:100px;} #izquierdo6{margin:0px 10px 10px 40px ;padding:0px 0px 8px 8px;} #izquierdo7{width:175px ;background:#fffacd ; border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;} #izquierdo7{margin:5px 0px 10px 5px ;padding:5px 5px 5px 5px;} #izquierdoTwi{width:175px ;background:#fff ; } #izquierdoTwi{margin:5px 0px 10px 5px ;padding:5px 5px 5px 1px;} #telefono{width:100px;} #telefono{margin:0px 10px 0px 50px ;padding:0px 0px 8px 8px;} #tablaentradav{margin:0 10px 0 0px;padding:10px 10px 10px 10px;background:#7fffd4 ;border:1px solid #e0e0e0;} #tablaentradaa{margin:0 10px 0 0px;padding:10px 10px 10px 10px;background:#87cefa ;border:1px solid #e0e0e0;} #tablaentradar{margin:0 10px 0 0px;padding:10px 10px 10px 10px;background:#ffc0cb ;border:1px solid #e0e0e0;} #izquierdo1T{width:105px ;background:#9ACD32 top left repeat-x;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:0px solid #ffc000;} #izquierdo1T{margin:10px 0px 0px 10px ;padding:2px 5px 2px 6px;} #miembros1{background:#fff url(miembros1.jpg) top left repeat-x;height:125px;position: relative;border:1px solid #e0e0e0;} #miembros1 h2{margin:0 200px 0 0;padding:8px 0 0 15px;color:#444444;font:normal 1.0em/1.2em Helvetica, Arial, Verdana, sans-serif;letter-spacing:0;} /*special styling for titlebar tabs*/ #Abajo{background:#fff url(abajo.jpg) top left repeat-x;height:95px;position: relative;border:1px solid #e0e0e0;} #Abajo h2{margin:0 200px 0 0;padding:8px 0 0 15px;color:#444444;font:normal 1.0em/1.2em Helvetica, Arial, Verdana, sans-serif;letter-spacing:0;} /*special styling for titlebar tabs*/ #menu{background:#ffd700;height:3em;position: relative;border-bottom:3px solid #fff;} #menu h2{margin:0 20px 0 0;padding:4px 0px 0 15px;color:#444444;font:normal 1.0em/1.2em Helvetica, Arial, Verdana, sans-serif;letter-spacing:0;} /*special styling for menu tabs*/ #menu .tabs{background-image:none;left:200px} #menu .tabs li{background-image:none;} #menu .tabs a, #menu .tabs a:visited{padding:7px 15px 10px 10px;} #menu .tabs li a{background-image:none;color:#000;} #menu .tabs li a:hover , .tabs li a:focus{color:#000;} #menu .tabs li.selected{background-image:url(leftTabSelected.gif);} #menu .tabs li.selected a, #menu .tabs li.selected a:visited{background-image:url(rightTabSelected.gif);padding-left:10px;} #menu form{position:absolute;top:7px; right:10px;} /* Main 2,3-Column Layout */ #main{margin:5px 10px 8px 10px;padding:3px;background:#fff ;border-left:1px solid #bebebe;border-right:1px solid #bebebe;border-bottom:1px solid #bebebe;border-top:0;-moz-border-radius:0px;overflow:hidden;} div.short{background: #fff !important;} #colLeft{/*float:left;*/width:195px;padding:15px 0 10px 0px;} td.colLeft {width:170px} #miembros{/*float:left;*/width:350px;padding:15px 0 10px 0px;} td.miembros {width:350px} #content{width:740px;background:#fff;padding:2px 10px 20px 15px; overflow:hidden;/*this (overflow:hidden) sets a new block formatting context, which keeps the center content separate from the floated divs. This allows us to clear floats in the center. It also makes it so we don't have to use margins on the content div to push it away from the floated columns.*/} #content1{width:435px;background:#fff;padding:16px 10px 20px 15px; overflow:hidden;/*this (overflow:hidden) sets a new block formatting context, which keeps the center content separate from the floated divs. This allows us to clear floats in the center. It also makes it so we don't have to use margins on the content div to push it away from the floated columns.*/} #content11{padding:2px 10px 20px 5px; overflow:hidden;} #tablaa{color:#bebebe;text-align:left;width:250px;background:#ffffcc url(../dx/tablaaa.jpg/$file/tablaaa.jpg) top left repeat-x;height:120px;position: relative;border:1px solid #e0e0e0; padding:10px 5px 10px 10px;margin:0px 0px 5px 5px;} #tablaa a:hover {background:#ffc000;} #tablaa a {color:#fff;} #tablab{color:#228b22;text-align:left;width:250px;background:#adff2f url(chaval-lector.jpg);height:120px;position: relative;border:1px solid #e0e0e0; padding:10px 5px 10px 10px;margin:0px 0px 0px 5px;} #tablab a:hover {background:#ffc000;color:#444444;border:1px solid #ffffff} #tablab a { padding:5px 5px 5px 5px;background:#fff;color:#000000;border:1px solid #696969} #tablab h2 {margin:100px 0px 0px 7px;font:normal 12px Helvetica, Arial, Verdana, sans-serif;letter-spacing:1px; } #tablac{width:175px;background:#Fc0 url(../dx/cuadro2.jpg/$file/cuadro2.jpg) top no-repeat ;height:277px;position: relative;border:1px solid #e0e0e0; padding:5px 5px 5px 5px;margin:0px 0px 0px 0px;} #tablac a:hover {background:#ffc000;} #tablac a {color:#fff;} #tablad{color:#bebebe;text-align:left;width:260px;background:#FFFAF0;height:120px;position: relative;border:1px solid #e0e0e0; padding:10px 5px 10px 10px;margin:0px 0px 0px 0px;} #tablad a:hover {background:#ffc000;} #tablad a {color:#fff;} #tablae{color:#000;text-align:left;width:260px;background:#afeeee url(../dx/tablae.jpg/$file/tablae.jpg) top left repeat-x;height:120px;position: relative;border:1px solid #e0e0e0; padding:10px 5px 10px 10px;margin:0px 0px 5px 0px;} #tablae a:hover {background:#ffc000;} #tablae a {color:#fff;} #tablaf{color:#000;text-align:left;width:955px;background:#008000 url(bateador.jpg) top right repeat-x;height:140px;position: relative;border:1px solid #cd5c5c; padding:10px 5px 10px 10px;margin:10px 5px 5px 5px;} #tablaf h2{margin:0 20px 0 0;padding:14px 0px 0 15px;color:#fc0;font:normal 25px Helvetica, Arial, Verdana, sans-serif;letter-spacing:0;} /*special styling for menu tabs*/ #tablaf h3{margin:0 20px 0 0;padding:4px 0px 0 15px;color:#fff;font:15px Helvetica, Arial, Verdana, sans-serif;letter-spacing:0;} /*special styling for menu tabs*/ #tablaf a:hover {background:#ffc000;} #tablaf a {color:#fff;} #tablag{color:#bebebe;text-align:left;width:200px;background:#FFFAF0;height:120px;position: relative;border:1px solid #e0e0e0; padding:10px 5px 10px 10px;margin:5px 0px 0px 0px;} #tablag a:hover {background:#ffc000;} #tablag a {color:#fff;} #tablah{color:#bebebe;text-align:left;width:200px;background:#FFFAF0;height:120px;position: relative;border:1px solid #e0e0e0; padding:10px 5px 10px 10px;margin:0px 0px 0px 0px;} #tablah a:hover {background:#ffc000;} #tablah a {color:#fff;} #colRight{ /*float: right;*/ width: 165px; background: #fff; padding: 15px 10px 0 0px; } td.colRight {width:165px;} /* colLeft details */ #colLeft .infoBox {margin:0 0 15px 0;} #colLeft .tabs li.selected{background-image:url(leftTabSelectedBlue.gif);border-bottom:1px solid #f5f9fe} #colLeft .tabs li.selected a, #colLeft .tabs li.selected a:visited{background-image:url(rightTabSelectedBlue.gif);color:#000} /* end colLeft details */ #main{margin:0 auto;padding:5px;width:980px;} #main #content div.moreInfo{padding: 5px 0px;} #main #content div.moreInfo p{ padding: 0; margin: 15px 30px 0px 13px; color: #111; font-size: 1.1em; } #frame #content div.moreInfo table p{margin:0;font-size:1em} #frame #content div.moreInfo table p{margin:0} #main #content div.moreInfo h3{ padding: 10px 20px 0px 20px; margin: 0; color: #69a0cf; font-size: 1.4em; } #main #content div.moreInfo h3 span.date{ color: #a6a6a6; font-size: .7em; } #main #content div.moreInfo h3 span.other{ color: #111; font-size: .7em; } /* end content details */ /* colRight details */ #main #colRight #chain{ clear: both; padding:0; font-size:1.1em; } #main #colRight #chain div.person{ width: 50px; float: left; padding-right: 15px; } #main #colRight #views{ clear: both; padding-top: 20px; } #main #colRight #views h3{ margin: 0; padding: 0 0 0 0; font: bold 1.4em/1.6em Helvetica, Arial, Verdana, sans-serif; color: #ff9523; } /* end colRight details */ #views ul { list-style: none; display: block; margin: 0; padding: 0;} #views ul li {font: normal 1.1em/1.6em Helvetica, Arial, Verdana, sans-serif;color: #333;} /** Search results **/ .searchResults #main #content {margin:0 200px 10px 20px;} #frame #searchInfo { padding: 10px; border: 1px solid #dedfe1; margin: 0 0 10px 0; font-size: 1.10em; } #searchResultsTable .resultRow td { border-top: 1px solid #dedfe1; } #searchResultsTable p { font-weight: normal; font-size: 1.1em; margin: 0; padding: 0; } #searchResultsTable p a {text-decoration:none;} .pagingTop {margin-top: 20px;} #footer { clear: both; /* background: #fff; */ min-height:10px; } #footer h5{ margin: 0 0 0 10px; padding: 0; font: normal 1em/2.2em Helvetica, Arial, Verdana, sans-serif; text-decoration: none; color: #fff; display:none; } #footer .aboutInfo {margin:10px 100px;} #footer p{font-size:.8em;color:#666;margin:0 60px 0 120px;} /** Blogs CSS **/ .blog h1 {font-size:1.8em;color:#000;margin:0;padding:5px 0px;} .blog #frame #content {padding: 15px 10px 20px 13px;} .entry p{margin:5px 0 0 0px} .entry ul.actions{margin: 5px 0 0 0px;} #footer {margin-left:30px;} .blog #colLeft .tabContainer, .blog #colLeft .tabSection {padding-top:0;margin-top:0;} .blog #colLeft .list {margin-left:10px;} .blog #frame #colRight {padding-left:10px;} .blog .tagCloud {padding:5px;overflow:hidden;} .blog .entryBody {margin:0 0 0 14px;} .blog .indent7 {padding-left:7px;} .blog .indent12 {padding-left:12px;} .blog .header img {padding-top:5px;} .blog .pivotForm {padding-left:5px;} /* for filter form on tag cloud */ /* Paging */ .blog .blogPaging h4{font-weight:normal;font-size:.9em;background-color:#f3f3f3;border:1px solid #e0e0e0;padding:1px 15px;margin-bottom:0;text-align:left;} .blog .blogPaging .disabled {color:#999;} /* About */ .blog .about h1 {margin-top:5px;} .about #main #colRight {padding-top:0px;} /*Comments*/ .comments-head {font-weight:normal;font-size:1.1em;background-color:#f3f3f3;border:1px solid #e0e0e0;border-top:0;padding:3px 14px;margin-bottom:0;text-align:left;} .comment {padding:0px 15px; /*background-color:#f3f3f3;margin:10px 0;border:1px solid #e0e0e0;*/} span.commentLogin {display:block;padding-left:15px;} .comments-form {margin:0;} .comment-details {margin-bottom:25px;} .comment-details-head {display:block;border-bottom:1px solid #e0e0e0;margin-bottom:5px;padding-left:4px;} .comment-details-head .action {font-size:0.9em;} .comment-count {padding:1px 2px;margin-right:4px;} .comment-count-author {color:#fff;background-color:#43a0f6;padding:1px 4px;margin-right:4px;} .comment-content {padding:0 4px;display:block;} /** Roller styles **/ /* table */ table.rollertable th, table.rollertable th {background: #F5EBF3;text-align:left;padding: 3px;border: 1px solid #dbdbdb;border-bottom:0;} table.rollertable td, table.rollertable tbody td {border: 1px solid #dbdbdb;} table.rollertable {border-collapse: collapse; width: 100%;} table.rollertable td, table.rollertable tbody td {vertical-align: top;} table.rollertable tbody td {padding: 3px;} table.rollertable td.center {text-align: center;} /* Shelf list */ / *#frame #colRight {width:250px;}*/ #colRight .list li {margin:2px 1px;} /* Sidebar */ .sidebarInner h3{margin:0;padding:0;padding-bottom:5px;font:bold 1.2em/1.0em Arial, Helvetica, Verdana, sans-serif;color:#000; } .sidebarInner h3 a, .sidebarInner h3 a:hover, .sidebarInner h3 a:visited, .sidebarInner h3 a:focus, .sidebarInner h3 a:active {font-weight:normal;font-size:1.0em;text-decoration:underline;} .sidebarInner span, .sidebarInner p {display:block; padding:0;margin:0} .sidebarInner p {line-height:1.3em;margin-bottom:10px;} div.menu-tl {margin: 0px;padding: 0px;height: 100%;width: 100%;vertical-align: middle;display: table;} div.menu-tr {margin: 0px;padding: 0px;height: 100%;width: 100%;} td.pendingentry, tr.pendingentry {background: #ffffcc;} td.draftentry, tr.draftentry {background: #ffcccc;} td.needsapprovalentry, tr.needsapprovalentry {background: #ccccff;} .draftEntryBox {background: #ffcccc;border: 1px grey solid;} .pendingEntryBox {background: #ffffcc;border: 1px grey solid;} .needsApprovalEntryBox {background: #ccccff;border: 1px grey solid;} /** Form styles */ form ul{ /*position: relative;width: 100%; */ list-style: none; margin:10px 0;padding:0 15px;background-color:#f3f3f3;border:1px solid #e0e0e0;} form li{ line-height: 2em; margin: 0; padding: 1px 1px 6px 0px; } form li.focused{ background-color: #fff7c0 !important; } form li p{ font-size: 9px; line-height: 13px; color: #444; } form li{ display: inline-block; } form[id] li{ display: block; } form li div{ display: inline-block; } form[id] li div{ display: inline; } form .left{ float: left !important; margin: 0; } form .right{ float: right !important; margin: 0; } form .clear{ clear: both; } form li div p{ margin: 0 0 5px 0; } form div.left{ margin-right: 2px !important; } form div.left[class]{ margin-right: 4px !important; } form div.left img{ margin: 0 0 -2px 0; } form h2{ font-size: 1.8em; clear: left; } form .info{ display: inline-block; margin: 0 0 10px 0; padding: 0 0 4px 0; border-bottom: 1px dotted #ccc !important;} form .info[class]{ display: block; } form .info p{ font-size: 1em; line-height: 1.3em; margin: 0 0 8px 0; } textarea.textarea{margin-bottom: 1px;} textarea.textarea[class]{font-family: Helvetica, Arial, Verdana, sans-serif;} select.select{ padding: 1px 0 0 0; margin: 1px 0 3px 0; } select.select[class]{ margin: 0; padding: 1px 0 1px 0; } form .small{ width: 70px; } form .medium{ width: 170px; } form .large, form textarea.textarea{ width: 340px; } form .tags{ width: 320px; } form textarea.small{ height: 5.5em; } form textarea.medium{ height: 10em; } form textarea.large{ height: 20em; } label.desc{margin: 4px 0 3px 0;border: 0;font-size: 1.1em;line-height: 1.3em;display: block;} div.row {padding: 2px;} div.formrow {float: left;width: 80%;} label.formrow {float: left;text-align: right;width: 20%;padding-right: 1em;} div.sideformrow {float: left;width: 100%;} label.sideformrow {float: left;text-align: left;width: 30%;padding-right: 1em;} /* Errors and status messages */ div.messages, div.errors {background-color:#FEF89A;padding:7px 5px 5px 5px;border:1px solid #e0e0e0;margin-bottom:5px;} .messages img {vertical-align:top;} .entryField { width: 90% } * html .entry table, * html .entry img, * html .entry div {width:auto !important;} #header .hidden { position: absolute; top: -9000px; left: -9000px; } #header .inlinelist{margin:0 0 0 0;padding:0} #header .inlinelist li{display:inline;margin:0 0 0 -4px;padding:0 10px;border-left:1px solid #ccc;} #header .inlinelist li.first{margin-left:0;padding-left:0;border-left-width:0;} #header .inlinelist li.first {margin-left:-5px;padding-left:0;border-left-width:0;} /* abajomenu --------------------------------------------------*/ #abajomenu { height:2.3em; } #abajomenu ul { margin:0; padding:0; } #abajomenu li { float:right; margin:0; padding:0; list-style-type:none; border-right:0px solid; } #abajomenu li a { display:block; padding:0 16px; letter-spacing:1px; } #abajomenu a {color:white;} #abajomenu a:hover {color:#ffc000;} #abajomenu a:hover{background-color:#ffc000 } /* fin abajomenu --------------------------------------------------*/ body { margin: 0; background: #e0f8f7 url( fondo.png) repeat-x !important; } #header .hidden { position: absolute; top: -9000px; left: -9000px; } #header .inlinelist{margin:0 0 0 0;padding:0} #header .inlinelist li{display:inline;margin:0 0 0 -4px;padding:0 10px;border-left:1px solid #ccc;}#header .inlinelist li.first{margin-left:0;padding-left:0;border-left-width:0;} #header .inlinelist li.first {margin-left:-5px;padding-left:0;border-left-width:0;} body { /* margin: 0; background: #fff url( background.gif) top left repeat-x !important; */ } #header { /*font: normal .75em/1.5em Helvetica, Arial, Verdana, sans-serif; */ background: transparent url("head.jpg") bottom left no-repeat; color: #5b3feb; /*height: 4.0em; */ height: 90px; padding: 10px 0 0 0; border-bottom:0px solid #ffffff;border-right:0px solid #ffffff;border-left:0px solid #ffffff;border-top:0px solid #ffffff;/*font-size: .9em;*/} #header h1{ margin: 0 0 0 10px; padding: 0px; float: left; color: #fff; font: normal 2.6em/1.4em Georgia, Helvetica, Arial, Verdana, sans-serif; width:125px; text-align:left;} * html #header h1 {margin:3px 0 0 7px}#header h1 span{ color: #EBEBEB;} #header .links { float:left; background: transparent; padding-left:210px; /*height: 125px; line-height: 45px;*/ vertical-align: middle;} #header .links li img { border: 0px; vertical-align: middle; } #header #headerInner { height: 108px; } /* html #header .links li { margin-top: 15px; } * html #header .links { margin-top: 12px; } */ #header ul li { font: "Lucida Grande", Verdana, sans-serif; color: #fff; } #header ul li#headerUserText { text-transform: capitalized; color: #fff;} #header ul.userlist { margin: 0; padding-right: 7px; } #header ul.userlist li.first { padding-right: 7px; } #header ul.userlist li { text-transform: capitalize !important; display: inline; padding-right: 10px; } #header ul li a { color: #fff; text-decoration: none; background-color: transparent !important; } #header ul li a:hover { text-decoration: underline; } #header ul.inlinelist li{ border-left-width:0; background: transparent url("divider-light-yellow.gif") 0 center no-repeat; padding:0 10px;} #header ul.inlinelist li.first{background:transparent}