/*
Style Sheet | CPL - Centro de produção de legendas | www.cplcc.com.br
Author: Bernardo Tausz | bmtausz[at]gmail[dot]com
Country: Brazil
Last Updated: 09/03/2009
*/


/* --- RESET CSS - Based on original file by Eric Meyer --- */
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, b, u, i, center, 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 !important; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline}
body {line-height: 1; background: #fff; color: #000}
ol, ul {list-style: none}
blockquote, q {quotes: none}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse;border-spacing: 0}
address {font-style: normal}
acronym, abbr {cursor:help}
img {border:none}
a {outline:none; cursor:pointer}
/* --- */

/* --- EXTRAS --- */
.limpar {clear: both; font-size: .1em; line-height: .1em}
.invisivel {width: 1px; height: 1px; overflow: hidden; position: absolute}
/* --- */

/* --- ESTRUTURA --- */
body {text-align: center; font:normal .8em Verdana, Arial, Helvetica, sans-serif}
#canvas {width: 760px; margin: 0 auto; text-align:left}
.nav ul li {float:left; border-right:solid 1px #000; margin-left:5px}
.nav ul li a {margin-right:5px}


#contetn-wrapper, #footer-wrapper {clear:both}


#barra-acessibilidade {height:22px}
#header {height:110px; position:relative; margin-bottom:50px}
#section-b {width:520px; float:left; margin-bottom:30px}
#section-c {width:240px; float:left}
#footer {}
/* --- */

/* --- TITULOS --- */
#header h1 {position:absolute; top:40px; left:10px; background:url(../img/bg_h1_logo-antiga-cpl.png) no-repeat; width:167px; height:51px}
#header h1 a {width:167px; height:51px; display:block}
#header h2 {position:absolute; top:50px; left:10px}
#header h3 {position:absolute; top:40px; right:10px; background:url(../img/bg_h3_icones-servicos.png) no-repeat; width:137px; height:51px}
h4 {color:#390; margin-bottom:10px; font-weight:bold; font-size:1.2em}
h5 {color:#390; font-weight:bold; font-size:1.2em; margin:30px 0 5px 0;/* border-bottom:solid 1px #390; width:90%*/}
h6 {border-bottom:solid 1px #390; width:80%; color:#069; font-weight:bold}
/* --- */

/* --- LINKS --- */
a:link {color:#069; text-decoration:underline}
a:visited {color:#999}
a:hover {color:#693!important; text-decoration:none}
a:active {color:#f00}

a.selecionado {color:#6c3}
a.topo {margin:40px 0 30px 0; display:block; font-size:.85em}

a.orcamento {background:url(../img/btn-orcamento.png) top left no-repeat; width:176px; height:23px; display:block; margin:30px 0}
a.orcamento:hover {background-position:0 -23px}
/* --- */

/* --- RECURSOSO DE ACESSIBILIDADE --- */
	/* --- CONTRASTE --- */
	body.contraste, body.contraste p, body.contraste ul, body.contraste ul li {color:#000!important}
	
	body.contraste a:link {color:#00F!important; text-decoration:underline}
	body.contraste a:visited {color:#0099FF}
	body.contraste a:hover {color:#000!important; text-decoration:none}
	body.contraste a:active {color:#f00}
		
	/* --- */
	
	/* --- TEXTO MAIOR --- */
	.texto-maior {font-size:120%}

	.texto-maior #section-a.cinema-nacional {background:none; color:#000; position:relative}
	.texto-maior #section-a.cinema-nacional p {position:static; width:400px; margin-bottom:20px}
	.texto-maior #section-a.cinema-nacional ul {position:static}
	.texto-maior #section-a.cinema-nacional ul li {float:left; margin-left:35px}
	.texto-maior #section-a.cinema-nacional ul li a {font-weight:bold; font-size:.85em; color:#0000FF}
	.texto-maior #section-a.cinema-nacional ul.invisivel {width: auto; height: auto; overflow: auto; position: static; position:absolute; top:20px; left:450px; border-left:solid 1px #000}
	.texto-maior #section-a.cinema-nacional ul.invisivel li {float:none}
	
	.texto-maior #section-b .box-servicos-home {width:auto; height:auto; background:none; margin-bottom:15px}
	/* --- */
	
	/* --- TEXTO MAIOR 2 --- */
	.texto-maior2 {font-size:130%}

	.texto-maior2 #section-a.cinema-nacional {background:none; color:#000; position:relative}
	.texto-maior2 #section-a.cinema-nacional p {position:static; width:400px; margin-bottom:20px}
	.texto-maior2 #section-a.cinema-nacional ul {position:static}
	.texto-maior2 #section-a.cinema-nacional ul li {float:left; margin-left:35px}
	.texto-maior2 #section-a.cinema-nacional ul li a {font-weight:bold; font-size:.85em; color:#0000FF}
	.texto-maior2 #section-a.cinema-nacional ul.invisivel {width: auto; height: auto; overflow: auto; position: static; position:absolute; top:20px; left:450px; border-left:solid 1px #000}
	.texto-maior2 #section-a.cinema-nacional ul.invisivel li {float:none}
	
	.texto-maior2 #section-b .box-servicos-home {width:auto; height:auto; background:none; margin-bottom:15px}
	/* --- */
	
	/* --- CONTRASTE COM TEXTO MAIOR --- */



/* --- HEADER --- */
#header-wrapper {background: #0058a0}
#header-wrapper .sem-separador {border:none}
#barra-acessibilidade {width:100%; font-size:.85em; color:#999; text-align:left; background:#fff; line-height:22px}
/*#barra-acessibilidade #nav2 {float:right}
#barra-acessibilidade #nav2 li {display:inline; float:left}
#barra-acessibilidade #nav2 a {display:block}
#barra-acessibilidade #nav2 li.submenu {}
#barra-acessibilidade #nav2 li ul {position: absolute; width: 15em; margin:0; padding:5px 0 0 0} 
#barra-acessibilidade #nav2 li ul li {float:none; border:none; margin:0; padding:0}
#barra-acessibilidade #nav2 li ul li a {padding:2px 0 3px 0}*/
#barra-acessibilidade #nav2 li.submenu li a {width:200px}

#nav2 {float:right}
#nav2, #nav2 ul {width: auto; background:#fff}
#nav2 li {float: left; border-color:#069}
#nav2 a {display: block; width: auto; height: 2em; line-height: 2; /*text-align: center;*/ text-decoration: underline; 	border-width: 0 1px 1px} 
#nav2 a:hover {text-decoration: none; color:#69c}
#nav2 a.bullet {background: url(bullet.gif) no-repeat right}
#nav2 a.bullet:hover {background: #c7daec url(bullet-over.gif) no-repeat right}
#nav2 li ul {position: absolute; left: -1000em;	width: 15em!important; margin: 0}
	
#nav2 li ul li {border:none}

#nav2 ul ul {margin: -2.1em 0 0 10.1em;}
#nav2 li:hover ul ul, #nav li.over ul ul {left: -1000em;}
#nav2 li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul {left: auto;}


#nav-secundaria {position:absolute; top:25px; right:0}
#nav-secundaria ul li {border-color:#069}
#nav-secundaria ul li a {}

#nav-principal {position:absolute; top:110px; left:10px; height:30px}
#nav-principal li {background:url(../img/bg_li-nav-principal.png) top left no-repeat; padding-left:10px; height:30px; border:none; margin:0}
#nav-principal li a {background:url(../img/bg_a-nav-principal.png) top repeat-x; height:30px; display:block; float:left; line-height:30px; text-decoration:none}
#nav-principal li a span {background:url(../img/bg_span-nav-principal.png) top right no-repeat; padding-right:10px; height:30px; display:block; float:left; font-weight:bold}
/* --- */


/* --- CONTEUDO --- */
strong {font-weight:bold}



#migalhadepao {color:#390}

#section-b {clear:both}

#section-b .inner {padding:10px 10px 10px 10px; color:#666}
#section-b #oque-acessibilidade {margin-top:30px}
#section-b #oque-acessibilidade h3 {background:url(../img/bg_h_oque-acessibilidade.png) top left no-repeat; width:174px; height:17px; margin-bottom:10px}
#section-b #oque-acessibilidade p {width:auto!important}

#section-b #servicos-home {border:solid 1px #6c3; padding:4px; background:#c1dfb1}
#section-b #servicos-home .inner {padding:10px 15px 15px 15px; background:#fff}
#section-b #servicos-home .inner h3#servicos {width:74px; height:17px; background:url(../img/bg_h3_servicos.png) top left; margin-bottom:10px}

#section-b .box-servicos-home {width:455px; height:auto; margin-bottom:15px; border: solid 1px #CCC; background:#fff; padding:2px}
#section-b .box-servicos-home .inner {padding:10px; background:url(../img/bg_boxes-servicos-home.png) bottom left repeat-x!important}
#section-b p {width:420px; margin-bottom:10px}
#section-b .box-servicos-home h3 {margin-bottom:5px} 
#section-b p.links-mais {font-size:.85em; margin:0} 
#section-b p.com-video {margin-top:20px}
#section-b a {color:#069}

#section-b #cc h3 {width:291px; height:17px; background:url(../img/bg_h3_cc-inline-offline-offbox.png) top left no-repeat}
#section-b #audiodescricao h3 {width:116px; height:19px; background:url(../img/bg_h3_audiodescricao.png) top left no-repeat}
#section-b #janela-libras h3 {width:128px; height:14px; background:url(../img/bg_h3_janela-libras.png) top left no-repeat}
#section-b #acessibilidade-web h3 {width:144px; height:14px; background:url(../img/bg_h3_acessibilidade-web.png) top left no-repeat}

#section-b #legende-comercial {margin-top:30px}
#section-b #legende-comercial h3 {width:170px; height:17px; background:url(../img/bg_h3_legende-comercial.png) top left no-repeat; margin-bottom:10px}
#section-b ul.check-verde {list-style:url(../img/bullet_check-verde.png); padding-left:20px; margin-bottom:10px}
#section-b ul.check-verde li {margin-bottom:5px}
#section-b ul.ul-bullet {list-style:disc; padding-left:20px}

#section-b #programacao {border:solid 1px #6c3; padding:10px; background:#ddeed4; margin:30px 0}
#section-b #programacao h4 {font-size:1.3em; padding:10px 0}
#section-b #programacao span {color:#390}
#section-b #programacao ul {margin:0 0 20px 0}
#section-b #programacao ul li {margin:5px 0}
#section-b #programacao .cada-filme {background:#fff; padding:10px; margin-bottom:10px}
#section-b #programacao .cada-filme ul li {margin:0}
#section-b #programacao .cada-filme h5 {margin:0; padding:0}
#section-b #programacao .cada-filme p span {display:block; font-weight:bold}

#section-b img.fotos {width:90%; margin:20px 0}

#section-b table {margin:10px 0 30px 0}
#section-b table .td1 {width:300px; padding:5px}
#section-b table .td2 {border-left:solid 1px #fff; width:50px; padding:5px 10px}
#section-b table .bg-linha {background:#D3D3D3}

#section-b ul li {margin:10px 0}
#section-b ul li ul {margin-left:20px}
#section-b ul li ul li {margin:5px 0}


#section-b form label {float:left; width:95px}
#section-b form input {width:190px} 
#section-b form textarea {width:195px}
#section-b form select {width:195px}
#section-b form input.button {width:80px; margin-left:95px}
#section-b form .duas-linhas {height:40px}
#section-b form#orcamento label {width:130px}
#section-b form#orcamento input.button {margin-left:130px}

#section-c {margin-bottom:20px}
#section-c .inner {}
#section-c #projetos, #section-c #banner-clientes {border-top:solid 8px #369; background:#cbd5de; padding:5px; margin-top:10px}
#section-c h3 {color:#369; font-size: 1.2em; font-weight:bold; text-transform:uppercase; margin-bottom:10px}
#section-c .box {padding:5px; font-size:.85em; color:#069; margin-bottom:10px; background-color:#fff}
#section-c .box.programacao {background:#fff url(../img/bg_box-programacao.png) bottom right no-repeat;}
#section-c .box h4 {color:#369; font-size:1em; font-weight:bold; margin-bottom:5px; border-bottom:solid 1px #999; padding-bottom:5px}
#section-c .box p {margin:10px 0}
#section-c .box h5 {color:#369; margin:15px 0 10px 0; text-transform:uppercase; font-weight:bold; border:none}
#section-c .box ul {margin-bottom:20px}
#section-c .box ul li {line-height:15px; margin-bottom:10px; padding:0}
#section-c .box ul li strong {font-weight:bold}

#section-c .box.videoteca {background:#fff url(../img/bg_box-videoteca.png) bottom right no-repeat;}

/* --- */

/* --- FOOTER --- */
#footer {background:#369; color:#fff; padding:0}
#nav-footer {background:#d1d9e0; margin-bottom:10px}
#nav-footer ul {line-height:20px; height:20px; padding:4px}
#nav-footer ul li {border-color:#069}
#nav-footer .sem-separador {border:none}
#nav-footer .sem-separador {border:none}
#footer h2, #footer p {padding:0 10px; margin-bottom:5px}
#footer h2 {font-weight:bold; margin-bottom:5px}
#footer p {padding-bottom:5px}
#footer2 {font-size:.8em; color:#999}
/* --- */

#loading {text-align:center; }
#loading .sucesso{ color: #339900; }
#loading .erro{ color: #F00; }