@charset "utf-8";
/* CSS Document */

/************************************************** CSS Document - POPUP **************************************************/
#pop {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -300px;
	padding: 10px;
	border: 1px solid #d0d0d0;
	text-align: right;
	background-color: #FFF;
	margin-top: 212px;
	z-index: 10;
}
#pop2 {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -350px;
	padding: 10px;
	border: 1px solid #d0d0d0;
	text-align: right;
	background-color: #FFF;
	margin-top: 150px;
	z-index: 10;
}

/************************************************** CSS Document - TOPO **************************************************/
#topo {
}
#top-Header {
	width: 988px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
#top-Header #LogoDomBosco {
	width: 175px;
	height: 80px;
	margin-right: 10px;
	margin-bottom: auto;
	margin-top: auto;
	float: left;
}
#top-Header #MainMenu {
	width: auto;
	height: 80px;
	margin-bottom: auto;
	margin-top: auto;
	float: right;
}
#top-Header #MainMenu-Navigation {list-style: none;	padding-top: 29px;}
#top-Header #MainMenu-Navigation li {display: inline;}
#top-Header #MainMenu-Navigation a {padding: 15px 10px 15px 10px; font: 12px Arial; color: #666; font-weight: bold;	text-decoration: none;}
#top-Header #MainMenu-Navigation a:hover {background: #3477C6 url(../resources/media/imgs/default/ico-menu_bottom-arrow.png) bottom center no-repeat;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; font: 12px Arial; color: #FFF; font-weight: bold; text-decoration: none;}

#top-MainBanner {
	height: 254px;
	overflow: hidden;
	/*border-top: 1px solid #C8DAE3;*/
	/*background-image:url(../resources/media/imgs/default/background-top-publicity.jpg);*/
	background: #00417A;
	border-top: 1px solid #00417A;
	text-align: center;
}
#top-MainBanner #ImageBannerRollover {
	width: 988px;
	margin-left: auto;
	margin-right: auto;
}
#top-IconsEducation {
	height: 75px;
	overflow: hidden;
	border-bottom: 3px solid #E2DDD2;
	background-image: url(../resources/media/imgs/default/background-top-Header-Icons-Education_slim.png);
}
#top-IconsEducation #MenuIconsBackground {
	width: 988px;
	margin-left: auto;
	margin-right: auto;
}

#top-IconsEducation #MenuIcons {position: relative; width:988px; height:75px; background:url(../resources/media/imgs/default/background-top-menu-icons-education_slim.jpg) no-repeat 0 0;
}	
#top-IconsEducation #MenuIcons ul {list-style:none;}	
#top-IconsEducation #MenuIcons li {position:absolute; top:0; height: 75px;}	
#top-IconsEducation #MenuIcons li a {display:block;	width:100%;	height:100%; top:0;}
#top-IconsEducation #MenuIcons li a span{}

	#MenuIcon-1 {width: 245px; left: 2px;}
	#MenuIcon-2 {width: 244px; left: 249px;}
	#MenuIcon-3 {width: 244px; left: 495px;}
	#MenuIcon-4 {width: 245px; left: 741px;}
	#MenuIcon-1 a:hover {background:url(../resources/media/imgs/default/background-top-menu-icons-education_slim.jpg) -2px -75px;}
	#MenuIcon-2 a:hover {background:url(../resources/media/imgs/default/background-top-menu-icons-education_slim.jpg) -249px -75px;}
	#MenuIcon-3 a:hover {background:url(../resources/media/imgs/default/background-top-menu-icons-education_slim.jpg) -495px -75px;}
	#MenuIcon-4 a:hover {background:url(../resources/media/imgs/default/background-top-menu-icons-education_slim.jpg) -741px -75px;}

/************************************************** CSS Document - PROGRAMA DESAFIO 2011 **************************************************/
#topo #top-MainBanner #ImageBannerRollover #top-main-desafio {
	height: 35px;
	margin: 5px 0 15px;
	padding-top: 8px;
	color: #FFF;
	text-align: center;
	font: bold 20px Verdana;
}
#topo #top-MainBanner #ImageBannerRollover #top-main-desafio a {
	color: #FFF;
	padding: 5px;
	text-decoration: none;
}
#topo #top-MainBanner #ImageBannerRollover #top-main-desafio a:hover {
	background: #FFF;
	padding: 5px;
	color: #00417A;
}

/************************************************** CSS Document - PROGRAMA DESAFIO 2011 **************************************************/



/************************************************** CSS Document - CONTEUDO **************************************************/
/* LEFT SIDE */
#conteudo {
	background:#e1e6df url(../resources/media/imgs/default/bg-conteudo.jpg) repeat-y fixed center;
}
#main-content {
	width: 988px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
	padding-top: 15px;
}
#main-content .textPageTitle {
	font: 25px Verdana;
	font-weight: bold;
	line-height: normal;
	color: #3c3c3c;
	margin-bottom: 15px;
}
#main-content .textPath {
	margin-bottom: 25px;
}
#main-content #PageContent {
	margin-bottom: 15px;
}

#main-content #BoxLeft {
	width: 568px;
	margin-right: 15px;
	float: left;
}
#main-content #BoxLeft .textPath {
	margin-bottom: 25px;
}
#main-content #BoxLeft .textPageTitle {
	font: 25px Verdana;
	font-weight: bold;
	line-height: normal;
	color: #3c3c3c;
	margin-bottom: 15px;
}
#main-content #BoxLeft #PageContent {
	line-height: 175%;
}

#main-content #BoxLeft .BoxTitlesGeneral {
	background-color: #0065C3;
	padding: 5px;
	color: #FFF;
	font: bold 18px Verdana;
	margin-bottom: 15px;
}



/* RIGHT SIDE */
#main-content #BoxRight {
	width: 390px;
	margin-left: 15px;
	float: right;
}
#main-content #BoxRight .BoxRightMenu {
	border: 1px dotted #A0A0A0;
	padding-top: 1px;
	margin-bottom: 25px;
}

#main-content #BoxRight .BoxRightMenu .FeaturedTitleMenu {
	padding-left: 5px;
	color: #FFF;
	font: bold 18px Verdana;
	padding-top: 0px;
}

/* Background Right Menus */
#main-content #BoxRight .BoxRightMenu .FeaturedBackMenu-1 {
	height: 25px;
	padding-bottom: 1px;
	border-bottom: 1px dotted #A0A0A0;
	margin: 1px 2px;
	background: url(../resources/media/imgs/ttl-tag-menu/ttl_tag_1.jpg) repeat-x;
}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-1 {list-style: none; margin: 5px 10px 10px; padding: 0;}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-1 li {font: 11px Verdana; color: #3C3C3C; padding: 0;}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-1 a {background: url(../resources/media/imgs/ttl-tag-menu/bullet_ttl_tag_1.png) left center no-repeat; border-bottom: 1px dotted #A0A0A0; color: #3A3A3A; display: block; padding: 5px 15px; text-decoration: none;}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-1 a:hover {padding: 5px 20px;}

#main-content #BoxRight .BoxRightMenu .FeaturedBackMenu-2 {
	height: 25px;
	padding-bottom: 1px;
	border-bottom: 1px dotted #A0A0A0;
	margin: 1px 2px;
	background: url(../resources/media/imgs/ttl-tag-menu/ttl_tag_2.jpg) repeat-x;
}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-2 {list-style: none; margin: 5px 10px 10px; padding: 0;}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-2 li {font: 11px Verdana; color: #3C3C3C; padding: 0;}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-2 a {background: url(../resources/media/imgs/ttl-tag-menu/bullet_ttl_tag_2.png) left center no-repeat; border-bottom: 1px dotted #A0A0A0; color: #3A3A3A; display: block; padding: 5px 15px; text-decoration: none;}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-2 a:hover {padding: 5px 20px;}

#main-content #BoxRight .BoxRightMenu .FeaturedBackMenu-3 {
	height: 25px;
	padding-bottom: 1px;
	border-bottom: 1px dotted #A0A0A0;
	margin: 1px 2px;
	background: url(../resources/media/imgs/ttl-tag-menu/ttl_tag_3.jpg) repeat-x;
}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-3 {list-style: none; margin: 5px 10px 10px; padding: 0;}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-3 li {font: 11px Verdana; color: #3C3C3C; padding: 0;}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-3 a {background: url(../resources/media/imgs/ttl-tag-menu/bullet_ttl_tag_3.png) left center no-repeat; border-bottom: 1px dotted #A0A0A0; color: #3A3A3A; display: block; padding: 5px 15px; text-decoration: none;}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-3 a:hover {padding: 5px 20px;}

#main-content #BoxRight .BoxRightMenu .FeaturedBackMenu-4 {
	height: 25px;
	padding-bottom: 1px;
	border-bottom: 1px dotted #A0A0A0;
	margin: 1px 2px;
	background: url(../resources/media/imgs/ttl-tag-menu/ttl_tag_4.jpg) repeat-x;
}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-4 {list-style: none; margin: 5px 10px 10px; padding: 0;}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-4 li {font: 11px Verdana; color: #3C3C3C; padding: 0;}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-4 a {background: url(../resources/media/imgs/ttl-tag-menu/bullet_ttl_tag_4.png) left center no-repeat; border-bottom: 1px dotted #A0A0A0; color: #3A3A3A; display: block; padding: 5px 15px; text-decoration: none;}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-4 a:hover {padding: 5px 20px;}

#main-content #BoxRight .BoxRightMenu .FeaturedBackMenu-5 {
	height: 25px;
	padding-bottom: 1px;
	border-bottom: 1px dotted #A0A0A0;
	margin: 1px 2px;
	background: url(../resources/media/imgs/ttl-tag-menu/ttl_tag_5.jpg) repeat-x;
}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-5 {list-style: none; margin: 5px 10px 10px; padding: 0;}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-5 li {font: 11px Verdana; color: #3C3C3C; padding: 0;}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-5 a {background: url(../resources/media/imgs/ttl-tag-menu/bullet_ttl_tag_5.png) left center no-repeat; border-bottom: 1px dotted #A0A0A0; color: #3A3A3A; display: block; padding: 5px 15px; text-decoration: none;}
#main-content #BoxRight .BoxRightMenu .FeaturedRightMenu-5 a:hover {padding: 5px 20px;}
/* Background Right Menus */

#main-content #BoxRight .BoxSendToAFriend {
	background: #282929;
	margin-bottom: 15px;
	padding: 15px;
	text-align: left;
}
#main-content #BoxRight .BoxSendToAFriend .TitleSendToAFriend {
	font: bold 22px Arial;
	color: #FFF;
	line-height: 85%;
	margin-bottom: 15px;
}
#main-content #BoxRight .BoxSendToAFriend .ConfirmationEmailSent {
	font: 12px Arial;
	font-style: italic;
	color: #F90;
	margin-bottom: 15px;
}

/************************************************** CSS Document - RODAPE **************************************************/
#rodape {
	border-top: 3px solid #999;
}
/*** FOOTER LINKS ***/
#rodape .footerUP {
	background: #285D83 url(../resources/media/imgs/default/background-footer-links.jpg) bottom repeat-x;
	padding-top: 10px;
	padding-bottom: 25px;
}
#rodape .footerUP .footerLinks {
	width: 988px;
	margin-left: auto;
	margin-right: auto;
}
#rodape .footerUP .footerLinks .LinksCategories {
	float: left;
	width: 225px;
	margin-left: 11px;
	margin-right: 11px;
}
#rodape .footerUP .footerLinks .LinksCategoriesTitle {
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 25px;
	font-weight: bold;
}

/* Navegação Inferior */
#rodape .footerUP .footerLinks .LinksCategories .FooterSubMenu {list-style: none;	margin: 0; padding: 0;}
#rodape .footerUP .footerLinks .LinksCategories .FooterSubMenu li {font: 12px Verdana; color: #FFF; margin: 0; padding: 0;}
#rodape .footerUP .footerLinks .LinksCategories .FooterSubMenu a {background: url(../resources/media/imgs/default/ico-footer_blue-ticket.png) left center no-repeat; color: #B2DEF2; display: block; padding: 5px 15px; text-decoration:none;}
#rodape .footerUP .footerLinks .LinksCategories .FooterSubMenu a:hover {background: url(../resources/media/imgs/default/ico-footer_white-ticket.png) left center no-repeat; color: #FFF;}
/* Navegação Inferior */



/*** FOOTER ADDRESS ***/
#rodape .footerBOTTOM {
	background: url(../resources/media/imgs/default/background-footer-address.jpg);
	height: 85px;
	overflow: hidden;
}
#rodape .footerBOTTOM .footerAddress {
	width: 988px;
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	padding-top: 10px;
}
#rodape .footerBOTTOM .footerAddress .AddressDescription {
	margin: 0 auto;
	font-size: 11px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#rodape .footerBOTTOM .footerAddress .AddressShort {
	margin: 0 auto;
	font-size: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}