body, body.f-default {font-size: 12px;}

p {margin-top: 10px;margin-bottom: 15px;}
h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 25px 0 10px 0;font-weight: normal;line-height: 120%;}
h1 {font-size: 200%;line-height: 100%;}
h2 {font-size: 175%;line-height: 100%;}
h3 {font-size: 150%;}
h4 {font-size: 120%;}
h5 {font-size: 120%;text-transform: uppercase;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}

/* @group Horizontal Menu */
/******************************************************************************
Aqui se define el background de los menues
*******************************************************************************/
#horiz-menu {
	width: 770px;
	height: 41px;
	background:#0099CC;
	border: 1px solid #dedede;
	border-bottom: 0;
}
/*****************************************************************************
******************************************************************************/
ul#horiznav.menutop, #horiz-menu ul.menutop {
	padding: 0;
	margin: 0;
	position: relative;
    z-index: 100; 
}

#horiz-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 100;

}

#horiz-menu .separator {
	cursor: default;
}

#horiz-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	z-index: 100;
	/*background: #ECD9D8;*/
}

#horiz-menu a, #horiz-menu li.active a,
#horiz-menu .separator, #horiz-menu li.active .separator {
	white-space: nowrap;
	display: block;
	float: left;
	height: 41px;
	line-height: 46px;
	padding: 0 11px 0 11px;
	font-weight: bold;
	font-size: 100%;
	overflow: hidden;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 100;
	color: #fff;
	/*background: url(../images/submenu-div.png) 100% 60% no-repeat;*/
}

#horiz-menu li.active a, #horiz-menu li.active .separator {
height: 36px;
line-height: 36px;
}
#horiz-menu li:hover {
/*background: url(../images/submenu-div.png) 100% 60% no-repeat;*/
}

#horiz-menu li.blue.sfHover a, #horiz-menu li.blue:hover a, #horiz-menu li.blue.sfHover .separator, #horiz-menu li.blue:hover .separator {border-top: 5px solid #ffffff;color: #ffffff;line-height: 36px;height: 36px;}
#horiz-menu li.blue.sfHover li a:hover, #horiz-menu li.blue:hover li a:hover {color: #0D507A;}

#horiz-menu li.red.sfHover a, #horiz-menu li.red:hover a, #horiz-menu li.red.sfHover .separator, #horiz-menu li.red:hover .separator {border-top: 5px solid #ffffff;color: #ffffff;line-height: 36px;height: 36px;}
#horiz-menu li.red.sfHover li a:hover, #horiz-menu li.red:hover li a:hover {color: #D12E2E;}

#horiz-menu li.purple.sfHover a, #horiz-menu li.purple:hover a, #horiz-menu li.purple.sfHover .separator, #horiz-menu li.purple:hover .separator  {border-top: 5px solid #9E0E87;color: #9E0E87;line-height: 36px;height: 36px;}
#horiz-menu li.purple.sfHover li a:hover, #horiz-menu li.purple:hover li a:hover {color: #9E0E87;}

#horiz-menu li.green.sfHover a, #horiz-menu li.green:hover a, #horiz-menu li.green.sfHover .separator, #horiz-menu li.green:hover .separator  {border-top: 5px solid #74A824;color: #74A824;line-height: 36px;height: 36px;}
#horiz-menu li.green.sfHover li a:hover, #horiz-menu li.green:hover li a:hover {color: #74A824;}

#horiz-menu li.orange.sfHover a, #horiz-menu li.orange:hover a, #horiz-menu li.orange.sfHover .separator, #horiz-menu li.orange:hover .separator  {border-top: 5px solid #CC8300;color: #CC8300;line-height: 36px;height: 36px;}
#horiz-menu li.orange.sfHover li a:hover, #horiz-menu li.orange:hover li a:hover {color: #CC8300;}


/***********************************************************************************
Editar color y background para el menu y submenu 
***********************************************************************************/
#horiz-menu li.grey.sfHover a, #horiz-menu li.grey:hover a, #horiz-menu li.grey.sfHover .separator, #horiz-menu li.grey:hover .separator  {
border-top: 5px solid #fff;
color: #000;
font-weight:bold;
background:#ffffff;/*actual = #CC9933*/
line-height: 36px;
height: 36px;
}
#horiz-menu li.grey.sfHover li a:hover, #horiz-menu li.grey:hover li a:hover {
color: #000;
font-weight:bold;
background:#ffffff;/*actual = #ECD9D8*/
}
/***********************************************************************************
***********************************************************************************/
#horiz-menu li.active {background: url(../images/submenu-div.png) 100% 58% no-repeat;}

#horiz-menu li.blue.sfHover li a, #horiz-menu li.blue:hover li a, 
#horiz-menu li.red.sfHover li a, #horiz-menu li.red:hover li a,
#horiz-menu li.purple.sfHover li a, #horiz-menu li.purple:hover li a,
#horiz-menu li.orange.sfHover li a, #horiz-menu li.orange:hover li a,
#horiz-menu li.green.sfHover li a, #horiz-menu li.green:hover li a,
#horiz-menu li.brown.sfHover li a, #horiz-menu li.brown:hover li a,
#horiz-menu li.grey.sfHover li a, #horiz-menu li.grey:hover li a,
#horiz-menu li.blue.sfHover li .separator, #horiz-menu li.blue:hover li .separator,
#horiz-menu li.red.sfHover li .separator, #horiz-menu li.red:hover li .separator,
#horiz-menu li.purple.sfHover li .separator, #horiz-menu li.purple:hover li .separator,
#horiz-menu li.orange.sfHover li .separator, #horiz-menu li.orange:hover li .separator,
#horiz-menu li.green.sfHover li .separator, #horiz-menu li.green:hover li .separator,
#horiz-menu li.brown.sfHover li .separator, #horiz-menu li.brown:hover li .separator,
#horiz-menu li.grey.sfHover li .separator, #horiz-menu li.grey:hover li .separator {background: none;border-top:0;color:#fff;}

#horiz-menu li.active li a, #horiz-menu li.active.parent li a,
#horiz-menu li.active li .separator, #horiz-menu li.active.parent li .separator {font-weight: normal;font-size: 100%;}

#horiz-menu ul ul {
	margin: 0;
	padding: 0 0 0 0;
	background:#2F7488;;
	border-top: 1px solid #0099cc;
	border-left: 1px solid #0099cc;
	border-right: 1px solid #0099cc;
}

#horiz-menu li.parent.blue li a.daddy, #horiz-menu li.parent.blue li span.daddy {border-right: 5px solid #0D507A;}
#horiz-menu li.parent.red li a.daddy, #horiz-menu li.parent.red li span.daddy {border-right: 5px solid #D12E2E;}
#horiz-menu li.parent.purple li a.daddy, #horiz-menu li.parent.purple li span.daddy {border-right: 5px solid #9E0E87;}
#horiz-menu li.parent.green li a.daddy, #horiz-menu li.parent.green li span.daddy {border-right: 5px solid #74A824;}
#horiz-menu li.parent.orange li a.daddy, #horiz-menu li.parent.orange li span.daddy {border-right: 5px solid #CC8300;}
#horiz-menu li.parent.brown li a.daddy, #horiz-menu li.parent.brown li span.daddy {border-right: 5px solid #ffffff;}
#horiz-menu li.parent.grey li a.daddy, #horiz-menu li.parent.grey li span.daddy {border-right: 5px solid #000;}


#horiz-menu ul ul ul {border-top: 1px solid #000000;}

#horiz-menu ul ul li a, #horiz-menu ul li.active.parent ul a,
#horiz-menu ul ul li .separator, #horiz-menu ul li.active.parent ul .separator {
	color: #333;
	text-transform: none;
	border-bottom: 1px solid #d6d6d6;
}

/* mouseovers */

#horiz-menu li li.active, #horiz-menu li.active li a, #horiz-menu li.active li a:hover, #horiz-menu li li a:hover, #horiz-menu ul li.active.parent ul a,
#horiz-menu li.active li .separator, #horiz-menu li.active li .separator:hover, #horiz-menu li li .separator:hover, #horiz-menu ul li.active.parent ul .separator {background: none;}

#horiz-menu li li a, #horiz-menu li li .separator {
	font-size: 100%;
	font-weight: normal;
	background: none;
}

#sub-menu {
	height: 34px;
	background: #ffffff ;
	border-top: 3px solid #dedede;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	clear: both;
}

#sub-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
}

#sub-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

#sub-menu a, #sub-menu li.active a {
	white-space: nowrap;
	display: block;
	float: left;
	height: 34px;
	line-height: 34px;
	padding: 0 12px 0 12px;
	margin: 0;
	font-weight: bold;
	font-size: 100%;
	overflow: hidden;
	text-decoration: none;
	z-index: 100;
	text-indent: 0;
	/*background: #CC9933 url(../images/submenu-div.png) 100% 50% no-repeat;*/
}

.main-page #sub-menu a:hover, .main-page #sub-menu li.active a {
color: #fff;
}

/* bottom menu */

#bottom-menu ul#mainlevel-bottom {
	padding: 0;
	margin: 0;
}

#bottom-menu #mainlevel-bottom ul {list-style: none;}

#bottom-menu #mainlevel-bottom li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#bottom-menu #mainlevel-bottom a, #bottom-menu #mainlevel-bottom a#active_menu.mainlevel {
	white-space: nowrap;
	display: block;
	float: left;
	height: 44px;
	line-height: 44px;
	padding: 0 15px 0 15px;
	font-weight: normal;
	font-size: 100%;
	font-weight: bold;
	overflow: hidden;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}

#bottom-menu ul#mainlevel-bottom a#active_menu.mainlevel-bottom,
#bottom-menu ul#mainlevel-bottom a.mainlevel-bottom:hover {
	height: 34px;
	line-height: 34px;

}

/* @end */

/* @group Sub Menu */

a.mainlevel:hover, a.sublevel:hover {text-decoration: none; }
ul.menu {margin: 0 0 15px 0;padding: 0;}
ul.menu li {list-style: none;margin: 0;padding: 0;float: none;}
ul.menu span {display: block;height: 24px;}
ul.menu a, ul.menu li.active a, a.mainlevel {display: block;line-height: 24px;text-indent: 10px;height: 24px;overflow: hidden;font-size: 110%;float: none;background: #ffffff url(../images/readon.png) 0 8px no-repeat;}
a.sublevel {background: url(../images/readon.png) 0 4px no-repeat;padding-left: 10px;margin-left: 0;}
ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel, a#active_menu.sublevel {font-weight: bold;}
ul.menu li.active li a {font-weight: normal;}
ul.menu a:hover, a.mainlevel:hover, a.sublevel:hover {color: #fff !important; }
ul.menu ul {margin: 4px 0;}
ul.menu ul li a {text-indent: 10px;}
ul.menu ul a {background: #ffffff; text-indent: 0;}
ul.menu ul {margin: 5px -15px; padding: 10px 0 10px 30px;}
ul.menu ul ul {padding: 0; margin-left: 20px; background: none;}
ul.menu li li {padding: 0;margin: 0;}
ul.menu ul a {text-indent: 0;}
ul.menu li.active a, ul.menu li.active a:hover {text-decoration: none; line-height: 24px;}
ul.menu li a:hover {text-decoration: none;}
ul.menu li.active ul {margin-top: 0;margin-bottom: 0;padding-top: 5px;padding-bottom: 5px;}

/* @end */

/* @group Content Styles */

a.readon {
	margin-top: 12px;
	font-weight: normal;
	font-size: 100%;
	display: block;
	line-height: 130%;
	padding-left: 10px;
	padding-bottom: 2px;
	background: #ffffff;
}

a.nounder {text-decoration: none;border: 0;cursor: pointer;}
a.nounder:hover {text-decoration: none;}
.clr {clear:both;}
fieldset {border-left: 0;border-right: 0;border-top: 0;border-bottom: 1px solid #ddd;}
fieldset.input, a img, body .pollstableborder {border: 0;}
img.content-left {float: left;margin-right: 10px;padding: 5px;}
img.content-right {float: right;margin-left: 10px;padding: 5px;}
#referencewidth {width: 100%;overflow:hidden;}
.back_button {margin-top: 20px;margin-bottom: 10px;}