/*
-------------------------------
Autor: Felipe Lomeu
E-mail: felipe@mediabrasil.com.br
Data: 04/2010

Alteracoes: Igor Zon Balbino
E-mail: igor@mediabrasil.com.br
-------------------------------
*/


/*
----------------------
definições gerais
----------------------
*/

html, body {
	width:100%;
	min-width:950px;
	margin:0;
	padding:0;
	background-color:#ffffff;
	background-image:url(../imgs/bg.png);
	background-repeat:repeat-x;
	font-family:Arial, Verdana;
	font-size:1em;
	color:#000000;
	text-align:center;
}

ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, label, span, em, a, div {
	margin:0;
	padding:0;
	border:0;
}

div {
	margin:0;
	padding:0;
}

h1 {
	display:none;
}

ul {
	list-style:none;
}

img {
	border:none;
}

a {
	color:#333333;
	text-decoration:none;
}

a img {
	border:none;
}

a:hover {
	color:#FF3300;
	text-decoration:none;
}

input {
	font-family:Arial, Verdana;
	font-size:0.85em;
	color:#1F1F1F;
}

.center {
	text-align:center;
}

.offscreen {
	display:none;
}

.clearboth {
	clear:both;
}


/*
----------------------
definições estruturais
----------------------
*/

#top,
#main,
#footer {
	width:100%;
	margin:0 auto;
	font-size:0.8em;
	text-align:center;
}

#top {
	height:155px;
}

#main {
	margin-top:2em;
}

#footer {
	margin-top:2em;
	margin-bottom:1em;
}

#top .align,
#main .align,
#footer .align {
	width:950px;
	position:relative;
	margin:0 auto;
	text-align:left;
}


/*
------------------------------
definições - main - breadcrumb
------------------------------
*/

#main .breadcrumb {
	margin-bottom:2em;
	padding-bottom:0.5em;
	border-bottom:1px solid #E3E3E3;
}

#main .breadcrumb p {
	font-size:0.85em;
	color:#999999;
}

#main .breadcrumb p a {
	color:#999999;
}

#main .breadcrumb p .this {
	font-weight:bold;
}

#main .breadcrumb p a:hover {
	text-decoration:underline;
}


/*
---------------------------
definições - main - content
---------------------------
*/

#main {
	/*min-height:300px;*/
	clear:both;
	overflow:hidden;
}

#content {
	width:733px;
	position:relative;
	margin-left:214px;
}

#content h2 {
	margin-bottom:1em;
	font-size:2em;
	color:#9F0044;
	text-transform:uppercase;
}

#content h3 {
	margin:2em 0 1em 0;
	font-size:1em;
	font-weight:bold;
	color:#9F0044;
}

#content h4 {
	margin:1em 0;
	font-size:1.8em;
	color:#333333;
	text-align:justify;
}


#content p {
	margin:1em 0;
	font-size:0.9em;
	color:#333333;
	line-height:1.5em;
	text-align:justify;
}

#content p a {
	color:#CC6666;
}

#content p a:hover {
	color:#CC6666;
	text-decoration:underline;
}

#content ul {
	margin:1em 0;
}

#content ul li {
	margin:0;
	color:#333333;
	line-height:2em;
}

#content p img {
	margin:0.5em 1.5em;
}

#content .color {
	color:#DB1511;
}

#content .left {
	float:left;
}

#content .right {
	float:right;
}

#content .margin {
	margin:1em 1.5em;
}


/* content - nav (twitter, back, print, more) */

#content .twitter,
#content .back,
#content .print {
	position:absolute;
	margin:0;
	padding:0;
}

#content .twitter a,
#content .back a,
#content .print a,
#content .more a {
	display:block;
	background-position:top;
	background-repeat:no-repeat;
}

#content .twitter a span,
#content .back a span,
#content .print a span,
#content .more a span {
	display:none;
}

/* content - nav - twitter */

#content .twitter {
	top:0;
	right:0;
}

#content .twitter a {
	width:191px;
	height:30px;
	background-image:url(../imgs/bt_twitter.png);
}

/* content - nav - back */

#content .back {
	top:54px;
	right:110px;
}

#content .back a {
	width:78px;
	height:20px;
	background-image:url(../imgs/bt_back.png);
}

/* content - nav - print */

#content .print {
	top:54px;
	right:0;
}

#content .print a {
	width:90px;
	height:20px;
	background-image:url(../imgs/bt_print.png);
}

/* content - nav - more */

#content .more {
}

#content .more a {
	width:100px;
	height:20px;
	background-image:url(../imgs/bt_more.png);
}

/* content - servicos */


#main .services .list li { 
	padding:0.2em 2em 0em 4em; 
	background:url(../imgs/ico_lista.png) no-repeat 2.5em 0.8em;
}

#main .services .list li a	{
	color:#333333; 
}

#main .services .list li a:hover { 
	color:#FF3300; 
	text-decoration:none; 
}

#main .services .imgDestaque { 
	margin: 0;
}

#main .services .imgDuvidas { 
	margin: 0;
	padding-top:2em;
	padding-bottom:2em;
}

/* content - promocoes */

#main .promocoes .list li { 
	padding:0.2em 2em 0em 4em; 
	background:url(../imgs/ico_lista.png) no-repeat 2.5em 0.8em;
}

#main .promocoes .list li a	{
	color:#333333; 
}

#main .promocoes .list li a:hover { 
	color:#FF3300; 
	text-decoration:none; 
}

#main .promocoes .cortapreco { 
	text-decoration:line-through;
	color:#F00;
}

#main .promocoes .precopromocao { 
	color:#06F;
	font-size:1.5em;
	text-decoration:underline;
	font-weight:bold;
	text-align:right;
	margin-top:-10px;
}

#main .promocoes h3 { 
	font-size:1.5em;
	font-weight:bold;
	color:#9F0044;
	text-transform:uppercase;
	text-align:center;
	padding-top:0.5em;
	padding-bottom:1em;
	border-bottom: 1px dotted #ccc;
}

#main .promocoes h4 {
	margin:2em 0 1em 0;
	font-size:1em;
	font-weight:bold;
	font-style:italic;
	color:#333;
}



/* content - products */

#content .products {
	width:730px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#content .products .box {
	width:230px;
	float:left;
	margin:1.6em 0 2em 0;
	background-image:url(../imgs/bg_box.png);
	background-position:right top;
	background-repeat:no-repeat;
	text-align:left;
}

#content .products .noborder {
	background-image:none;
}

#content .products .margin {
	margin:0 24px;
}

#content .products .box h3 {
	margin-top:1em;
}

#content .products .box h3 a {
	color:#9F0044;
}

#content .products .box p {
	font-size:0.9em;
	text-align:left;
}

#content .products .box p a {
	color:#333333;
}

#content .products .box p a:hover {
	color:#9F0044;
	text-decoration:none;
}

#content .products .box img {
	padding:4px;
	border:1px solid #999999;
}

/* content - gallery */

#content .gallery {
	width:730px;
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

#content .gallery li {
	width:128px;
	min-height:98px;
	float:left;
	margin:0;
	margin-right:10px;
	text-align:center;
}

#content .gallery img {
	padding:4px;
	border:1px solid #999999;
}

/* content - contact */

#main .contact,
#main .contactMis {
	width:700px;
}

#main .contact h3, 
#main .contactMiss h3  {
	margin-top:1em;
	margin-bottom:0.4em;
	font-size:1.25em;
}

#main .contactMiss .left  {
	width:430px;
	float:left;
	margin-bottom:2em;
	padding-right:15px;
}

#main .contactMiss .right  {
	width:250px;
	height:300px;
	float:right;
	margin-bottom:2em;
}

#main .contactMiss .center  {
	margin-left:45px;
}

#main .contact p a img, 
#main .contactMiss p a img {
	border:1px #A9A975 solid;
}

#main .contact form, 
#main .contactMiss form  {
	padding-top:1em;
}

#main .contact form fieldset, 
#main .contactMiss form fieldset  {
	padding:14px 0 6px 0;
	border-top:1px solid #E3E3E3;
}

#main .contact form fieldset p, 
#main .contactMiss form fieldset p {
	margin:16px 0;
	padding:0;
}

#main .contactMiss form fieldset .obs {
	margin-top:0px;
	margin-bottom:10px;
	margin-left: 95px;
	margin:0 0 10px 95px;
	padding:0;	
	font-style:italic;
	color:#900;	
	}

#main .contact form p label {
	width:140px;
	margin-left:60px;
	float:left;
	text-transform:uppercase;
	text-align:right;
	line-height:1.8em;
}

#main .contactMiss form p label {
	width:200px;
	margin-left:30px;
	float:left;
	text-transform:uppercase;
	text-align:right;
	line-height:1.8em;
}

#main .contact form .input input,
#main .contact form .textarea textarea,
#main .contact form .select select,
#main .contactMiss form .input input,
#main .contactMiss form .textarea textarea,
#main .contactMiss form .select select {
	margin:0;
	margin-left:16px;
	padding:2px 4px;
	border:1px solid #cccccc;
	background:#FBFBFB;
	font-family:Arial, Verdana;	
	font-size:1em;
	font-weight:normal;
	color:#222222;
}


#main .contact .input input,
#main .contactMiss .input input {
	width:300px;
	height:17px;
	
}

#main .contact .textarea textarea,
#main .contactMiss .textarea textarea {
	width:300px;
}

#main .contact .select select,
#main .contactMiss .select select {
	width:310px;
}

#main .contact .button input,
#main .contactMiss .button input {
	margin-left:392px;
}

#main .contactMiss .inputArquivo input{
	margin:0;
	margin-left:16px;
	padding:2px 4px;
	border:1px solid #cccccc;
	background:#FBFBFB;
	font-family:Arial, Verdana;	
	font-size:1em;
	font-weight:normal;
	color:#222222;
}

#main .contact .small input,
#main .contact .small select,
#main .contactMiss .small input,
#main .contactMiss .small select  {
	width:100px;
}

#main .contact .middle input,
#main .contact .middle select,
#main .contactMiss .middle input,
#main .contactMiss .middle select{
	width:200px;
}

/* main - inicio */

#main .inicio {
	width:950px;
	margin-left:0;
}

#main .inicio h2 {
	font-size:1.4em;
	color:#000000;
	text-align:center;
}

#main .inicio ul {
	margin-top:0.4em;
}

#main .inicio .flash .thin {
	height:30px;
	margin-top:2em;
} 

#main .inicio .others {
	margin-top:2em;
	clear:both;
	overflow:hidden;
}

#main .inicio .others .small {
	margin:0 0 1em 0;
	clear:both;
	overflow:hidden;
}

#main .inicio .others .small .service {
	width:220px;
	height:107px;
	position:relative;
	display:block;
	margin:0px 20px 16px 0;
	float:left;
	border:1px solid #dadada;
	overflow:hidden;
}

#main .inicio .others .small .service h3 {
	margin-top:1em;
	margin-bottom:0em;
	padding-left:20px;
	font-size:1em;
	color:#9F0044;
	text-transform:uppercase;
}

#main .inicio .others .small .service h3 a {
	color:#9F0044;
}

#main .inicio .others .small .service h3 a {
	color:#9F0044;
}

#main .inicio .others .small .service ul {
	margin-top:10px;
	margin-right:30px;
	padding-left:20px;
}

#main .inicio .others .small .service li {
	margin:0;
	padding:0;
	font-size:0.85em;
	line-height:1.4em;
}

#main .inicio .others .small .service li a {
	margin:0;
	padding:0;
	color:#333333;
}

#main .inicio .others .small .service .more {
	margin:0;
	padding:0;
	position:absolute;
	bottom:-1px;
	right:-1px;
}

#main .inicio .others .small .service .more a {
	width:72px;
	height:18px;
	border:1px solid #dadada;
	background-image:url(../imgs/bt_more_home.png);
}

#main .inicio .others .small .noborder {
	margin:0;
}

#main .inicio .others .small .promo {
	background-image:url(../imgs/bt_promocao.jpg);
	background-repeat:no-repeat;
}

#main .inicio .others .small .promo h3 {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	display:block;
}

#main .inicio .others .small .promo h3 a {
	width:100%;
	height:100%;
	display:block;
}

#main .inicio .others .small .promo h3 a span {
	display:none;
}

#main .inicio .others .special div {
	position:relative;
	background-color:#F0F0F0;
}

#main .inicio .others .special div h3 {
	margin-top:1em;
	margin-bottom:0em;
	font-size:1.4em;
	color:#333333;
}

#main .inicio .others .special .left {
	width:300px;
	height:160px;
	position:relative;
}

#main .inicio .others .special .left form .input input {
	width:250px;
	height:15px;
	margin-bottom:0em;
	padding:2px 5px;
	border:1px solid #939298;
	font-size:1em;
	color:#222222;
}

#main .inicio .others .special .left form .telefone input {
	width:210px;
}

#main .inicio .others .special .left .button {
	position:relative;
}

#main .inicio .others .special .left form .button input {
	width:26px;
	height:21px;
	position:absolute;
	top:-33px;
	right:0px;
	margin:0;
	padding:0;
	border:#cdcdcd;
	background:#666666;
	font-size:1em;
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
}

*+ html #main .inicio .others .special .left form .button input {
	/*IE 7*/
	top:-35px !important;
}

* html #main .inicio .others .special .left form .button input {
	/*IE 6*/
	top:-35px !important;
	right:20px;
}

#main .inicio .others .special .left form .button {
	margin:0;
	margin-top:0.8em;
	padding:0;
}

#main .inicio .others .special .right {
	width:625px;
	height:160px;
}

#main .inicio .others .special .right .more {
	margin:0;
	margin-top:-0.4em;
	font-size:0.85em;
	font-style:italic;
	color:#FE3E0D;
	text-transform:lowercase;
}

#main .inicio .others .special .right .more a {
	width:auto;
	height:auto;
	color:#FE3E0D;
	background-image:none;
}

#main .inicio .others .special .right .more a:hover {
	text-decoration:underline;
}

#main .inicio .others .special .right .twitter {
	font-style:italic;
}


#main .inicio .others .special .right .twitter a {
	width:auto;
	height:auto;
	padding-left:24px;
	background-image:url(../imgs/ico_twitter.png);
	background-position:left;
	background-repeat:no-repeat;
	color:#333333;
}

#main .inicio .others .special .right .twitter a span {
	display:block;
}


/* main - servicos */

#main .servicos {
	width:950px;
	margin-left:0;
}

#main .servicos .others {
	margin-top:1em;
	clear:both;
	overflow:hidden;
}

#main .servicos .others .small {
	margin:2em 0;
	clear:both;
	overflow:hidden;
}

#main .servicos .others .small .service {
	width:220px;
	height:107px;
	position:relative;
	display:block;
	margin:0px 20px 16px 0;
	float:left;
	border:1px solid #dadada;
	overflow:hidden;
}

#main .servicos .others .small .service h3 {
	margin-top:1em;
	margin-bottom:0em;
	padding-left:20px;
	font-size:1em;
	color:#9F0044;
	text-transform:uppercase;
}

#main .servicos .others .small .service h3 a {
	color:#9F0044;
}

#main .servicos .others .small .service h3 a {
	color:#9F0044;
}

#main .servicos .others .small .service ul {
	margin-top:10px;
	margin-right:30px;
	padding-left:20px;
}

#main .servicos .others .small .service li {
	margin:0;
	padding:0;
	font-size:0.85em;
	line-height:1.4em;
}

#main .servicos .others .small .service li a {
	margin:0;
	padding:0;
	color:#333333;
}

#main .servicos .others .small .service .more {
	margin:0;
	padding:0;
	position:absolute;
	bottom:-1px;
	right:-1px;
}

#main .servicos .others .small .service .more a {
	width:72px;
	height:18px;
	border:1px solid #dadada;
	background-image:url(../imgs/bt_more_home.png);
}

#main .servicos .others .small .noborder {
	margin:0;
}

#main .servicos .others .small .promo {
	background-image:url(../imgs/bt_promocao.jpg);
	background-repeat:no-repeat;
}

#main .servicos .others .small .promo h3 {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	display:block;
}

#main .servicos .others .small .promo h3 a {
	width:100%;
	height:100%;
	display:block;
}

#main .servicos .others .small .promo h3 a span {
	display:none;
}


/* main - news */

#main .news h3 {
	font-size:1em;
	color:#929292;
}

#main .news h4 {
	margin-top:1.8em;
	margin-bottom:1.4em;
}

#main .news ul {
	overflow:hidden;
}	

#main .news ul li {
	margin-bottom:2em;
	padding-bottom:2em;
	clear:both;
	line-height:normal;
}

#main .news ul li .date {
	width:80px;
	height:40px;
	float:left;
	background-image:url(../imgs/bg_news.png);
	background-position:64px top;
	background-repeat:no-repeat;
	font-size:1.6em;
	font-weight:bold;
	line-height:40px;
}

#main .news ul li .info {
	position:relative;
	top:0.8em;
}




/*
--------------------------
definições - main - navbar
--------------------------
*/

#navbar {
	width:190px;
	float:left;
	font-size:0.95em;
	text-align:left;
}

#navbar .box {
	margin-bottom:2em;
	padding:0.4em 0;
}

#navbar .menu {
	background-color:#F1F1F1;
}

#navbar .mailing {
	background-color:#E5E5E5;
}

#navbar .box .margin {
	margin:1.2em 1.6em;
}

#navbar .box h3 {
	margin:1em 0;
	font-size:1.25em;
	font-weight:bold;
	font-style:italic;
	color:#333333;
}

#navbar .box ul li {
	padding:0.2em 0;
}


#navbar .twitter {
	margin-top:2em;
	margin-bottom:2em;
	
}

#navbar .twitter a {
	width:191px;
	height:30px;
	display:block;
	background-image:url(../imgs/bt_twitter.png);
	background-position:top;
	background-repeat:no-repeat;
}

#navbar .twitter a span {
	display:none;
}


#navbar form .input input {
	width:140px;
	height:15px;
	margin-bottom:0.4em;
	padding:2px 5px;
	border:1px solid #939298;
	font-size:0.95em;
	color:#222222;
}

#navbar form .telefone input {
	width:110px;
}

#navbar .mailing .margin .button {
	position:relative;
}

#navbar form .button input {
	width:26px;
	height:21px;
	position:absolute;
	top:-34px;
	right:0px;
	margin:0;
	padding:0;
	border:#cdcdcd;
	background:#666666;
	font-size:1em;
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
}

*+ html #navbar form .button input {
	/*IE 7*/
	top:-37px !important;
}

* html #navbar form .button input {
	/*IE 6*/
	top:-37px !important;
	right:22px;
}

#navbar form .button {
	margin:0;
	margin-top:0.8em;
	padding:0;
}


/*
----------------------
definições - footer
----------------------
*/

#footer .copyright,
#footer .siteap {
	font-size:0.85em;
	color:#999999;
}

/* copyright */

#footer .copyright {
	margin-top:5px;
}

#footer .copyright p {
	line-height:1.2em;
}

/* mediabrasil */

#footer .mediabrasil {
	position:absolute;
	right:0em;
	bottom:0px;
}

#footer .mediabrasil p {
	color:#D88578;
}

#footer .mediabrasil p a {
	width:75px;
	height:14px;
	display:block;
	background-image:url(../imgs/mediabrasil.png);
	background-repeat:no-repeat;
}

#footer .mediabrasil p a span {
	display:none;
}

#top-container {width:950px; outline:0;}
#bannerPromo-container {width:950px; outline:0;}

#banner_pop{

	position:absolute; 
	top:167px; 
	width:100%; 
	height:424px; 
	z-index:100;
	text-align:center;
}