@charset "UTF-8";

/* Odyn Website 09 */

* {
	margin:0;
	padding:0;
}

body {
	background:#161b1f url("../img/bg.jpg") repeat;
}

a {
	outline:none;
}

fieldset {
	border:none;
}

.marcador {
	background:url("../img/marcador.jpg") no-repeat;
	display:block;
	width:5px;
	height:5px;
	position:absolute;
	margin:5px -10px;
}

.marcador-abaixo {
	background:url("../img/marcador.jpg") no-repeat;
	display:block;
	width:5px;
	height:5px;
	margin:2px 80px;
}

.marcador-odyn {
	background:url("../img/marcador.jpg") no-repeat;
	display:block;
	width:5px;
	height:5px;
	margin:2px 102px;
}

.marcador-contato {
	background:url("../img/marcador.jpg") no-repeat;
	display:block;
	width:5px;
	height:5px;
	margin:2px 56px;
}

div#odyn_wrapper {
	width:100%;
}

div#topo {
	background:url("../img/topo.jpg") no-repeat center 0; 
	height:281px;
	margin:61px 0 0 0;
	
}

div#topo h1 a {
	display:none;
}

.limite {
	width:750px;
	margin:0 auto;
	position:relative;
}

div#menu {
	margin:15px 80px;
}

div#menu ul#agencia {
	display:block;
}

div#menu ul#trabahos {
	margin:5px -14px;
}

div#menu ul#extras {
	display:block;
	margin:0 5px;
}

div#menu ul li {
	display:inline;
	color:#999;
	font:9px 'Trebuchet MS',Tahoma,'Lucida Sans Unicode',Verdana,Helvetica,sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0 2px;
}

div#menu ul li a {
	color:#CCCC00;
	text-decoration:none;
	margin:0 -1px;
}

div#menu ul li a.menu_item {
	color:#CCCC66;
	text-decoration:none;
}

div#menu hr {
	border-top:1px dotted #333;
	border-bottom:none;
	border-left:none;
	border-right:none;
	width:300px;
	height:1px;
	line-height:1px;
	margin:7px 0 0 0;
	position:absolute;
	left:129px;
}

div#quadro {
	position:absolute;
	right:15px;
	top:-150px;
}

div#conteudo {
	width:340px;
	text-align:justify;
	margin:0 110px;
}

div#conteudo p {
	margin:15px 20px;
	font:10px/18px Arial,Verdana,Helvetica,sans-serif;
	color:#d4d1d2;
	width:300px;
}

div#conteudo h2 {
	background:url("../img/agencia-sobre.jpg") no-repeat;
	width:150px;
	height:17px;
	text-indent:-9999px;
}

div#conteudo h2.agencia-odyn20 {
	background:url("../img/agencia-odyn20.jpg") no-repeat;
	width:186px;
	height:18px;
	text-indent:-9999px;	
}

div#newsletter {
	width:120px;
	position:absolute;
	right:14px;	
	top:180px;
}

div#newsletter label {
	display:block;
}

div#newsletter label input {
	width:117px;
	height:14px;
	background:#0d1114;
	border:1px solid #0d1114;
	font:9px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	color:#999;
	text-align:right;
}

div#newsletter input#btn_newsletter {
	background:url("../img/btn_letter.jpg") no-repeat;
	width:9px;
	height:9px;
	display:block;
	text-indent:-9999px;
	border:1px solid #161b1f;
	float:right;
	margin:2px 0;
	cursor:pointer;
	content:"";
}

div#newsletter h3 {
	font:10px Tahoma,'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	color:#999;
	text-align:right;
	margin:0 1px;
}


/*******************************
			AGENCIA
*******************************/

div#conteudo h2#agencia-social {
	background:url("../img/agencia-social.jpg") no-repeat;
	width:156px;
	height:15px;
	text-indent:-9999px;
}

div#conteudo strong {
	color:#cccc00;
}


/*******************************
			EQUIPE
*******************************/

div#conteudo a.veja-equipe {
	float:right;
	margin:-10px -60px 0 0;
	font:10px 'Trebuchet MS',Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#CCCC00;

}

div#conteudo a.saiba-odyn {
	float:right;
	margin:-10px -80px 0 0;
	font:10px 'Trebuchet MS',Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#CCCC00;
}

div#conteudo a.veja-localizacao {
	float:right;
	margin:-10px -33px 0 0;
	font:10px 'Trebuchet MS',Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#CCCC00;
}

div#conteudo hr.linha-equipe {
	border-top:1px dotted #333;
	border-bottom:none;
	border-left:none;
	border-right:none;
	width:210px;
	height:1px;
	line-height:1px;
	margin:5px 0 0 0;
	position:absolute;
	top:230px;
	left:129px;
}

div#conteudo h2#agencia-equipe {
	background:url("../img/agencia-equipe.jpg") no-repeat;
	width:167px;
	height:15px;
	text-indent:-9999px;
}

/*******************************
			ODYN
*******************************/

div#conteudo h2#agencia-odyn {
	background:url("../img/agencia-odyn.jpg") no-repeat;
	width:205px;
	height:16px;
	text-indent:-9999px;
}

div#conteudo hr.linha-odyn {
	border:1px dotted #333;
	border-top:1px dotted #333;
	border-bottom:none;
	border-left:none;
	border-right:none;
	width:185px;
	height:1px;
	line-height:1px;
	margin:7px 0 0 0;
	position:absolute;
	left:129px;
	top:247px;
}

/*******************************
			CONTATO
*******************************/

div#conteudo h2#agencia-contato {
	background:url("../img/agencia-contato.jpg") no-repeat;
	width:176px;
	height:15px;
	text-indent:-9999px;
}

div#conteudo hr.linha-contato {
	border-top:1px dotted #333;
	border-bottom:none;
	border-left:none;
	border-right:none;
	width:230px;
	height:1px;
	line-height:1px;
	margin:5px 0 0 0;
	position:absolute;
	left:129px;
	top:178px;
}

/*******************************
		PUBLICIDADE
*******************************/

div#conteudo h2#trabalhos-publicidade {
	background:url("../img/trabalhos-publicidade.jpg") no-repeat;
	width:232px;
	height:15px;
	text-indent:-9999px;
}

div#conteudo hr.linha-publicidade {
	border-top:1px dotted #333;
	border-bottom:none;
	border-left:none;
	border-right:none;
	width:235px;
	height:1px;
	line-height:1px;
	margin:7px 0 0 0;
	position:absolute;
	left:129px;
	top:245px;
}

div#conteudo a.veja-portfolio {
	float:right;
	margin:-10px 50px 0 0;
	font:10px 'Trebuchet MS',Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#999;
}


div#conteudo a.campanhas {
	position:absolute;
	margin:10px 20px 0 252px;
	font:10px 'Trebuchet MS',Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#cccc00;
	text-align:right;

}

div#conteudo a.institucional {
	position:absolute;
	margin:25px 20px 0 252px;
	font:10px 'Trebuchet MS',Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#cccc00;
}

/*******************************
			DESIGN
*******************************/

div#conteudo h2#trabalhos-design {
	background:url("../img/trabalhos-design.jpg") no-repeat;
	width:172px;
	height:15px;
	text-indent:-9999px;
}

div#conteudo hr.linha-design {
	border-top:1px dotted #333;
	border-bottom:none;
	border-left:none;
	border-right:none;
	width:215px;
	height:1px;
	line-height:1px;
	margin:7px 0 0 0;
	position:absolute;
	left:129px;
	top:282px;
}

div#conteudo a.marcas {
	position:absolute;
	margin:10px 20px 0 252px;
	font:10px 'Trebuchet MS',Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#cccc00;
	text-align:right;

}

div#conteudo a.embalagens {
	position:absolute;
	margin:25px 20px 0 252px;
	font:10px 'Trebuchet MS',Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#cccc00;
}

div#conteudo a.editorial {
	position:absolute;
	margin:40px 20px 0 252px;
	font:10px 'Trebuchet MS',Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#cccc00;
}

div#conteudo a.diversos {
	position:absolute;
	margin:40px 20px 0 252px;
	font:10px 'Trebuchet MS',Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#cccc00;
}

div#conteudo a.personagens {
	position:absolute;
	margin:55px 20px 0 252px;
	font:10px 'Trebuchet MS',Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#cccc00;
}

/*******************************
		  PROMOCAO
*******************************/

div#conteudo h2#trabalhos-promocao {
	background:url("../img/trabalhos-promocao.jpg") no-repeat;
	width:210px;
	height:15px;
	text-indent:-9999px;
}

div#conteudo hr.linha-promocao {
	border-top:1px dotted #333;
	border-bottom:none;
	border-left:none;
	border-right:none;
	width:234px;
	height:1px;
	line-height:1px;
	margin:7px 0 0 0;
	position:absolute;
	left:129px;
	top:246px;
}

div#conteudo a.feiras {
	position:absolute;
	margin:10px 20px 0 252px;
	font:10px 'Trebuchet MS',Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#cccc00;
	text-align:right;

}

div#conteudo a.eventos {
	position:absolute;
	margin:25px 20px 0 252px;
	font:10px 'Trebuchet MS',Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#cccc00;
}

/*******************************
			  WEB
*******************************/

div#conteudo h2#trabalhos-web {
	background:url("../img/trabalhos-web.jpg") no-repeat;
	width:143px;
	height:15px;
	text-indent:-9999px;
}

div#conteudo a.web-portfolio {
	float:right;
	margin:-10px 20px 0 0;
	font:10px 'Trebuchet MS',Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#cccc00;
}

div#conteudo hr.linha-web {
	border-top:1px dotted #333;
	border-bottom:none;
	border-left:none;
	border-right:none;
	clear:both;
	width:233px;
	height:1px;
	line-height:1px;
	position:absolute;
	margin:-2px 0 0 18px;
}

/*******************************
		INSTITUCIONAL
*******************************/

div#conteudo h2#trabalhos-institucional {
	background:url("../img/trabalhos-institucional.jpg") no-repeat;
	width:240px;
	height:17px;
	text-indent:-9999px;
}


/*******************************
			 HQ
*******************************/

div#conteudo h2#extras-hq {
	background:url("../img/extras-hq.jpg") no-repeat;
	width:102px;
	height:15px;
	text-indent:-9999px;
}

div#conteudo hr.linha-hq {
	width:230px;
	border-top:1px dotted #333;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin:-2px 0 0 18px;
	height:1px;
	line-height:1px;
	position:absolute;
}

/*******************************
			BLOG
*******************************/

div#conteudo h2#extras-blog {
	background:url("../img/extras-blog.jpg") no-repeat;
	width:119px;
	height:17px;
	text-indent:-9999px;
}


div#conteudo hr.linha-blog {
	width:215px;
	height:1px;
	line-height:1px;
	border-top:1px dotted #333;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin:-2px 0 0 18px;
	position:absolute;
}

/*******************************
			NEWS
*******************************/
div#conteudo h2#extras-news {
	background:url("../img/extras-news.jpg") no-repeat;
	width:125px;
	height:11px;
	text-indent:-9999px;
}

div#conteudo div.news-inside {
	padding:20px 0 0 5px;
}

div#conteudo div.news-inside small {
	font:9px/11px Arial,Verdana,Tahoma,Helvetica,sans-serif;
	color:#666;
}

div#conteudo div.news-inside hr {
	width:313px;
	border-top:1px dotted #333;
	border-bottom:none;
	border-left:none;
	border-right:none;
	height:1px;
	line-height:1px;
}

div#conteudo div.news-inside h4 {
	font:11px/8px Arial,Verdana,Tahoma,Helvetica,sans-serif;
	color:#cccc33;
}

div#conteudo div.news-inside h4 a {
	font:11px/8px Arial,Verdana,Tahoma,Helvetica,sans-serif;
	color:#cccc33;
	text-decoration:none;
}

div#conteudo div.news-inside p {
	margin:7px 0 10px 0;
	width:310px;
}

/*******************************
		  REVISTA
*******************************/

div#conteudo h2#extras-revista {
	background:url("../img/extras-revista.jpg") no-repeat;
	width:144px;
	height:15px;
	text-indent:-9999px;
}

div#conteudo hr.linha-revista {
	width:250px;
	border:1px dotted #333;
	margin:0 18px;
}