/* Demo styles, page-specific - not needed for your use. */

html {
 background:#0E0803;
 background-image:url(../images/fondo_degra.png); background-repeat:repeat-x; 
 height:100%;
}

body {
 font:normal 76% verdana,tahoma,arial;
}

.top {width:100%; height:149px; background-image:url(../images/top.png); background-repeat:no-repeat; background-position:center;}

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#F7F2C4; margin:0 5px;}
.b2f {height:1px; background:#F7F2C4; margin:0 3px;}
.b3f {height:1px; background:#F7F2C4; margin:0 2px;}
.b4f {height:2px; background:#F7F2C4; margin:0 1px;}
.contentf {background: #F7F2C4;}
.contentf div {margin-left: 5px; }

a {
color:#9A3E00;
text-decoration:none;
}

.idiomas {
 color:#9A3E00;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
}

.textocentral {
 color:#5F4800;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
  line-height:1.2em;
}

.titulocentral {
 color:#9A3E00;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:22px;
 line-height:1.2em;
}

.textosnot1 {
 color:#9A3E00;
 font: "Courier New", Courier, monospace;
 font-size:14px;
}

.menus {
 color:#FFF478;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
}


.ancho {
width:98% 
}

.ancho2 {
width:50% 
}

a:hover {
 color:#9A3E00;
}

h1, h2 {
 font:normal 1em georgia,helvetica,arial;
 letter-spacing:-0.5px; /* it isn't web 2.0 otherwise, right? ;) */
}

h2 {
 font-size:1.25em;
 letter-spacing:0px;
 font-style:italic;
}

h2.compact {
 margin-top:0.05em;
 margin-bottom:1em;
}

h2.tight {
 margin-bottom:0.5em;
}

h2 em {
 text-decoration:underline;
}

ul {
 margin:0.5em 0px 0px 1.5em;
 padding:0px;
}

ul li {
 line-height:1.9em;
}

p {
 margin:0.5em 0px 1.25em 0px;
 padding:0px;
 line-height:1.7em;
}

p.last {
 margin-bottom:0px;
}

p.compact {
 margin:0px;
 padding:0px;
}

pre {
 border:1px solid #cc3333;
 width:99%;
 overflow:auto;
 max-height:39.4em;
}

pre span {
 display:block;
 border:1px solid #cc3333;
 border-left:none;
 border-right:none;
 margin-top:1em;
 padding:0.5em 0px 0.5em 0px;
 color:#ff9999;
}

p, ul {
 font-size:0.9em;
}

/* demo layout (columns, etc.) - only for this demo page */

#demo {
 position:relative;
 margin:0px auto;
 width:830px; /* IE 6 sucks. */
/* max-width:1600px; */
}

.col {
 float:left;
 display:inline;
 width:100%;
 _width:48%;
 margin:0px 0.5% 0px 0.5%;
}

.col.last {
 margin-right:0px;
}

/* content-specific */

.dialog .content {
 padding:0.5em 1em 0.5em 0px;
}

.dialog .wrapper {
 min-height:155px; /* minimum content height, so bottom shade fills in nicely - can ignore if no gradient in dialog, etc. */
}

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 padding-top:0.25em;
}

html>body .dialog pre {
 font-size:1.1em;
 font-size:0.9em;
}

code {
 font-size:1.1em;
 color:#ccffff;
}

.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Red;
}

#cinta 
{
	 /*display:inherit;*/
	 display:block;
	/*position: inherit;*/
	position:static;
}
    /*Modal Popup*/
    .modalBackground {
	    background-color:Gray;
	    filter:alpha(opacity=70);
	    opacity:0.7;
    }
 /* CALENDARIO */
.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: White;
    color: #333333;
    width: 170px
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}