@charset "utf-8";

/* --------------------------------------------------------------
 * Filename:	basic.css
 * Description:	Regras das estruturas básicas do site.
 * Version:		1.0.0 (2009-11-10) YYYY-MM-DD
 * Website:		http://www.premioethosvalor.org.br/
 * Author:		Luiz R. Junior – Grupo Elefante
 *
 * == STRUCTURE =================================================
 * 
 * Page width: 1000px  static, horizontal centralized
 *
 * $__globals	Definicoes de estilos a elementos globais
 * $__header	Definições do cabeçalho da página
 * $__menu		Definições do menu de navegação
 * $__content	Definições dos elementos do conteúdo 
 * -------------------------------------------------------------- */
 
/* $__globals
 * --------------------------------------------------------------------*/
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre, blockquote,  
br, hr, a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dd, ol, ul, li, 
table, caption, tbody, thead, tfoot, tr, th, td,
form, fieldset, label, legend, input, select, embed {
	margin:0;
	padding:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

body {
	background:url(images/fundo_site.jpg) repeat-x top center #E49E92;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#1E3565;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020";
  display: block; 
  height: 0; 
  clear: both;
  visibility: hidden;
  overflow:hidden;
}

.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

.displaypic {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

#main {
	position:relative;
	margin:auto;
	width:1000px;
	height:596px;
	text-align:left;
}



/* $__menu
 * --------------------------------------------------------------------*/
#menu {
	position:relative;
	margin-left:20px;
	height:32px;
	text-align:center;
	font-size:0.65em;
	z-index:500;
}

#menu ul { 
	list-style:none;
	position:relative;
}

#menu a {
	display:block;
	text-decoration:none;
	padding:9px 4px;
	width:100%;
	height:100%;
	color:#FFF;
}

#menu a.selected { font-weight:bold; }

#menu ul ul {
	width: 200px; /* Sub Menu Width */
	list-style: none;
	display: none;
	position: absolute;
	z-index:500;
	top: 100%;
	left: 0;
}

#menu ul li { float:left; display:inline; position:relative; }
#menu ul ul li { width: 100%; display: block; }

/* Root Menu Hover Persistence */
#menu ul li a:hover, #menu ul li li:hover a, #menu ul li li.iehover a { color: #FFF; }

/* 2nd Menu */
#menu ul li:hover li a, #menu ul li.iehover li a {
	padding:8px 3px 8px 20px;
	border-bottom:1px solid #2E566C;
	text-align:left;
	float: none;
	background:#093852;
	font-size:1.15em;
	color:#FFF;
}

/* 2nd Menu Hover Persistence */
#menu ul li:hover li a:hover, 
#menu ul li:hover li:hover a, 
#menu ul li.iehover li a:hover, 
#menu ul li.iehover li.iehover a {
	background: #006C84;
}

/* Hover Function - Do Not Move */
#menu ul li:hover ul ul, #menu ul li:hover ul ul ul, 
#menu ul li.iehover ul ul, #menu ul li.iehover ul ul ul { display: none; }

#menu ul li:hover ul, #menu ul ul li:hover ul, 
#menu ul ul ul li:hover ul, #menu ul li.iehover ul, 
#menu ul ul li.iehover ul,#menu ul ul ul li.iehover ul { display: block; }


/* $__header
 * --------------------------------------------------------------------*/
#brand {
	background:url(images/logo_premio.png) no-repeat;
	height:125px;
	left:45px;
	position:absolute;
	top:66px;
	width:335px;
}

#brand a {
	display:block;
	width:100%;
	height:100%;
}



/* $__textual
 * --------------------------------------------------------------------*/
h1 { font-size:1.6em; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; }

p { font-size:.7em; }


/* $__content
 * --------------------------------------------------------------------*/
#content {
	width:535px;
	height:180px;
}

#content-home {
	position:absolute;
	bottom:150px;
	left:45px;
	width:535px;
	height:180px;
}

#popup{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -200px;
	width: 400px;
	height: 407px;
	display: none;
}

.title {
	position:absolute;
	background:url(images/titulos.png) no-repeat;
	left:45px;
	top:260px;
	width:296px;
	height:25px;
}

h1.index { background-position:-500px -0px; }
h1.premio { background-position:-5px -10px; }
h1.categorias { background-position:-5px -40px; }
h1.regulamento { background-position:-5px -70px; }
h1.inscricoes { background-position:-5px -100px; }
h1.formato { background-position:-5px -130px; }
h1.temas { background-position:-5px -160px; }
h1.julgamento { background-position:-5px -190px; }
h1.premiacao { background-position:-5px -220px; }
h1.ed_anterioes { background-position:-5px -250px; }
h1.divulgue { background-position:-5px -280px; }
h1.blog { background-position:-5px -310px; }
h1.contato { background-position:-5px -340px; }
h1.finalistas { background-position:-5px -370px; }

#content h2 { margin:0 5px 8px 5px; }
#content h3 { margin:0 5px 7px 5px; }

#content p { margin:0 5px 8px 5px; }

#content h2 { font-size:1.05em; font-weight:bold; }
#content h3 { font-size:.9em; font-weight:bold; margin-top:20px; }

#content ul { font-size:.7em; margin:15px 10px 15px 5px; list-style:none; }
#content ul li { padding:3px 12px; }
#content ul li.bullet { background:url(images/bullet-white.gif) no-repeat 0px 8px; }

#content em { font-style:italic; }
#content em.details { font-size:.8em; }

#content span.underline { text-decoration: underline; }

#content-home a,
#content a {
	color:#1E3565;
	text-decoration:underline;
	font-weight:bold;
}

#content-home a:hover,
#content a:hover { text-decoration:none; }

#content-home ul a,
#content ul a { text-decoration:none; }

#content-home ul a:hover,
#content ul a:hover { text-decoration:underline; }


#content-home ul.home-items { margin:0; }
#content-home .home-items li {
	display:block;
	float:left;
	width:225px;
	height:110px;
	margin:5px 7px 10px 10px;
	font-size:.7em;
}

#content-home .home-items li strong { font-size:1.2em; }

#content-home .home-items li a { font-weight:normal; }





/* $__footer
 * --------------------------------------------------------------------*/
#footer {
	bottom:0px;
	height:90px;
	left:0;
	margin:0 36px;
	position:absolute;
	width:910px;
}

#footer dl {
	display:block;
	margin:0 30px 0 7px;
	float:left;
}

#footer dt,
#footer dd {
	background:url(images/logomarcas.png) no-repeat;
}

#footer dl.realizacao { width:140px; }
#footer dl.patrocinio { width:400px; }
#footer dl.apoio { width:280px; margin:0 0 0 7px; }

#footer dd {
	display:block;
	float:left;
	margin:5px 18px 0 0;
}

#footer dl.realizacao dt { width:50px; height:12px; background-position:-7px -3px; } 
#footer dl.realizacao .ethos { width:60px; height:26px; background-position:-7px -20px; }
#footer dl.realizacao .valor { width:54px; height:26px; background-position:-82px -20px; margin-right:0; }

#footer dl.patrocinio dt { width:50px; height:12px; background-position:-178px -3px; } 
#footer dl.patrocinio .governo { width:45px; height:26px; background-position:-178px -20px; }
#footer dl.patrocinio .bancobrasil { width:92px; height:26px; background-position:-234px -20px; }
#footer dl.patrocinio .dpaschoal { width:50px; height:26px; background-position:-350px -20px; }
#footer dl.patrocinio .unibanco { width:45px; height:26px; background-position:-416px -20px; }
#footer dl.patrocinio .serasa { width:90px; height:26px; background-position:-476px -20px; margin-right:0; }

#footer dl.apoio dt { width:35px; height:12px; background-position:-597px -3px; } 
#footer dl.apoio .ciee { width:46px; height:26px; background-position:-597px -20px; }
#footer dl.apoio .educar { width:42px; height:34px; background-position:-675px -20px; }
#footer dl.apoio .neuronio { width:52px; height:28px; background-position:-742px -20px; }
#footer dl.apoio .sesc { width:60px; height:26px; background-position:-812px -20px; margin-right:0; }

#footer p {
	margin:5px 7px;
	font-size:9px;
	text-align:justify;
}