
/* Main tags */
body {background:#dddddd url(images/backgr.png) repeat;
color:#303030; font:76% Verdana,Tahoma,Arial,sans-serif; margin:0; padding:0; text-align:center;}

a {color:#505050; font-weight:bold; text-decoration:none;}
a:hover {color:#808080;}
p {line-height:1.5em; margin:0 0 15px;}

/* Main container */
#container {
	background:#f0f0f0 url(img/bodybg.jpg) repeat-x;
	color:#303030;
	margin:0 auto;
	width:915px;
	padding:0;
	text-align:left; 
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;

}


/* Header section */
#sitename {color:#ffffff; height:92px; margin:0 20px 10px; text-align:left;}
#sitename h1,#sitename h2 {font-weight:400; letter-spacing:-2px; margin:0; padding:0;}
#sitename h1 {font-size:2.4em; padding-top:20px;}
#sitename h2 {font-size:1.6em;}

/* Horizontal menu */
#mainmenu {float:left; margin-bottom:25px; z-index:2; position:relative;}
#mainmenu ul {font-size:16px; margin:0; padding:0;}
#mainmenu li {float:left; height:35px; list-style:none; margin:0; padding:0;}

#mainmenu a {border-right:1px solid #b0b0b0; color:#606060; display:block; font-size:0.7em; padding:11px 10px 10px; text-transform:uppercase;}
#mainmenu a:hover { background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x; color:#505050; text-decoration:none;}
#mainmenu a.current { background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x; color:#505050; text-decoration:none;}

#mainmenu .opensub{				

	border-right:1px solid #b0b0b0; color:#606060; display:block; font-size:0.7em; padding:11px 10px 10px; text-transform:uppercase;
	color:#505050; font-weight:bold; text-decoration:none;
	position:relative;
} 

#mainmenu .submenu {

	display: none; 
	position:absolute;
	border-right:1px solid #b0b0b0; color:#606060;font-size:0.7em; padding:11px 10px 10px; text-transform:uppercase;
	color:#505050; font-weight:bold; text-decoration:none;
	padding: 0;
	width:190px;
	left: 0px;
	top: 35px;
	z-index:2;
}

#mainmenu .opensub:hover { 
	background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x; color:#505050; text-decoration:none;
}

#mainmenu .opensub:hover .submenu{	
	display: block; 
	z-index:2;
}

#mainmenu .submenu .subopcion{

	background:#f0f0f0 url(img/submenubg.jpg) top left repeat-x;
	height: 38px;
	font-weight:bold;
	line-height:1.5em;
	font-size:13px;
	z-index:2;
}

#mainmenu .submenu .subopcion a{ text-decoration:none; 	color:#505050;}
#mainmenu .submenu .subopcion a:hover{ text-decoration:none; color:#505050; background-position: 0px 1px;}



/* Content wrap */
#wrap { clear:both; font-size:0.9em; padding:0; position:relative; z-index:0;}

/* Sidebars */
#leftside,#rightside {margin:0; padding:0 10px 10px; width:165px;}
#leftside {float:left; margin-right:10px;}
#rightside {float:right; margin-left:10px; position:absolute; right:0px;}
#leftside h1,#rightside h1 {color:#505050; font-size:1.6em; font-weight:bold; letter-spacing:-1px; margin:0 0 12px;}
#leftside h2,#rightside h2 {font-size:1.1em; margin:0 0 20px;}
#leftside p,#rightside p {font-size:0.9em; line-height:1.4em; margin:0 0 16px 10px;}

.linklist {list-style:none; margin:0 0 16px 10px; padding:0;}
.linklist li {margin-bottom:0.7em;}

/* Sidebar menu */
.nav {background:#e8e9ea; border:1px solid #b0b0b0; color:#606060; display:block; margin-top:8px; padding:5px 4px 4px 10px; position:relative; text-transform:uppercase; width:140px;}
.nav:hover,.active {background:#f8f9fa; border:1px solid #909090; color:#303030; text-decoration:none;}
.sub {font-size:0.8em; letter-spacing:1px; margin:3px 0 2px 10px; padding:4px 2px 2px 8px; width:125px;}

/* Content */
#content,#contentalt {background-color:#fafcff; border:1px solid #909090; color:#2a2a2a; padding:5px 20px 5px;  z-index:-1;}
#content {margin:0 200px;}
#contentalt {margin:0 200px 0 20px; width:660px;}
#content h1,#content h2,#contentalt h1,#contentalt h2 {background-color:inherit; color:#606060; font-size:1.8em; font-weight:bold; letter-spacing:-1px; margin:0 0 15px; padding:0;}
#content h2,#contentalt h2 {font-size:1.6em; margin-bottom:10px;}
#content img,#contentalt img {border:1px solid #b0b0b0; float:left; margin:5px 15px 6px; padding:5px;}


/* Various classes */
.thumbnail {background:#fafbfc; border:1px solid #b0b0b0; margin:0 0 10px 10px; padding:5px;}
.searchform {margin:0;}
.searchbox {background:#f0f0f0; border:1px solid #b0b0b0; margin:0 4px 0 0; width:100px;}
.searchbutton {background:#f0f0f0; border:1px solid #b0b0b0;}
.clearingdiv {clear:both; height:30px; width:1px;}
.hide {display:none;}
.intro {font-size:1.0em; font-weight:bold;}
.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}