body{
margin:0;
padding:0;
line-height: 1.5em; 
font-family:Arial; 
font-size: 0.9em;
}

h2 {
color: #808080; }
h3 {color: #808080}
h4 {text-decoration: underline; font-size: 1.2em}

.em {
color: red;
font-weight:bold;
}

.box {
padding:4px; border:1px solid #FF7174; background-color: #FFCCCD
}

.box_orange {
padding:4px; border:1px solid rgb(232,177,13); background-color: rgb(248,224,150);
}

.box_example {
padding:4px; border:1px solid #D9E1FF; background-color: #ECF3FF}

.titulo{
color: #2979CE;
font-weight:bold;
}

.anterior-siguiente {
color: #2979CE;
}

.anterior-siguiente a{
color: #3366FF;
font-weight:bold
}

.anterior-siguiente a:hover{
color: #FF9900;
font-weight:bold
}

.titulo_menu{
color: #2979CE;
font-weight:bold;
font-size:1.4em;
}

#topsection{
border-bottom:1px solid #000000; 
height: 90px; 
text-align:center; 
color:#C0C0C0;
background: #000000;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
border-top:1px solid #E2E2E2; float: left;
width: 100%; 
}

#contentwrapper ul li {
list-style-image: url('../images/bg_bullet_full_2.gif');
}

#contentcolumn{
margin: 0 200px 0 230px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 230px; /*Width of left column*/
margin-left: -100%; 
background-image:url('../images/bg_left2.png'); 
background-repeat:repeat-y; 
}

#rightcolumn{
background-position: 0% 0%; 
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left marginto -(RightColumnWidth)*/
}

#bottom{
clear: left;
width: 100%;
height: 200px;
background: #181C18 url('../images/bg_bottom2.gif') repeat-y;
color: #FFFFFF;
text-align: center;
font-size:0.9em; 
position:relative
}

#footer{
clear: left;
width: 100%;
background: #292C29;
color: #9C9A9C;
text-align: center;
font-size:0.75em;
position:relative; 
margin-top: -15px;
padding-top: 4px;
padding-bottom: 4px;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
}

/* Menu horizontal */

.indentmenu{
border-bottom:1px solid #C0C0C0; width: 100%; 
font-size:1em
}

.indentmenu ul{
border-left:0 solid #CCCCCC; 
border-right:0 solid #CCCCCC;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin:0; padding:0; float: left;
width: 100%; /*width of menu*/
background: #393C39;
padding-left: 230px;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-left: 0px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black;
}

/* Menu vertical */

.wireframemenu{
font-size: 0.75em;
width: 210px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 204px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none; font-weight:bold
}

.wireframemenu li{
padding-left: 6px;
margin-left: 6px;
list-style-type: none;
}

.wireframemenu a{
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}

.subcontent-unit-border {width:183px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px rgb(190,190,190); background:rgb(235,235,235);}
.subcontent-unit-border-green {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(160,214,81); background-color:rgb(217,239,185);}
.subcontent-unit-border-blue  {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(137,170,214); background-color:rgb(213,225,240);}
.subcontent-unit-border-orange {width:183px; margin:0 0 2.5em 0px; padding:0 0 10px 0; border:solid 1px rgb(232,177,13); background-color:rgb(248,224,150);}

.subcontent-unit-noborder {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:rgb(235,235,235);}
.subcontent-unit-noborder-green {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(217,239,185);}
.subcontent-unit-noborder-blue  {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(213,225,240);}
.subcontent-unit-noborder-orange {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248,224,150);}

.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:174px;}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../images/bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:175px;}

/* MAIN SUBCONTENT */
.main-subcontent {font-size: 0.75em;}
.main-subcontent h1 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px; background-color:rgb(190,190,190); font-family:arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.green {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(160,214,81); font-family:arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.blue {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(137,170,214); font-family:arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.orange {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(232,177,13); font-family:arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
 /* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}

.main-subcontent ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.main-subcontent ul li {margin:5px 0 0.2em 2px; padding:0 0 0 11px; background:url(../images/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}