containing the day names */
background: #C7E1F3;
}
.calendar thead .name { /* Cells | containing the day names */
border-bottom: 1px solid #206A9B;
padding: 2px;
text-align: center;
color: #000;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
color: #a66;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
background-color: #34ABFA;
color: #000;
border: 1px solid #016DC5;
padding: 1px;
}
.calendar thead .active { /* Active (pressed) buttons in header */
background-color: #006AA9;
border: 1px solid #008AFF;
padding: 2px 0px 0px 2px;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells | containing month days dates */
width: 2em;
color: #456;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #fbb;
}
.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid #000;
background: #C7E1F3;
}
.calendar tbody .rowhilite td {
background: #def;
}
.calendar tbody .rowhilite td.wn {
background: #F1F8FC;
}
.calendar tbody td.hilite { /* Hovered cells | */
background: #def;
padding: 1px 3px 1px 1px;
border: 1px solid #8FC4E8;
}
.calendar tbody td.active { /* Active (pressed) cells | */
background: #cde;
padding: 2px 2px 0px 2px;
}
.calendar tbody td.selected { /* Cell showing today date */
font-weight: bold;
border: 1px solid #000;
padding: 1px 3px 1px 1px;
background: #fff;
color: #000;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
color: #a66;
}
.calendar tbody td.today { /* Cell showing selected date */
font-weight: bold;
color: #D50000;
}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The |
in footer (only one right now) */
text-align: center;
background: #206A9B;
color: #fff;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
background: #000;
color: #fff;
border-top: 1px solid #206A9B;
padding: 1px;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
background: #B8DAF0;
border: 1px solid #178AEB;
color: #000;
padding: 1px;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
background: #006AA9;
padding: 2px 0px 0px 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
cursor: default;
border: 1px solid #655;
background: #def;
color: #000;
font-size: 90%;
z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .hilite {
background: #34ABFA;
border-top: 1px solid #46a;
border-bottom: 1px solid #46a;
font-weight: bold;
}
.calendar .combo .active {
border-top: 1px solid #46a;
border-bottom: 1px solid #46a;
background: #F1F8FC;
font-weight: bold;
}
.calendar td.time {
border-top: 1px solid #000;
padding: 1px 0px;
text-align: center;
background-color: #E3F0F9;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: #F1F8FC;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: #267DB7;
color: #fff;
}
.calendar td.time span.active {
border-color: red;
background-color: #000;
color: #A5FF00;
}
/*layout CSS */
body {
text-align:center; /*center hack*/
min-width:1000px;
padding:0;
margin:0;
}
.titulo_cuadro{
background-color:#005e9b;
color:#FFFFFF;
font:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding-left:4px;
}
#wrapper {
margin:0 auto; /*center hack*/
text-align:left; /*center hack*/
}
.width_800{
max-width:780px;
width:780px;
}
.width_1024{
min-width:910px;
max-width:1000px;
width:auto !important;
width:1000px;
}
.width_fluid{
min-width:910px;
max-width:97%;
width:auto!important;
width:97%;
}
#heading{
width:100%;
position:relative;
padding:16px 0px 0px 0px;
}
#heading h1{
font-size:36px;
font-family:"Myriad pro", "Myriad Web", Geneva, Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#fff;
margin:0 0 0 27px!important;
padding:0 !important;
}
#heading h1 a{
color:#fff;
font-weight:normal;
}
#heading h1 a:hover{
text-decoration:none;
}
a#sitename1{
display:block;
/*width:1000px ;buena:636px; maximum 500px */
height: 67px; /* buena:67px maximum 68px */
/*background:url(../images/logo.jpg) top left no-repeat;*/
text-indent:-2000px;
/*padding-botton:30px;text-indent: -9999px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png', sizingMethod='crop');*/
}
#buttons{
position:absolute;
right:23px;
top:40px;
}
a#alarge.btnicon{
margin-right:8px;
}
a#asmall.btnicon{
margin-right:16px;
}
.btnicon{
float:left;
text-indent:-2000px;
width:10px;
height:23px;
margin-right:6px;
}
a#alarge{
background:url(../images/alarge.png) top left no-repeat;
}
a#amedium{
background:url(../images/amedium.png) top left no-repeat;
}
a#asmall{
background:url(../images/asmall.png) top left no-repeat;
}
#header{
margin-top:16px;
background:#2f2f2f url(../images/headerbg_m.jpg) top left repeat-x;
color:#fff;
}
#header .bgbl{
background:url(../images/0headerbg_bl.jpg) no-repeat;
background-position:15px 100%;
height:18!important;
height:18px;
padding:2px 6px 17px 5px;
position:static;
}
#user3{
display:block;
position:relative;
height:40px;
}
#user3 .moduletable{
margin:0;
}
#header #top{
max-height:200px;
/*overflow:hidden;*/
}
#header #top a{
/*text-decoration:underline;*/
}
#header #top a:hover{
/*color:#fff;*/
}
#header #top .moduletable{
padding-top:6px;
position:static;
}
#header #top .moduletable h3{
background-position:0px 10px;
position:relative;
padding:4px 0 6px 25px;
margin:3px 0;
}
#header #top .moduletable h3{
background-position:0px 10px;
position:relative;
padding:4px 0 6px 25px;
margin:3px 0;
}
#header #top .moduletable td{
color:#fff;
}
#user4 {
position:absolute;
right:0;
top:-26px;
background:url(../images/user4bg-l.png) top left no-repeat;
padding-left:38px;
color:#000;
z-index:1000;
}
#user4 .bgright4{
background:url(../images/user4bg-r.gif) top right no-repeat;
padding-right:18px;
}
#user4 .bg4{
background:url(../images/user4bg.jpg) top left repeat-x;
padding:5px 12px 5px 10px;
}
#user4 .moduletable, #user4 form, #user4 input{
margin:0;
padding:0;
}
#container{
padding-left:18px;
position:relative;
}
#container .bgright{
padding-right:18px;
margin:0!important;
margin-right:1px;
}
#container .bg{
background:#fff url(../images/containerbg_m.png) top left repeat-x;
}
#container .bg{
padding:12px 3px 0px 3px;/*12px 24px 0px 24px;*/
}
#content, #breadcrumbs{
position:relative;
width:100%;
}
#breadcrumbs{
padding-bottom:6px;
background:url(../images/bg-breadcrumbs.png) bottom left repeat-x;
margin-bottom:9px;
}
.leftcol, .middle, .rightcol{ overflow:hidden;}
.leftcol, .rightcol{
width:205px;
}
.leftcol{
float:left;
margin-left:-100%;
background:#fff url(../images/sidebg-b.png) bottom left no-repeat;}
.rightcol{
float:left;
margin-left:-205px;
background:#fff url(../images/sidebg-b.png) bottom left no-repeat;}
.leftcol .bgtop, .rightcol .bgtop{
background:url(../images/sidebg-t.png) top left no-repeat;
padding:1px 1px 20px 1px;
}
.middlewrap{
float:left;
width:100%;
}
.middle{
background:#fff url(../images/middlebg-l.jpg) top left no-repeat;
padding-left:11px;
}
#middlenarrow{
margin:0 9px;}
#middlewide{
margin:0;
}
#middlewrapleftonly{
float:right;
width:100%;
margin-left:-209px;
}
#middleleftonly{
margin:0 0 0 209px;}
#leftleftonly{
margin:0;
}
#middlewraprightonly{
float:left;
width:100%;
margin-left:-209px;
}
#middlerightonly{
margin:0 0 0 209px;}
#rightrightonly{
float:right;
margin:0;
}
.middle .middlebg{
background:#fff url(../images/middlebg-r.jpg) top right no-repeat;
padding:16px 16px 16px 5px;
min-height:400px;
height:auto!important;
height:400px;
}
.middle h1, .middle .componentheading{
background:url(../images/dotted.gif) bottom left repeat-x;
margin-bottom:0.3em;
}
.middle ul li{
background-position:0px 0px;
padding:1px 0px 5px 24px;
margin-left:10px;
}
.middle ul ul{
list-style-type:square;
margin-bottom:0;
}
.middle ul ul li{
background:none;
padding:0;
}
.middle ol{
margin-left:30px;
padding:0;
}
.middle ol li{
margin:0;
padding:0;
}
#banner .moduletable, #footermodule .moduletable{
padding:0;
text-align:center;
}
#user1{
float:left;
width:49.5%;
overflow:hidden;
}
#user2{
float:right;
width:49.5%;
overflow:hidden;
}
#bottom {
border-top:#cdcdcd 1px solid;
margin-top:16px;
}
#bottom .bottombg{
clear:both;
background:#f4f4f3 url(../images/bottombg.png) bottom left repeat-x;
padding:18px 0px;
position:relative;
width:100%;
border-top:#fff 1px solid;
}
#bottom .moduletable{
padding:0px 16px;
}
#bottom .moduletable h3{
background:none;
margin:0;
font-size:15px;
text-transform:uppercase;
}
ul.mostread, ul.latestnews{
padding:0;
margin:0;
}
a.mostread, a.latestnews{
background:url(../images/icon_author_bottom.gif) no-repeat;
background-position:0px 1px;
padding-left:18px;
}
#bottom li.mostread, #bottom li.latestnews{
padding:3px 0;
border-top:#fff 1px solid;
}
#bottom li a{
color:#666666;
}
#bottom li a:hover{
text-decoration:none;
}
#footer {
clear:both;
color:#fff;
background-color:#777;
padding:6px 0px;
margin:6px 0;
position:relative;
width:100%;
text-align:center;
}
#footer a{
font-weight:normal;
color:#ccc;}
#footer a:hover{
color:#fff;
text-decoration:none;
}
#footer .footerleft{
float:left;
padding-left:16px;
}
#footer .footerleft img{
vertical-align:middle;
}
#footer .footerright{
float:right;
padding-right:16px;
}
#reflection-l{
position:relative;
height:54px;
margin-left:-23px;
margin-right:-23px;
padding-left:16px;
}
#reflection-r{
height:54px;
padding-right:16px;
}
#reflection{
height:54px;
}
/*global reset*/
html, body, h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: 0;
padding: 0;
}
body {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: 0.5em 0;
}
fieldset {
padding:.5em;
border:0;
}
/*general*/
ul{
list-style:none;
}
p, td{
font-size:12px;
}
li p{
margin:0;
}
a img{
border:0 none;
}
a{
text-decoration:none;
font-weight:bold;
}
a:hover{
text-decoration:underline;
}
a:active, a:focus{
outline:none;
}
h1,.componentheading{
font-size:20px;
font-weight:normal;
margin:0;
padding-bottom:0.12px;
}
h2,.contentheading{
font-size:17px;
font-weight:bold;
font-family:Helvetica, Arial, sans-serif;
letter-spacing:-0.02em;
}
h3{
font-size:15px;
font-weight:bold;
}
h4{
font-size:13px;
font-weight:bold;
}
h5{
font-size:13px;
font-weight:bold;
}
h6{
font-size:12px;
font-weight:bold;
}
#footer,.small,.createdate,.modifydate,.mosimage_caption{
font:11px Arial,Helvetica,sans-serif;
}
.moduletable, .moduletable_menu, .moduletable_text{
margin-bottom:12px;
padding:0 10px; /*padding for inside text*/
}
.moduletable h3, .moduletable_menu h3, .moduletable_text h3{
padding:0.5em 0.5em 12px 0.5em;
margin:0 -10px 0.5em -10px; /*negative padding to pull h3 back out from .moduletable padding*/
}
.clear{
clear:both;
}
/*search */
.search input{/* the input textarea box */
background:url(../images/searchbg.png) top left no-repeat;
border:0;
height:18px;
font-size:11px;
width:182px;
}
.search #mod_search_searchword{
padding:2px 0 0 10px;
}
/*joomla*/
#user3 ul{
margin:0;
padding:0;
width:auto;
}
#user3 ul li{
margin:0;
padding:0;
float:right;
height:40px;
}
#user3 ul li a{
color:#d0d0d0;
text-transform:uppercase;
padding:10px;
display:block;
background:url(../images/topmenu-vline.jpg) no-repeat;
background-position:0px 2px;
}
#user3 ul li a:hover{
text-decoration:none;
}
ul.menu a, a.mainlevel{
font-size:13px;
color:#2a2929;
font-weight:bold;
display:block;
background:url(../images/arrow_mainlevel.png) no-repeat;
background-position:3px 9px;
border-bottom:#eee 1px solid;
padding:4px 4px 4px 16px;
margin-right:13px;
}
a.mainlevelcustom{
font-size:13px;
color:#2a2929;
font-weight:bold;
display:block;
background:url(../images/arrow_mainlevel.png) no-repeat;
background-position:3px 9px;
border-bottom:#eee 1px solid;
padding:4px 4px 4px 16px;
margin-right:13px;
}
li.newsfeedcustom{
font-size:11px;
color:#000099;
display:block;
background:url(../images/arrow_mainlevel.png) no-repeat;
background-position:3px 9px;
border-bottom:#eee 1px solid;
padding:4px 4px 4px 16px;
margin-right:13px;
}
a.mainlevelcustom:hover{
font-size:13px;
color:#32B1F1;
font-weight:bold;
display:block;
background:url(../images/blue/bgmenutextual.jpg) no-repeat;
background-position:3px 9px;
border-bottom:#eee 1px solid;
padding:4px 4px 4px 16px;
margin-right:13px;
}
ul.menu a:hover, a.mainlevel:hover{
text-decoration:none;
}
li#current a, a#active_menu.mainlevel{
font-weight:bold;
}
li#current li a{
color:#2a2929;
font-weight:bold;
background:url(../images/arrow_sub.png) no-repeat;
background-position:4px 10px;
border:none;
}
table.pollstableborder td{
padding:0.2em;
}
.button{
color:#fff;
font-size:13px;
font-weight:bold;
margin:3px 0;
padding:1px 5px;
border:none;
}
* html .button {
padding: 0px 2px !important; /*IE 6*/
}
*+html .button {
padding: 0px 2px !important; /*IE 7*/
}
.small, .articleauthor, .createdate, .modifydate{
color:#8a8a8a;
}
.articleauthor, .createdate, .modifydate{
padding-left:18px;
}
.articleauthor{
background:url(../images/icon_author.gif) top left no-repeat;
}
.createdate{
background:url(../images/icon_date.gif) top left no-repeat;
display:block;
padding-bottom:12px;
}
.modifydate{
background:url(../images/icon_updated.gif) top left no-repeat;
padding-bottom:12px;
}
div.banneritem_text{
padding:0.5em 0;
background:url(../images/dotted.gif) bottom left repeat-x;
}
.article_column {
padding-right: 5px;
}
.column_separator {
background:url(../images/dotted_v.gif) top left repeat-y;
padding-left: 10px;
}
table.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
}
table.contentpaneopen li {
margin-bottom: 5px;
}
table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #ddd;
}
td.buttonheading{
text-align:right;
}
div.buttonheading {
float: right;
width: 15%;
}
.buttonheading img {
margin: 0;
border: 0;
float: right;
}
table.pollstableborder td{
text-align:left;
}
/* content tables */
td.sectiontableheader {
background: #efefef;
color: #333;
font-weight: bold;
padding: 4px;
border-right: 1px solid #fff;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 4px;
}
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 3px;
}
/* thumbnails */
div.mosimage { margin: 5px; }
div.mosimage_caption { font-size: .90em; color: #666; }
div.img_caption { padding: 0 10px 0 10px; }
div.img_caption img { border: 1px solid #dedede; }
div.img_caption p { font-size: .90em; color: #666; text-align: center; }
|