/*
Colores:
- Links: #b70
- Links oscuros: #960;
- Bordes: #fb0
- Texto en fondo negro: #fc3
*/

.nodisp { display:none; }
bodyP { text-align:center;
    font-family: tahoma, verdana, sans-serif;
    font-size: 12pt;
}
div.pad { position:relative; width:960px; text-align:left; margin:0 auto; padding:0 0px; }
div.innerpad { position:relative; /*width:740px; text-align:left; margin:0 auto;*/ padding:0 10px;}
div.divSelect{position:relative; width:740px; text-align:left; margin:0 auto; padding:0 10px; overflow:hidden; display:none;}
div.colIzquierda {float:left; width:310px; padding-left:8px; padding-right:2px; margin-bottom:1em;}
div.colDerecha {float:left; width:240px; padding-right:8px; padding-left:2px; margin-bottom:1em;}


a { color:#a00; }
a.user { color:#FFF; }
img.edit, .middle { vertical-align:middle; }
acronym { cursor:help; border-bottom:1px dotted #c90; }
.red { color:#a00; }
img.avatar { border:1px solid #000 !important; }

form { margin:0; padding:0; }
fieldset { margin-bottom:1em; border:1px solid #40c; padding:0 0.5em; }

.indent { margin-left:1.5em; }

ul.p { margin:0; padding:0; }
ul.p li { margin:0.5em 0 1em; list-style:none; }

ul.plain { margin:0; padding:0; }
ul.plain li { margin:0; list-style:none; }

ul.mini { margin:0; padding:0; }
ul.mini li { margin:0 0 0 1.5em; }

ul.tags li, .tag { border-left:2px solid #ccc; padding:0.25em 0.5em 0.25em; }
.bluetag { border-left-color:#00f !important; background:#e4e4ff; }
.bluefade { background:#fff url(bluefade.gif) repeat-y; }
.ambartag { border-left-color:#c90 !important; background:#fec; }
.ambarfade { background:#fff url(ambarfade.gif) repeat-y; }
.greentag { border-left-color:#0a0 !important; background:#dfd; color:#000; }
.graytag { border-left-color:#999 !important; background:#ddd; color:#000; }
.alerttag { border-left-color:#f00 !important; background:#fcc; color:#800; }
.offtag { border-left-color:#ccc !important; background:#eee; color:#bbb !important; }
.offtag a { color:#bbb; }

#header { position:relative; }
/*#header img.logo { padding:2px 0; }*/
#header.femsa { background:#DB110C url("../img/CCFemsaHeaderBack.png") repeat-x; color:#fff; }
#header span.mast {
   font:bold x-large tahoma,verdana,sans-serif; position:absolute; bottom:20px; left:19%; 
   width:65%; text-align:center; height: 30px;
}
#header h1 { position:absolute; right:10px; bottom:10px; color:#000}
#header h1.b { color:#FFF}
#header p.user { position:absolute; top:5px; right:10px; margin:0; padding:0; font-size:x-small; color:#000; }
#header p.userb { position:absolute; top:5px; right:10px; margin:0; padding:0; font-size:x-small; color:#FFF; }

.centrado {text-align:center}

ul.menu { margin:0; padding:0; font:bold 12px tahoma,verdana,sans-serif; }
ul.menu ul { margin:0; }
/*ul.menu ul { margin:0; padding:0 }*/

ul.menu li {
   padding:0.25em 0.35em 0.5em;
   font-weight:bold;
   background: #900 url(../img/Degrade.png) repeat-x top left;
   color:#fff; margin:0; list-style:none; /*border:1px solid blue;*/
}
ul.menu a { color:#fff; }
ul.menu li li { background:none; font-weight:normal; padding:0.1em 0; }
/*ul.menu li li { font-weight:normal; }*/

.ListaMenu {
background: #900 url(../img/Degrade.png) repeat-x top left;
font-weight:bold; /*font: bold 12px tahoma,verdana,sans-serif;*/
color: #FFF;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 5px;
/*text-decoration: none;*/
}

#navbar { position:relative; /*width:960px;*/ text-align:left; margin:0 auto;}
#navbar { background: #DB110C url("../img/Degrade.png") repeat-x center; padding:10px 0;  }
#navbar h2 { float:left; padding-right:0.25em; font-size:small; color:#fff; }
#navbar a { color:#960; }
#navbar .edit { vertical-align:middle; }
#navbar input { border-width:1px; font-size:85%; padding-top:2px; padding-bottom:2px; }
#navbar select { font-size:85%; }
#navbar input.bt { padding:0 2px; color:#fff; background:#555; }
input.search { padding:1px 2px 1px 15px; width:300px; background:#fff url("lupa.gif") no-repeat left; }
input.filter { border:1px solid #aaa; padding:1px 2px 1px 15px; width:300px; background:#fff url("filtro.png") no-repeat left; }

#body {
   position:relative; min-height:500px;
   border-top:1px solid #900; /* Para arreglar en IE6 que el menú principal no flote en medio de la pantalla (¿?) */
   /*background:url('../img/backleft.png') repeat-y top left;*/
}
#body h2 { background:#fff;  padding:0 2px 2px; }
#body h2 a { color:#000; text-decoration:none; }
#body h2 a:hover { text-decoration:underline; }

#body h3 { background:#fff url("../img/fadeh2.png") repeat-x; border-top:1px solid #000; padding:0 2px 2px;}
#body h3 a { color:#000; text-decoration:none; }
#body h3 a:hover { text-decoration:underline; }

div.Mainmenu { position:absolute; top:0; left:0; /*float:right;*/ width:200px; padding-left:0px; margin-right:10px; margin-bottom:1em; }
#Central { margin-left:205px; padding:10px; min-height:500px; }

#bodyleft50 { float:left; width:470px; padding-right:10px; margin-bottom:1em; }
#bodyright50 { float:left; width:470px; padding-left:10px; margin-bottom:1em; }

.notif { padding-left:25px; }
.notif.excla { background:url('../img/excla.gif') no-repeat 0 3px; }
.notif.speech { background:url('../img/mgpeq.gif') no-repeat 0 3px; }
.notif.ok { background:url('../img/ok.png') no-repeat 0 0; }
.notif.error { background:url('../img/error.png') no-repeat 0 0; }

#footer {
/*background: #DB110C url(../img/DegradeInv.png) repeat-x top left;*/
height:20px;
font: 12px tahoma,verdana,sans-serif;
color: #000;
display: block;
width: auto;
padding: 5px 0;
padding-left: 5px;
text-decoration: none;
}

#footer p { margin:0; }

.calend {
	border:1px solid #aaa; border-spacing:1px; width:130px; color:#000; background:#fff;
	float:left; margin:0 1px 1em;
}
.calend caption { font-size:85%; font-weight:bold; }
.calend th, .calend td { font-size:x-small; padding-right:2px; }
.calend th a, .calend td a { color:#000; text-decoration:none; }
.calend .gr, .calend .gr a { color:#ccc; }
.calend .today { outline:1px solid #33c; background-image:url(gray50.png) !important; font-weight:bold; }
.calend .tag { padding:0 2px 0 0; }
.calend .multi { background-image:url(multitag.gif); /*border-left-style:dotted;*/ }

.calevt {
	border:1px solid #aaa; border-spacing:1px; color:#000; background:#fff;
	float:left; margin:0 1px 1em;
}
.calevt caption { font-weight:bold; color:#fff; background:#000; }
.calevt th, .calevt td { background:#fff; font-size:85%; }
.calevt td { border:1px solid #000; padding:0 0.5em 0.5em 0.2em; vertical-align:top; }
.calevt th a, .calevt td a { /*color:#000; text-decoration:none;*/ }
.calevt .gr, .calevt .gr a { color:#ccc; }
.calevt .today { outline:1px solid #33c; background:#ccf; }
.calevt span { color:#999; text-decoration:line-through; }
.calevt span.cancel  { color:#a00; cursor:help; }
.calevt span.invit { color:#0a0; text-decoration:none; cursor:help; }
.calevt td div.d { font-weight:bold; /*float:left; padding-right:0.5em; position:relative; top:-0.4em; left:-0.2em;*/ }
.calevt td div.e { float:right; white-space:nowrap; padding-left:1.5em; }


a.unc /*, a[href^="file://"]*/ {
	color:#36c;
	background:transparent url(lan.png) no-repeat scroll right center;
	padding-right:18px;
}

a.external {
	color:#66c;
	background:transparent url(external.png) no-repeat scroll right center;
	padding-right:13px;
}

.sample { color:#888; position:absolute; left:0; top:2.5em; }
.disabled { color:#888; }


.pad.ContainerMain { position: relative; padding: 0px 8px; }
.pad.ContainerLeft { position: absolute; left: 0; width: 8px; height: 98%; background: url(../img/container-left.png) repeat-y top left; padding-bottom: -14px;}
.pad.ContainerRight { position: absolute; right: 0; width: 8px; height: 98%; background: url(../img/container-right.png) repeat-y top right; }
/*.pad.ContainerContent { background: #FFF url(../img/container-bg.png) repeat-x bottom left; }*/
.pad.ContainerBottomLeft { position:absolute; left:-12px; width:12px; height:14px; background: url(../img/container-bottomleft.png) no-repeat top left; }
.pad.ContainerBottomRight { position:absolute; right:-12px; width:12px; height:14px; background: url(../img/container-bottomright.png) no-repeat top right; }
.pad.ContainerBottomCenter { width:952px; height:14px; background: url(../img/container-bottom.png); position:relative; }

.foot 
{
background: #000 url(../img/DegradeInv.png) repeat-x bottom left;
width: auto;
display: block;
}
/*
div.fondo 
{
background: #FFF url(../img/fade6.png) repeat-x top left;
}
*/