/* 
	VasRoc
	main.css
    Copyright 2010 Mediacode. All rights reserved.
 */


/* ========= */
/* = Reset = */
/* ========= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ================= */
/* = Global Styles = */
/* ================= */
body { font: 12px/18px "Lucida Grande", Lucida, Verdana, sans-serif; color: #666666; }
#wrapper { width: 960px; margin: 0 auto; }
h2 { color: #006699; font-size: 22px; font-family:"Lucida Grande", Lucida, Verdana, sans-serif; text-transform: uppercase; padding-bottom: 20px; border-bottom: 2px solid #d5d5d5; margin-bottom: 35px; margin-top: 35px; }
h3 { color: #006699; font-size: 18px; font-family:"Lucida Grande", Lucida, Verdana, sans-serif; text-transform: uppercase; margin-bottom: 12px;} 
a { color: #006699 }



/* ========== */
/* = Header = */
/* ========== */

#header_wrap { height: 410px; background-color: #00192D  }
#header_divider { height: 10px; background: url(/web/images/header_bottom.jpg) repeat-x; }
#content #header_wrap {  height: 300px; }
.bkg-41, .bkg-42, .bkg-39 { background: url(/web/images/bgk_sociedade.jpg) no-repeat center; }
.bkg-40 { background: url(/web/images/bgk_servicos.jpg) no-repeat center; }
.bkg-44, .bkg-43, .bkg-38, .bkg-45, .bkg-geral { background: url(/web/images/bgk_recrutamento.jpg) no-repeat center; }
.bkg-46 { background: url(/web/images/bkg_header_home.jpg) no-repeat center; }

#header { width: 960px; margin: 0 auto; position: relative;}
#branding { padding-top: 30px; }

#top_nav { position: absolute; top: 10px; right: 0px; }
#top_nav li { float: left; margin-left: 10px; font-size: 10px; color: #feffff;  }

#language { position: absolute; top: 55px; right: 0px; }
#language li { float: left; margin-left: 10px; }

#main_nav { position: absolute; top: 100px; }
#main_nav li { float: left; margin-right: 30px; font-size: 14px; }

#main_nav a, #top_nav a { text-transform: uppercase; color: #feffff; text-decoration: none; text-shadow: #666666 1px 2px 3px; font-family:"Lucida Grande", Lucida, Verdana, sans-serif; }
#main_nav a:hover, #top_nav a:hover { border-bottom: 2px solid #feffff; }
p.tagline { position: absolute; top: 170px;width: 500px; text-shadow: 0px 2px 3px #336699; color: #004479; font: bold 45px/40px Museo, Georgia, "Times New Roman", Times, serif; }

p.tagline_text { color: #feffff; font-size: 14px; position: absolute; top: 270px;  width: 420px; line-height: 20px; font-weight: bold; text-shadow: #666666 1px 2px 3px; }




/* ================ */
/* = Main Content = */
/* =================*/

#main_content { float: left; width: 675px; margin-right: 60px; }
.content_box { width: 337px; float: left; height: 200px; background: url(/web/images/separador_contentbox.png) no-repeat center bottom; margin-bottom: 30px; position: relative;}
.content_box ul { margin-bottom: 12px; max-width: 400px; }
.content_box li { list-style-position: outside; list-style-type: disc; }
.more_link { color: #006699; font-weight: bold; text-decoration: none; position: absolute; bottom: 20px; }
.more_border { border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; display: block; padding: 10px 5px; position: absolute; bottom: 10px; width: 450px; background-color: #efefef;}
.more_link:hover { border-bottom: 1px solid #006699; }
#sidebar { width: 220px; float: left;}
#sidebar h3 { color: #0099cc; font-size: 14px; font-style: italic; text-transform: none; border-bottom: 1px solid #d5d5d5; padding-bottom: 12px;}
p.date_day { color: #0099cc; }
#sidebar h4 { color: #006699; font-size: 14px; }
#sidebar ul li { margin-bottom: 30px; }
input#botao_enviar { border-style: none; background-color: #feffff; color: #006699; text-transform: uppercase; font-weight: bold; cursor: pointer; font-size:10px; }
h2.newsletter { border-bottom-style: none; margin-bottom: 10px; padding-bottom: 0px;}
input#email { float: left; width: 150px; }

h1#headline { position: absolute; top: -130px; color: #fffeff; font: 48px"Lucida Grande", Lucida, Verdana, sans-serif; text-transform: uppercase; text-shadow: #666666 1px 2px 3px;}
#content #main_content { float: none; width: 960px; margin-right: 0px; position: relative; margin-top: 30px;}

#content .content_box { width: 480px; height: 270px; background: url(/web/images/separador_contentbox.png) no-repeat center top; margin-bottom: 0px; margin-top: 30px; padding-top: 30px;}

p.intro { color: #006699; font-size: 16px; line-height: 24px; width: 480px;}

.left { float: left; margin-right: 20px; margin-bottom: 50px; margin-top: 4px; }
.right { float: right; margin-left: 20px; margin-bottom: 50px; margin-top: 4px; }

#main_content p { margin-bottom: 18px; }
#main_content strong { font-weight: bold; }

ul.list { float: right; width: 600px; }
ul.list li { list-style-type: disc; }
.noheight { height: auto; }

.blue { color: #006699; font-weight: bold; }

#content .content_box p { max-width: 460px; }


/* AGENDA */
#calendar th, #calendar td { text-align:center; }

/* ========== */
/* = Footer = */
/* ========== */

#footer { float: left;margin-top: 35px; width: 960px; padding-top: 10px; padding-bottom: 30px;border-top: 2px solid #d5d5d5; }
#footer p { font-size: 11px; }

.relatedfile, .ofertas { width: 450px; margin: 10px 0; padding: 5px; background-color: #efefef; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 44px; } 
.relatedfile a, .ofertas a { font-size: 16px; text-decoration: none; line-height: 44px; }

form#recrutamento label {margin-right: 20px; display: block; width: 50px; float: left;}
form#recrutamento input {float: left; width: 350px; margin-bottom: 10px;}

form#recrutamento input#cv, form#recrutamento input#submit { 
   width: 100px; 
   border: 1px solid #006699; 
   color: #006699; 
   font-size: 12px; 
   font-weight: bold; 
   background-color: #feffff; 
   margin-right: 10px; 
   cursor: pointer;
}

input#submit { 
 margin-left:70px;
 margin-top:15px;
 padding:2px;
}

/* Calendario */
#calendar {
	border: 1px solid #eeeeee;
	
}
#calendar td {
	border: 0px;
	padding:2px 0;
	vertical-align: middle;
}
#calendar a:link, #calendar a:visited {
    color:#ffffff;
}
a.cal_head { color: #006699; }
a.cal_head:hover { text-decoration: none; }
.cal_head {
	background-color: #006699;
	color:            #ffffff;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size:        11px;
	font-weight:      bold;
	font-style:       normal;
	height:25px;
			}
.cal_days /*darussol*/
			{
				background-color: #eeeeee;
				color:            gray;
				font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
				font-size:        11px;
				font-weight:      bold;
				font-style:       normal;
				text-align:center;
			}
.cal_content
			{
				background-color: #ffffff;
				color:            #000000;
				font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
				font-size:        11px;
				font-weight:      normal;
				font-style:       normal;
			}
.cal_today
			{
				background-color: #eeeeee;
				font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
				font-size:        11px;
				border: 1px solid #f5821f;
				font-weight:bold;
			}
.cal_event /* e-man 17-06-04 */
			{
	background-color: #006699;
	color:            #ffffff;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size:        10px;
	font-weight:      bold;
	font-style:       normal;
			}
a.cal_event /* e-man 17-06-04 */
			{
	background-color: #006699;
	color:            #ffffff;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size:        10px;
	font-weight:      bold;
	font-style:       normal;
	text-decoration: none;
			}

.agenda_listadias { width:430px; float:left; margin-left:20px; margin-right:15px; }
.agenda_calendario { width:250px; float:left }
			
.dia { width:40px; height:30px; padding:8px; background-color:#CCCCCC; font-size:1.30em; vertical-align:middle;text-align:center; border:0px; }
.evento { height:30px; padding:8px; background-color:#eeeeee; font-size:0.80em; vertical-align:middle; margin-left:2px; }