/*
 * Custom Style Sheet - Use this file to style your content
 */
 
/* General Content Styles
----------------------------------------------------------------------------------------------------*/

.module-blue .time-date, .module-blue p, .module-blue h3  {margin:0; mpadding:0;}
.module-orange .time-date, .module-orange p, .module-orange h3  {margin:0; padding:0;}
.module-orange .time-date, .module-blue .time-date {margin:5px 0;}
.module-orange .time-date, .module-orange a {color:#ff6800;}
.module-blue .time-date, .module-blue a {color:#002b62;}
.module-grey img {margin:25px 0;}

#newsbar {height:260px; overflow:hidden;}
#newsbar h3 {color:#fff; font-size:14px; line-height:14px; margin:0 0 15px 0; padding:0;}
#newsbar h1 {color:#fff; font-size:34px; line-height:34px; margin:0; padding:0;}
#newsbar .time-date {color:#fff; margin:10px 0; padding:0; font-weight:bold;}
#newsbar .news-content {color:#fff; height:55px; overflow:hidden; width:400px;}
#newsbar a {color:#fff; font-weight:bold;}

#toolbar .separator {background:url(../images/layout/top_nav_bg.png) no-repeat 50% 50%; width:50px; float:left; height:14px; }

#toolbar-left ul {list-style:none; padding:0; margin:35px 0 0 0;}
#toolbar-left li {list-style:none; padding:0; margin:0;}
#toolbar-left li a {display: block; background:url(../images/layout/toolbar_icons_bg.png) no-repeat 0 0; text-indent:-1000px; width:18px; height:18px; margin:12px 8px;}
#toolbar-left li.home a {background-position:0 0}
#toolbar-left li.favorite a {background-position:0 -33px}
#toolbar-left li.facebook a {background-position:0 -65px}
#toolbar-left li.feed a {background-position:0 -101px}

#content div.social {width:100%; height:20px; display:block; margin:20px 0;}
#content div.social a{color:#666b71; font-size:10px; line-height:20px; margin-right:10px;}
#content div.social a.facebook span {width:20px; height:20px; background:url(../images/layout/social_bg.png) no-repeat 0 0; display:inline-block; margin-right:5px;}
#content div.social a.email span {width:20px; height:20px; background:url(../images/layout/social_bg.png) no-repeat -24px 0; display:inline-block; margin-right:5px;}
#content div.social a.print span {width:22px; height:20px; background:url(../images/layout/social_bg.png) no-repeat -45px 0; display:inline-block; margin-right:5px;}

#content h3 {margin:0; padding:0;}
#content p.nospace {margin-bottom:0}
#content ul {padding:0; margin:0;}
#content ul li {list-style:none; background:url(../images/layout/content_list_bg.png) no-repeat 0 50%; padding-left:10px; margin-left:10px;}
#content ul.articlemenu li {list-style:none; background:url(../images/layout/content_list_bg.png) no-repeat 0 50%; margin-left:0px; }
li.required {list-style-type: disc!important; background: none!important; display: list-item!important; margin-left: 16px!important;}


/* Inicial Page Styles
----------------------------------------------------------------------------------------------------*/

body.home #maininner {width:100%;}
body.home #content { margin:0 10px;}

#content h4 { margin:10px 0 0 0; font-size:13px; line-height:16px; font-weight:bold;}

#content .module {width:182px; height:154px; float:left; margin:10px; padding:15px;}
#content .module h3, #content .module h4, #content .module p, #content .module a {color:#fff;}
#content .module h3 {font-size:25px; line-height:25px; margin:0; padding:0; font-weight:bold;}
#content .module p {font-size:11px; line-height:15px; margin:10px 0;}
#content .module a { text-indent:-10000px; height:47px; width:47px; float:right; display:block; background:url(../images/layout/home_more.png) no-repeat 50%} 

#content .module h4 {font-size:17px; line-height:17px; margin:0; padding:0; font-weight:bold;}
#content .Search form {color:#fff; margin-top:15px; font-size:10px;}
#content .Search input {width:175px; clear:both; background:url(../images/layout/search_bg.png) no-repeat 0 0; border:none; font-size:10px; height:19px; }
#content .Search label {margin-top:5px; display:block;}
#content .Search select {width:179px; clear:both; background:url(../images/layout/search_bg.png) no-repeat 0 0; border:none; font-size:10px;}
#content .Search button, .menu-dropdown-top button{background:url(../images/layout/button_bg.png) no-repeat 0 0; border:none; color:#fff; width:82px; height:19px; font-size:10px; margin-top:15px; }
 

.QInicial {background:url(../images/homeButtonQInicial.jpg) no-repeat 0 0;}
.QContinua {background:url(../images/homeButtonQContinua.jpg) no-repeat 0 0;}
.QInicialEmpresas {background:url(../images/homeButtonQInicialEmpresas.jpg) no-repeat 0 0;}
.QIntraEmpresas {background:url(../images/homeButtonQIntraEmpresas.jpg) no-repeat 0 0;}
.Hotelfachleute {background:url(../images/homeButtonHotelfachleute.jpg) no-repeat 0 0;}
.Refa {background:url(../images/homeButtonRefa.jpg) no-repeat 0 0;}
.ServicosEmpresas {background:url(../images/homeButtonServicosEmpresas.jpg) no-repeat 0 0;}
.Search {background:url(../images/homeButtonSearch.jpg) no-repeat 0 0;}


/* Custom Page Styles Colors/Headers
----------------------------------------------------------------------------------------------------*/
#content ul.inner {margin:20px 0; background:url(../images/layout/sidebar_menu_inner_level1_bg.png) repeat-y 50% 0;}
#content ul.inner li {background: none; padding-left: 0; margin-left: 0;}
#content ul.inner li.parent .level1 > span {background:url(../images/layout/sidebar_menu_inner_level1_bg.png) repeat-y 50% 0;}
#content ul.inner li.parent .level2 > span {background: #bbbbbb url(../images/layout/sidebar_menu__level2_bg.png) repeat-y 50% 0;}
#content ul.inner li.parent .level3 > span {background: #878787 url(../images/layout/sidebar_menu__level3_bg.png) repeat-y 50% 0;}

body.home #header {background:url(../images/header/headerGeral.jpg) no-repeat -2px 0;}
body.home .block-top  {background:url(../images/header/header_bg_1.png);}


body.dual-inicial #header {background:url(../images/header/headerQInicial.jpg) no-repeat -2px 0;}
body.dual-inicial .block-top {background: url(../images/header/header_bg_2.png);}
body.dual-inicial #content h3, body.dual-inicial #content h4 {color:#ff7700;}
body.dual-inicial .menu-dropdown li.level1:hover .level1,
body.dual-inicial .menu-dropdown li.remain .level1,
body.dual-inicial .menu-dropdown li.active .level1 { background:#ff6600; }
body.dual-inicial .menu-dropdown a.level2:hover, body.dual-inicial a:hover { color: #ff7700; }
body.dual-inicial .menu-sidebar li.level1.active  > span, body.dual-inicial .menu-sidebar li.parent.active .level1 > span, body.dual-inicial .menu-sidebar li.parent .level1 > span:hover, 
body.dual-inicial .menu-sidebar li.level2.active  > span, body.dual-inicial .menu-sidebar li.level2.parent.active > span, body.dual-inicial .menu-sidebar li.parent .level2 > span:hover, 
body.dual-inicial .menu-sidebar li.level3.active  > span, body.dual-inicial .menu-sidebar li.level3.parent.active > span, body.dual-inicial .menu-sidebar li.parent .level3 > span:hover
{background:#ff6700 url(../images/layout/dual_menu_active.png)  repeat-y 50% 0 !important;}
body.dual-inicial #footer ul a:hover {color:#ff7700;}
body.dual-inicial #footer ul ul  a:hover {border-bottom:1px dotted #ff7700;}
body.dual-inicial #content div.social a:hover {color:#ff7700;}


body.continua #header {background:url(../images/header/headerQContinua.jpg) no-repeat -2px 0;}
body.continua .block-top {background: url(../images/header/header_bg_1.png);}
body.continua #content h3, body.continua #content h4 { }
body.continua .menu-dropdown li.level1:hover .level1,
body.continua .menu-dropdown li.remain .level1,
body.continua .menu-dropdown li.active .level1 { }
body.continua .menu-dropdown a.level2:hover, body.continua a:hover { color: #555; }
body.continua .menu-sidebar li.level1.active  > span, body.continua .menu-sidebar li.parent.active .level1 > span, body.continua .menu-sidebar li.parent .level1 > span:hover, 
body.continua .menu-sidebar li.level2.active  > span, body.continua .menu-sidebar li.level2.parent.active > span, body.continua .menu-sidebar li.parent .level2 > span:hover, 
body.continua .menu-sidebar li.level3.active  > span, body.continua .menu-sidebar li.level3.parent.active > span, body.continua .menu-sidebar li.parent .level3 > span:hover 
{background:#343434 url(../images/layout/sidebar_menu__level1_active_bg.png) repeat-y 50% 0 !important;}
body.continua #footer ul a:hover {color:#555;}
body.continua #footer ul ul  a:hover {border-bottom:1px dotted #555;}
body.continua #content div.social a:hover {color:#555;}


body.empresas #header {background:url(../images/header/headerQInicialEmpresas.jpg) no-repeat -2px 0;}
body.empresas .block-top {background: url(../images/header/header_bg_1.png);}
body.empresas #content h3, body.empresas #content h4 { }
body.empresas .menu-dropdown li.level1:hover .level1,
body.empresas .menu-dropdown li.remain .level1,
body.empresas .menu-dropdown li.active .level1 { }
body.empresas .menu-dropdown a.level2:hover, body.empresas a:hover { color: #555; }
body.empresas .menu-sidebar li.level1.active  > span, body.empresas .menu-sidebar li.parent.active .level1 > span, body.empresas .menu-sidebar li.parent .level1 > span:hover, 
body.empresas .menu-sidebar li.level2.active  > span, body.empresas .menu-sidebar li.level2.parent.active > span, body.empresas .menu-sidebar li.parent .level2 > span:hover, 
body.empresas .menu-sidebar li.level3.active  > span, body.empresas .menu-sidebar li.level3.parent.active > span, body.empresas .menu-sidebar li.parent .level3 > span:hover 
{background:#343434 url(../images/layout/sidebar_menu__level1_active_bg.png) repeat-y 50% 0 !important;}
body.empresas #footer ul a:hover {color:#555;}
body.empresas #footer ul ul  a:hover {border-bottom:1px dotted #555;}
body.empresas #content div.social a:hover {color:#555;}


body.intra-empresas #header {background:url(../images/header/headerQIntraEmpresas.jpg) no-repeat -2px 0;}
body.intra-empresas .block-top {background: url(../images/header/header_bg_3.png);}
body.intra-empresas #content h3, body.intra-empresas #content h4  {color:#003366;}
body.intra-empresas .menu-dropdown li.level1:hover .level1,
body.intra-empresas .menu-dropdown li.remain .level1,
body.intra-empresas .menu-dropdown li.active .level1 { background:#003366; }
body.intra-empresas .menu-dropdown a.level2:hover, body.intra-empresas a:hover { color: #003366; }
body.intra-empresas .menu-sidebar li.level1.active  > span, body.intra-empresas .menu-sidebar li.parent.active .level1 > span, body.intra-empresas .menu-sidebar li.parent .level1 > span:hover, 
body.intra-empresas .menu-sidebar li.level2.active  > span, body.intra-empresas .menu-sidebar li.level2.parent.active > span, body.intra-empresas .menu-sidebar li.parent .level2 > span:hover, 
body.intra-empresas .menu-sidebar li.level3.active  > span, body.intra-empresas .menu-sidebar li.level3.parent.active > span, body.intra-empresas .menu-sidebar li.parent .level3 > span:hover 
{background:#001155 url(../images/layout/intra-empresas_menu_active.png) repeat-y 50% 0 !important;;}
body.intra-empresas #footer ul a:hover {color:#003366;}
body.intra-empresas #footer ul ul  a:hover {border-bottom:1px dotted #003366;}
body.intra-empresas #content div.social a:hover {color:#003366;}


body.hotelfachleute #header {background:url(../images/header/headerHotelfachleute.jpg) no-repeat -2px 0;}
body.hotelfachleute .block-top {background: url(../images/header/header_bg_4.png);}
body.hotelfachleute #content h3, body.hotelfachleute #content h4  {color:#85acff;}
body.hotelfachleute .menu-dropdown li.level1:hover .level1,
body.hotelfachleute .menu-dropdown li.remain .level1,
body.hotelfachleute .menu-dropdown li.active .level1 { background:#85acff; }
body.hotelfachleute .menu-dropdown a.level2:hover, body.hotelfachleute a:hover { color: #85acff; }
body.hotelfachleute .menu-sidebar li.level1.active  > span, body.hotelfachleute .menu-sidebar li.parent.active .level1 > span, body.hotelfachleute .menu-sidebar li.parent .level1 > span:hover, 
body.hotelfachleute .menu-sidebar li.level2.active  > span, body.hotelfachleute .menu-sidebar li.level2.parent.active > span, body.hotelfachleute .menu-sidebar li.parent .level2 > span:hover, 
body.hotelfachleute .menu-sidebar li.level3.active  > span, body.hotelfachleute .menu-sidebar li.level3.parent.active > span, body.hotelfachleute .menu-sidebar li.parent .level3 > span:hover 
{background:#6e8dc3 url(../images/layout/hotelfachleute_menu_active.png) repeat-y 50% 0 !important;;}
body.hotelfachleute #footer ul a:hover {color:#85acff;}
body.hotelfachleute #footer ul ul  a:hover {border-bottom:1px dotted #85acff;}
body.hotelfachleute #content div.social a:hover {color:#85acff;}


body.refa #header {background:url(../images/header/headerRefa.jpg) no-repeat -2px 0;}
body.refa .block-top {background: url(../images/header/header_bg_6.png);}
body.refa #content h3, body.refa #content h4  {color:#00979f;}
body.refa .menu-dropdown li.level1:hover .level1,
body.refa .menu-dropdown li.remain .level1,
body.refa .menu-dropdown li.active .level1 { background:#00979f; }
body.refa .menu-dropdown a.level2:hover, body.refa a:hover { color: #00979f; }
body.refa .menu-sidebar li.level1.active  > span, body.refa .menu-sidebar li.parent.active .level1 > span, body.refa .menu-sidebar li.parent .level1 > span:hover, 
body.refa .menu-sidebar li.level2.active  > span, body.refa .menu-sidebar li.level2.parent.active > span, body.refa .menu-sidebar li.parent .level2 > span:hover, 
body.refa .menu-sidebar li.level3.active  > span, body.refa .menu-sidebar li.level3.parent.active > span, body.refa .menu-sidebar li.parent .level3 > span:hover 
{background:#0b858c url(../images/layout/refa_menu_active.png) repeat-y 50% 0 !important;;}
body.refa #footer ul a:hover {color:#00979f;}
body.refa #footer ul ul  a:hover {border-bottom:1px dotted #00979f;}
body.refa #content div.social a:hover {color:#00979f;}


body.ServicosEmpresas #header {background:url(../images/header/headerServicosEmpresas.jpg) no-repeat -2px 0;}
body.ServicosEmpresas .block-top {background: url(../images/header/header_bg_5.png);}
body.ServicosEmpresas #content h3, body.ServicosEmpresas #content h4  {color:#8e774b;}
body.ServicosEmpresas .menu-dropdown li.level1:hover .level1,
body.ServicosEmpresas .menu-dropdown li.remain .level1,
body.ServicosEmpresas .menu-dropdown li.active .level1 { background:#8e774b; }
body.ServicosEmpresas .menu-dropdown a.level2:hover, body.ServicosEmpresas a:hover { color: #8e774b; }
body.ServicosEmpresas .menu-sidebar li.level1.active  > span, body.ServicosEmpresas .menu-sidebar li.parent.active .level1 > span, body.ServicosEmpresas .menu-sidebar li.parent .level1 > span:hover, 
body.ServicosEmpresas .menu-sidebar li.level2.active  > span, body.ServicosEmpresas .menu-sidebar li.level2.parent.active > span, body.ServicosEmpresas .menu-sidebar li.parent .level2 > span:hover, 
body.ServicosEmpresas .menu-sidebar li.level3.active  > span, body.ServicosEmpresas .menu-sidebar li.level3.parent.active > span, body.ServicosEmpresas .menu-sidebar li.parent .level3 > span:hover 
{background:#74623f url(../images/layout/servicosempresas_menu_active.png) repeat-y 50% 0 !important;;}
body.ServicosEmpresas #footer ul a:hover {color:#8e774b;}
body.ServicosEmpresas #footer ul ul  a:hover {border-bottom:1px dotted #8e774b;}
body.ServicosEmpresas #content div.social a:hover {color:#8e774b;}


/* ADDED BY HUMANSOFT */
/* Bottom References
----------------------------------------------------------------------------------------------------*/

.bottom_references .module-content { text-align: center; vertical-align: center !important; }


/* Fix Last Main Menu Child Position
----------------------------------------------------------------------------------------------------*/

ul.menu-dropdown > li.last > div.dropdown {margin-left: -166px;}


/* Fix Top Menu Color hover
----------------------------------------------------------------------------------------------------*/

body.refa .menu-dropdown li.level1:hover .level1,
body.continua .menu-dropdown li.level1:hover .level1,
body.empresas .menu-dropdown li.level1:hover .level1,
body.dual-inicial .menu-dropdown li.level1:hover .level1,
body.intra-empresas .menu-dropdown li.level1:hover .level1,
body.ServicosEmpresas .menu-dropdown li.level1:hover .level1,
body.hotelfachleute .menu-dropdown li.level1:hover .level1
{color: #ffffff;}


/* Course Details
----------------------------------------------------------------------------------------------------*/

div.course-details {position: relative; margin-top: 20px; padding: 2% 3%; min-width: 94%; width: 94%; background-color: #f1f1f1;}
/*div.course-details ul li {padding: 0px !important; margin: 0px !important; background: none !important;}
div.course-details ul.title {float: left; margin-bottom: 10px !important;}
div.course-details ul.title li span {display: block; font-weight: bold;}
div.course-details ul.content {float: left; margin-left: 15px !important;}*/
div.course-details table tr { margin-bottom: 10px 0 !important; }
div.course-details table th { width: 70px; text-align: left; vertical-align: top;}
div.course-details table td { width: 500px; text-align: justify; }


/* Courses Subscription
----------------------------------------------------------------------------------------------------*/

div.courses-subscription {clear: both; padding: 0px; margin: 0px; width: 130px;}
div.courses-subscription > h3 {background-position: center !important; text-align: center;}
div.courses-subscription > h3 span {display: block; line-height: 30px; text-transform: uppercase; color: #fff; cursor: pointer; font-size: 14px;}
div.courses-subscription > h3 span.pointer {cursor: auto;}
div.courses-subscription > div {display: none; position: absolute; min-width: 130px; height: auto; z-index: 1;}
div.courses-subscription > div ul li {padding: 0px !important; margin: 0px !important; line-height: 38px !important; background: url('../images/layout/sidebar_menu__level1_bg.png') repeat-y !important; background-position: center !important;}
div.courses-subscription > div ul li a {display: block; line-height: 30px; font-size: 13px; text-align: center; color: #545454;}
div.courses-subscription > div ul li a:hover {color: #fff;}

body.continua div.courses-subscription > h3 {background: url('../images/layout/mod_bg_grey.png') no-repeat !important;}
body.continua div.courses-subscription > div ul li:hover {background: url('../images/layout/mod_bg_grey.png') no-repeat !important;}
body.dual-inicial div.courses-subscription > h3 {background: url('../images/layout/dual_menu_active.png') repeat-y !important;}
body.dual-inicial div.courses-subscription > div ul li:hover {background: url('../images/layout/dual_menu_active.png') repeat-y !important;}
body.intra-empresas div.courses-subscription > h3 {background: url('../images/layout/intra-empresas_menu_active.png') repeat-y !important;}
body.intra-empresas div.courses-subscription > div ul li:hover {background: url('../images/layout/intra-empresas_menu_active.png') repeat-y !important;}
body.refa div.courses-subscription > h3 {background: url('../images/layout/refa_menu_active.png') repeat-y !important;}
body.refa div.courses-subscription > div ul li:hover {background: url('../images/layout/refa_menu_active.png') repeat-y !important;}
body.hotelfachleute div.courses-subscription > h3 {background: url('../images/layout/hotelfachleute_menu_active.png') repeat-y !important;}
body.hotelfachleute div.courses-subscription > div ul li:hover {background: url('../images/layout/hotelfachleute_menu_active.png') repeat-y !important;}


/* Course Modules
----------------------------------------------------------------------------------------------------*/

table.course-modules {position: relative; min-width: 100%; max-width: 100%; width: 100%;}
table.course-modules thead tr {text-transform: uppercase; background-color: #aaa; color: #fff;}
table.course-modules thead tr th.first {padding-left: 10px; text-align: left;}
table.course-modules tbody tr.even {background-color: #f1f1f1;}
table.course-modules tbody tr.parent {background-color: #cdcdcd;}
table.course-modules tfoot tr {text-transform: uppercase; background-color: #aaa;}
table.course-modules tr td {padding-left: 10px; text-align: center;}
table.course-modules tr td.first {width: auto; text-align: left;}
table.course-modules tr {line-height: 20px; vertical-align: middle;}
table.course-modules span {display: block;}


/* Home Styles
----------------------------------------------------------------------------------------------------*/

body.home div#maininner {width: 639px;}
body.home div#maininner section {margin: 0 20px}
body.home .maininner-big {width: 100% !important;}
body.home .maininner-big section {margin: 0 10px !important;}
body.home div.breadcrumbs {margin-top: -10px; margin-bottom: 20px;}
body .QInicialEmpresas a {margin-top: -15px !important}


/* Links Page
----------------------------------------------------------------------------------------------------*/

body.home ul.links li {margin-left: 5px;}
body.home ul.links li.title {margin-left: -5px !important; background: none !important;}
body.home ul.links li.title a {color: #333;}


/* Search
----------------------------------------------------------------------------------------------------*/

.qc-search {background: none;}
.qc-search label{color: #333;}

.search_results ul li {margin: 0px !important; padding: 0px !important; background: none !important;}
.search_results ul li h3 {margin-top: 5px !important;}
.search_results .search-even {background-color: #f0f0f0 !important;}


/* Search
----------------------------------------------------------------------------------------------------*/

body.home .menu-sidebar li.level1 span:hover {background-color: #494949 !important; background-image: none !important;}
div#pagination {width: 100%; text-align: center;}
div#pagination a {margin-left: 5px; font-size: 14px;}
div#pagination a:hover {text-decoration: underline;}

/* News
----------------------------------------------------------------------------------------------------*/

.news_entry {margin-bottom: 25px;}


/* Actionforms
----------------------------------------------------------------------------------------------------*/

.label { color: #666666; font-weight: bold; line-height: 25px;}
.input { background-color: #efefef; border:none; height: 23px;}
.mandatory {color: red; font-weight: bold;}
.btn_blue {background: url('../images/layout/intra-empresas_menu_active.png') repeat-y !important; color: white; width: 150px; height: 30px;}
.btn_orange {background: url('../images/layout/dual_menu_active.png') repeat-y !important; color: white; width: 150px; height: 30px;}
error_message,
.info_message,
.message_message, 
.warning_message{
	color:#333; 
	font-size:11px; 
	text-align:left; 
	line-height:20px; 
	padding-left:30px; 
	width:95%; 
	margin:0 auto; 
	margin-bottom:10px; 
	margin-top:10px; 
	width:90%
}

.message_message, 
.message_message_inline{
	border-color:#8F8; 
	background:#DFFFD2 url('../images/message_message.png') no-repeat 1% 50%
}
.warning_message, .warning_message_inline{
	border-color:#FC6; 
	background:#FFC url('../images/message_warning.png') no-repeat 1% 50%
}
.error_message, .error_message_inline{
	border-color:#FF9F9F; 
	background:#FFCECE url('../images/message_error.png') no-repeat 1% 50%;
}

/* Courseaction list */
.ca_list_container { margin: 10px 25px; }
.ca_list_container table tr { line-height: 25px; }
.ca_list_container table tbody tr { border-top: solid 1px #555; }
.ca_list_container table th, .ca_list_container table td  { padding-right: 35px; text-align: left; }