
* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: "Merriweather Sans", sans-serif;
	font-size: 12px;
	line-height: 21px;
	min-height: 700px;
	background: #b9205e url(/olimpiada_oito/img/fundo.png) center 38px;
}

button, input[type=submit], input[type=button], .box_popup .callbacks a, a.button_cloak {
	background: rgb(199,187,255);
	padding: 9px 17px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	border-bottom: 2px solid rgba(0,0,0,0.2);
	position: relative;
	color: #000;
	text-decoration: none;
}

a.button_cloak {
	display: inline-block;
}

button:active, input[type=submit]:active, input[type=button]:active, .box_popup .callbacks a:active {
	top: 2px;
	border-bottom-color: transparent;
}

.box {
	margin-left: 10px;
	float: left;
}

.box_container {
	float: left;
}

.column_container {
	margin-left: -10px;
}

.column_container .box {
	padding-right: 10px;
	margin-bottom: 0;
}

.box.cloud {
	padding: 10px;
	background-color: #FFF;
	margin: 0 0 17px 10px;
}

.box.cloud > h2 {
	font-size: 21px;
	line-height: 25px;
	font-weight: bold;
	margin-left: 0;
	color: #000000;
}

.box h2 {
	margin-left: 10px;
	line-height: 30px;
}

.box.cloud h2.section_title {
	text-transform: lowercase;
}

.box.cloud h3 {
	color: #000000;
}

.box.cloud a {
	color: #000;
}

.box.cloud a:hover {
	color: #ffffff;
	background-color: #000000;
}

.float_break {
	clear: both;
}

.vertical_spacer {
	min-height: 17px;
	min-width: 1px;
}

#content_container {
	position: relative;
	z-index: 100;
}

.content {
	width: 950px;
	margin: auto;
	position: relative;
}

#header {
	position: fixed;
	top: 0;
	z-index: 100;
	height: 40px;
	width: 100%;
	background: rgb(70, 72, 81) top center no-repeat;
}

#header .logo {
	margin-top: 5px;
	width: 30px;
}

#header a {
	text-decoration: none;
}

#header a.login, #menu a {
	padding: 5px 10px;
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	color: #FFF;
	float: left;
	letter-spacing: 0.6px;
	outline: 0;
}

#header a.login:hover, #menu a:hover {
	background: #fff;
	color: #464851;
}

#menu {
	padding-top: 5px;
	position: relative;
	left: -165px;
}

#menu li {
	float: left;
	list-style: none;
	position: relative;
	margin-right: 5px;
}

#menu a.selected, #menu a.selected:hover {
	color: rgb(255,238,142);
	font-weight: 800;
	background: none;
}

#menu li.com-submenu ul {
	position: absolute;
	top: 100%;
	width: 100%;
	padding-top: 2px;
	display: none;
}

#menu li.com-submenu ul li {
	float: none;
	width: 100%;
}

#menu li.com-submenu a {
	font-size: 9px;
	font-weight: 400;
	letter-spacing: 0;
}

#menu li.com-submenu > a {
	padding-bottom: 6px;
	padding-top: 4px;
}

#menu li.com-submenu.active > a {
	border: 1px solid #fff;
	padding: 3px 9px 5px 9px;
}

#menu li.com-submenu.active ul {
	display: block;
}

#menu li.com-submenu ul li a {
	width: 100%;
	padding: 0;
	background: #FFBD6A;
	color: #464851;
	margin-top: 5px;
	margin-right: 0;
}

#menu li.com-submenu ul li a:hover {
	background: #fff;
}

#menu li.com-submenu ul li a span {
	padding: 5px 10px;
	display: inline-block;
}

#menu a.fb {
	background: url("/img/fb.7.png") no-repeat 50% 50%;
	width: 8px;
	height: 18px;
}

#menu a.fb:hover {
	background: #fff url("/img/fb.7.i.png") no-repeat 50% 50%;
}

#menu a.fb span {
	display: inline-block;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#header a.login {
	float: right;
	margin-right: 0;
}

#header .login.logged {
	position: absolute;
	top: 5px;
	display: table;
	right: 0;
}

#header .login.logged > a {
	display: table-cell;
	vertical-align: middle;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.6px;
	background: #EBEAE9;
	color: #000;
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	height: 30px;
}

#header .login.logged > a:hover {
	background: transparent;
	color: #EBEAE9;
}

#header .login.logged > a.user_name {
	padding: 0 7px;
	text-align: left;
	text-transform: none;
	font-size: 10px;
	line-height: 12px;
	font-style: italic;
	letter-spacing: 0;
	color: #464851;
	background: #FFBD6A;
	width: 130px;
	min-width: 130px;
	max-width: 130px;
	border-right: 2px solid #464851;
}

#header .login.logged > a.user_name:hover {
	background: #fff;
}

#page_content {
	width: 1010px;
	margin: auto;
	min-height: 160px;
	position: relative;
	padding-top: 50px;
}

#cabecalho_interno_olimpiada {
	height: 150px;
	position: relative;
	top: -50px;
}

#cabecalho_holimpiada {
	position: relative;
	top: 92px;
}

#cabecalho_holimpiada img {
	width: 367px;
}

#cabecalho_interno_olimpiada #linha_do_tempo {
	position: absolute;
	right: -20px;
	top: 155px;
}

#cabecalho_interno_olimpiada #linha_do_tempo img {
	width: 500px;
}

#conteudo_interno_olimpiada {
	padding: 30px;
	position: relative;
	z-index: 15;
	margin-top: 80px;
	background: #FFF;
	margin-bottom: 50px;
}

#olimpiada_menu_conteudo {
	position: absolute;
	top: 220px;
	left: 10px;
	z-index: 17;
}

#olimpiada_menu_conteudo a {
	float: left;
	margin: 10px 5px;
	padding: 5px 10px 10px;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 300;
	color: #FFF;
	text-transform: lowercase;
	text-decoration: none;
}

#olimpiada_menu_conteudo a:hover {
	background: #464851;
}

#olimpiada_menu_conteudo a.selecionado {
	background: #464851;
	height: 50px;
	font-weight: 400;
}

#olimpiada_menu_conteudo #olimpiada_link_fases {
	color: #FFBD6A;
	font-style: italic;
	font-weight: 400;
}

#login_box {
	background-color: rgb(255,238,142);
	box-shadow: 0 1px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.3);
	color: #000000;
	right: 0;
	padding: 20px 10px;
	position: absolute;
	top: 65px;
	width: 280px;
	z-index: 100;
}

#login_box h4 {
	font-size: 17px;
	line-height: 17px;
}

#login_box a {
	text-decoration: underline;
	color: #000;
}

#login_box a:hover {
	color: #ffffff;
	background-color: #000000;
}

#footer {
	padding-top: 20px;
	min-width: 1010px;
	position: relative;
}

#footer_content {
	width: 970px;
	margin: auto;
	padding-bottom: 140px;
}

#by_preface {
	margin-top: 51px;
}

#by_preface .para p, #by_preface .para p a {
	color: #FFF;
	font-size: 11px;
	font-weight: 400;
}

#footer_content .logos h4 {
	font-size: 17px;
	font-weight: 400;
	line-height: 17px;
	color: #FFF;
}

#footer_content .logos .cork .pie_logo {
	float: left;
	height: 80px;
	line-height: 80px;
	margin-top: 10px;
	margin-right: 30px;
}

.w_12M1g { width:970px; }
.w_12M { width:960px; }
.w_9M-1g { width:710px; }
.w_8M-1g { width:630px; }
.w_6M { width:480px; }
.w_6M-1g { width:470px; }
.w_6M-1m { width:470px; }
.w_3M-2g { width:220px; }
.w_3M-1m { width:230px; }
.w_3M-1g { width:230px; }
.w_3M-1g-2m { width:210px; }
.w_3M-2g-1m { width: 210px; }
.w_3M-4g { width: 200px; }
.w_2M-2g { width: 140px; }
.w_2M-4g { width: 120px; }

.w_11M-1g {  width:870px;}
.w_11M {  width:880px;}
.w_10M {  width:800px;}
.w_10M-1g {  width:790px;}
.w_10M1g {  width:810px;}
.w_8M {  width:640px;}
.w_7M-1g {  width:550px;}
.w_5M-2g {  width:380px;}
.w_5M1g {  width:410px;}
.w_6M-1g-2m {  width:450px;}
.w_4M-1m {  width:310px;}
.w_3M1g {  width:250px;}
.w_3M {  width:240px;}
.w_3M3m {  width:270px;}
.w_3M1m {  width:250px;}
.w_3M-1g-2u {  width:228px;}
.w_2M1g {  width:170px;}
.w_2M1g1m-5u {  width:175px;}
.w_2M1g-1m-5u {  width:155px;}
.w_2M-1g {  width:150px;}
.w_2M-1g-3m {  width:120px;}
.w_2M-2g {  width:140px;}
.w_2M4m {  width:200px;}
.w_2M3m {  width:190px;}
.w_2M2m {  width:180px;}
.w_2M1m {  width:170px;}
.w_2M-1m {  width:150px;}
.w_2M-2m {  width:140px;}
.w_2M-4m {  width:120px;}
.w_1M1g {  width:90px;}
.w_1M {  width:80px;}
.w_1M-3m {  width:50px;}
.w_2g-2m {  width:0px;}
.w_2g5u {  width:25px;}

.box_popup {
	z-index: 1000;
	border: 1px solid white;
	position: absolute;
	background: white;
	width: 543px;
	padding: 20px 20px 36px 20px;
	box-shadow: 0 3px 10px #000000;
	-webkit-box-shadow: 0 3px 10px #000000;
	-moz-box-shadow: 0 3px 10px #000000;
	font-size: 16px;
	line-height: 27px;
}

.box_popup .callbacks {
	margin-top: 17px;
}

.box_popup h2 {
	color: #000000;
	margin: 0 !important;
}

.popup_maya_veil {
	background: black;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	left: 0;
	top: 0;
}

.pie_file img {
	margin: 0 !important;
}

.pie_file .file_size {
	white-space: nowrap;
	padding-left: 2em;
}

.pie_file td {
	vertical-align: text-bottom;
}
