@charset "iso-8859-1";
/* CSS Document */



#maincontainer{
width: 750px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding:0 8px 0 8px;
background: url(img/main-bg.png) #3088A6 bottom repeat-x;
}

#topsection{
background: url(img/header.png) #3088A6 no-repeat center;
width:750px;
height: 152px; /*Height of top section*/
}

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

#contentwrapper{
width: 100%;
}

#contentcolumn{
margin-left: 161px; /*Set left margin to LeftColumnWidth*/
background:url(img/main.png) no-repeat;
height:924px;
width:597px;
}

#leftcolumn{
float: left;
width: 161px; /*Width of left column*/
}

#footer{
clear: left;
width: 766px;
height:77px;
margin:0 auto;
background: url(img/footer.png) no-repeat center top;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

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

/*
MENU IZQUIERDO
*/

.arrowsidemenu {
width: 150px; /*width of menu*/
background: url(img/menu2-bg.png) bottom no-repeat ;
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.arrowsidemenu #middle {
background:url(img/menu2-bg-middle.png) repeat-y left;
padding:0 3px;
color: #000099;
}

.arrowsidemenu #bottom {
background:url(img/menu2-bg-bottom.png) repeat-y left;
height:111px;
}

.arrowsidemenu a{
cursor:pointer;
}

.arrowsidemenu div a { /*header bar links*/
font-weight:bold;
display: block;
padding:1px 0 2px 10px;
text-decoration: none;
font-size:13px;
}

.arrowsidemenu div a:hover {
 text-decoration:underline;
}

.arrowsidemenu div.unselected { /*header that's currently not selected*/
background: url(img/+.png) no-repeat center left;
padding-left:5px;
margin-left:5px;

}

.arrowsidemenu div.selected { /*header that's currently selected*/
background: url(img/-.png) no-repeat center left;
padding-left:5px;
margin-left:5px;

}

.arrowsidemenu ul {
list-style-type: none;
margin: 0;
padding: 0;

}

.arrowsidemenu ul li {
line-height:23px;
padding-left:5px;
}

.arrowsidemenu ul li a { /*sub menu links*/
font-weight:normal;
display: block;
text-decoration: none;
color: #000099;
padding-left: 10px;
font-size:11px;
}

.arrowsidemenu ul li a:hover {
text-decoration:none;
background:#8CCAE8;
text-decoration: underline;
color: #000099;
}