/*-------------- CONTENT GERAL -------------------*/
div#content .passo {margin:8px 10px 0 40px;}
/*div#content h2{ color:#555; font-size:22px;  margin:10px 0 10px 0; font-weight:lighter; }
div#content h3{ color:#900; font-size:1.6em;  margin: 0 0 10px 0; }*/

div#content h2{ color:#666; font-size:1.6em;  margin:10px 0 20px 0; font-weight:lighter; }
div#content h3{ color:#900; font-size:1.4em;  margin: 0 0 10px 0; }

div#content .subtitulo{ font-size:20px; margin:10px 0 5px 0;}
div#content .separacao { border-bottom:1px dotted #ccc; padding-bottom:15px;}
div#content .link-topo{ float:right; color:#900; font-size:11px; margin:0 10px 0 0;}

div#content .texto{ font-size:12px; color:#666; line-height:18px; margin:0 10px 10px 0;}
div#content .frase-destaque{font: italic normal 20px "Trebuchet MS", Calibri, Arial, Tahoma; letter-spacing: -1px; text-align:center; color:#666;}
div#content .perg-faq a{ font-size:12px; color:#666; line-height:30px;}

/* NETWORK */
div#content .network{float:right;}

/* LEGENDA */
div#content #legendas p { font-size:12px; color:#666; margin: 7px 0; }
div#content #legendas .genero{font-size:13px; color:#666; margin: 10px 10px 10px 0; float:left; }
div#content #legendas .genero img{ margin-bottom:-2px;}
div#content #legendas .exibicao{font-size:13px; color:#666; margin: 10px 10px 10px 0; float:left; }
div#content #legendas .exibicao img{ margin-bottom:-2px;}
div#content .letra-legenda { background-color:#555;  color:#fff; font:10px Verdana, Arial, Helvetica, sans-serif; padding:0px 3px 1px 3px ; margin:0 2px; border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius:2px;}

/*-------------- CONTENT FILMES-------------------*/

div#content .wrapper_filme {border-bottom:1px dotted #ccc;}
div#content .filme_item {width:310px; float:left; /*border-bottom:1px dotted #ccc;*/ margin:0 15px 0 0 ;}
div#content .filme_item .texto_item { float:left; margin:10px; width:170px;}
div#content .filme_item .texto_item h3 a:link, a:visited {font:18px "Trebuchet MS", Calibri, Arial, Tahoma; color:#900; line-height:18px;}
div#content .filme_item .texto_item p{ font-size:10px; color:#666; line-height:14px;}
div#content .filme_item .texto_item p .bold{color:#444; font-weight:bold;}
div#content .filme_item .texto_item .social { margin:15px 0 0 0;}
div#content .noBorder {border:none;}
div#content .noBorderTop {border-top:none;}

div#content .cartaz-filme{
	float:left; margin:10px 0;
	height: 163px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
div#content .cartaz-filme:hover{
	background: #000;
}

div#content .cartaz-filme .imagem-cartaz {
	border:1px solid #999;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
div#content .cartaz-filme:hover .imagem-cartaz {	
	opacity: 0.1;	
	filter:alpha(opacity=10);
}

div#content .cartaz-filme .icone-cartaz{
	display: none; 
	position: relative;
	top: -115px;
	padding-bottom: 10px; 	
	left: 11px; 
	z-index: 10;
}
div#content .cartaz-filme:hover .icone-cartaz{
	display: block;
}

/* COMBO CONTENT */
div#content .filtro {float:left; margin:8px 20px 15px 20px;}
div#content .filtro select { padding:5px; min-width:180px; color:#666; background:#eee; border:1px solid #ddd;}
div#content .filtro select option{ color:#666; border-bottom:1px dotted #ddd;}

div#content .no-margin {margin:8px 0;}
div#content .linha-titulo {border-bottom:2px solid #900; margin:20px 0;}

/*-------------- CONTENT FILMES ESTRÉIA-------------------*/
div#content .filme_estreia {border-bottom:1px dotted #ccc; /*height:182px;*/ clear:both;}
div#content .filme_estreia .texto_estreia { float:left; margin:10px; width:75%;}
div#content .filme_estreia .texto_estreia h3 a:link{font:18px "Trebuchet MS", Calibri, Arial, Tahoma; color:#900; line-height:14px;}
div#content .filme_estreia .texto_estreia p { font-size:10px; color:#666; line-height:16px; }
div#content .filme_estreia .texto_estreia p .bold{color:#444; font-weight:bold;}
div#content .filme_estreia  #trailer { margin:10px 0; float:right;}
div#content .filme_estreia .texto_estreia .social { margin:37px 0 0 0;}

/*-------------- CONTENT SNACK -------------------*/
div#content .snack-item{border-bottom:1px dotted #ccc; padding:10px 0; clear:both;}
div#content .snack-item img{float:left; margin:10px 0;}
div#content .snack-item .cont-item{ float:left; margin:5px 0 0 20px;}
div#content .snack-item .cont-item h3{font-size:24px;}
div#content .snack-item .cont-item ul{ float:left;  margin:0 50px 0 0; font-size:14px; line-height:20px; color:#333;}

/*-------------- CONTENT PROMOCOES -------------------*/
div#content  a.img-promo { cursor:pointer }

/*-------------- CONTENT CADASTRO -------------------*/
div#content .passo {margin:-45px 10px 0 330px; position:absolute; }
div#content .passo-clube {margin:-37px 10px 0 260px; position:absolute; }
div#content .destaques{ margin:10px 0; }
div#content .star{ float:left; width:50px; padding:30px 0 20px 0;}
div#content  p.frase-cadastro { width:580px; text-align:center; float:left; margin:20px 0 10px 0; color:#600; font:18px "Trebuchet MS", Calibri, Arial, Tahoma; font-style: italic; text-transform: uppercase;}
div#content  p.subtitulo{width:570px; font:16px "Trebuchet MS", Calibri, Arial, Tahoma; font-style: italic; color:#666; text-align: center; margin:0 0 50px 0;}
div#content .aviso{font-size:12px; color:#900; font-weight:bolder; line-height:20px; clear: both;}
div#content .pergunta{ font-size:16px; color:#333; line-height:18px; padding:4px; margin:15px 10px 10px 0;}



.questionarioRede, .questionarioMeio, .questionarioComun, .questionarioCinemarkMania { width:95%; border-bottom: 1px dotted #ccc; padding-bottom:15px;}

div#content .login-clube {margin:10px 5px 10px 0; height:40px; display:none; width:542px;}
div#content .login-clube .campos-login { margin:0 10px 0 0; border:1px solid #ccc; color:#666; background-color:#eee; font-size:14px;  padding:5px;float:left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  }
div#content a.button {margin:0 10px 0 0; cursor: pointer; display: block; width:auto; background-color:#900; float:left; padding:7px; color: #fff; font-size: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
div#content a:hover.button{text-decoration:none; color: #fff; background-color:#600;}

div#content a.button-arrow {background:url(http://www.cinemark.com.br/themes/cinemark/images/arrow.png) no-repeat right; text-decoration:none; margin:0 10px 0 0; cursor: pointer; display: block; width:auto; background-color:#900; float:left; padding:7px 20px 7px 5px; color: #fff; font-size: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
div#content a:hover.button-arrow{text-decoration:none; color: #fff; background-color:#e0ab3b;}

div#content .sub-cadastro {color:#600; font-size:20px; margin:20px 0 10px 0; }
div#content .sub-cadastro span {color:#fc6; font-size:30px; }

div#content .mCadastro{margin-left:40px; clear:both;}

div#content .campos-cadastro { margin:7px 10px 0 0; border:1px solid #ccc; color:#666; background-color:#eee; font-size:12px;  padding:5px;float:left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  }
div#content .campos-recupera { margin:0 0 10px; 0; border:1px solid #ccc; color:#666; background-color:#eee; font-size:12px;  padding:5px;float:left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  }
div#content .campos-recupera-disabled { margin:0 0 10px; 0; border:1px solid #ccc; color:#666; background-color:#ccc; font-size:12px;  padding:5px;float:left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

div#content table.form tr td{color:#666; font-size:14px; padding:3px 5px 0 0; vertical-align: middle;}
div#content table.form tr td p{padding-top:8px;}

div#content table.movie-title {width: 950px;}
div#content table.movie-title tr  {background: #fff;}
div#content table.movie-title tr:nth-child(even) {background: #e6e6e6;}
div#content table.movie-title thead {background: #fff;}
div#content table.movie-title thead td{color:#666; font-weight: bold; font-size:16px; padding:3px 5px 0 0; vertical-align: middle;}
div#content table.movie-title tr td{color:#666; font-size:14px; padding:5px; vertical-align: middle;}

div#content .dest-retorno{float:left; margin:25px 50px 0 0; text-align:center; width:40%;}
div#content .dest-retorno p {font:18px "Trebuchet MS", Calibri, Arial, Tahoma; color: #444; font-style: italic;}


/*MENU DROP CADASTRO*/
.menu_cidade, .menu_cinema {border:1px solid #ccc; background:#eee; color:#666; cursor: pointer; width:250px; font:12px "Verdana", Arial, Helvetica; padding:7px; margin:15px 0 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.menu_cidade img, .menu_cinema img {float:right;}
.menu_body_cidade, .menu_body_cinema {display:none; width:264px; position:absolute; z-index:10; font:12px "Verdana", Arial, Helvetica;  border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.menu_body_cidade li, .menu_body_cinema li{background:#eee;}
.menu_body_cidade li.alt, .menu_body_cinema li.alt{background:#fff;}
.menu_body_cidade li a, .menu_body_cinema li a{color:#666; text-decoration:none; padding:7px; display:block;}
.menu_body_cidade li a:hover, .menu_body_cinema li a:hover{color:#900;}

/*MENU DROP PERGUNTAS*/
.menu_pergunta {border:1px solid #ccc; background:#eee; color:#666; cursor: pointer; width:155px; font:11px "Verdana", Arial, Helvetica; padding:5px;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.menu_pergunta img {float:right;}
/*.menu_body_pergunta {cursor: pointer; display:none; width:164px; position:absolute; z-index:10; font:12px "Verdana", Arial, Helvetica;  border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
*/
.menu_body_pergunta {cursor: pointer;}
/*especial para quebra*/
.wrapper_menu_pergunta {display:none; position:absolute; z-index:10; font:12px "Verdana", Arial, Helvetica;  border:1px solid #ccc; min-width: 165px; background-color:#fff;}
.wrapper_menu_pergunta .menu_body_pergunta{float:left;}

.menu_body_pergunta ul {width: 100%;}

.menu_body_pergunta li {background:#eee; width:165px;}
.menu_body_pergunta li.alt {background:#fff;}
.menu_body_pergunta li a{color:#666; text-decoration:none; padding:7px; display:block;}
.menu_body_pergunta li a:hover{color:#900;}
 
div.respostas {width:auto; margin-top:10px;}  
div.respostas .resposta{display:inline-block; margin:0 5px 5px 0; font:11px "Verdana", Arial, Helvetica; color:#666;  border:1px solid #ccc; padding:5px 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
div.respostas .resposta a{color:#900; margin:0 0 0 10px; font-weight:bolder; text-decoration:none; cursor: pointer} 
div.respostas .resposta a:hover{color:#e0ab3b;}
 
 
/*-------------- CLUBE -------------------*/
div.promo {display: none; width:610px; min-height:auto; margin:10px 0 0 0;}
div.promo p {float:left; width:490px;}
fieldset {border:none; margin-bottom:20px;  width:600px;}
fieldset img{border:1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
/*a img{margin:10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}*/
div#login-clube .loading{ font-size:16px; color:#666; text-align: center; margin-top: 5px; }
div#login-clube .loading img { vertical-align: middle; }

/*HOME CLUBE*/
div#content .cinemark-mania{margin: 25px 0 ;  border:1px solid #dedede; border-bottom:4px solid #660033;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
div#content .cinemark-mania .header {background:#660033; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; margin-bottom: 1px;   }
div#content .cinemark-mania .header img{ margin:15px 0 12px 20px;}
div#content .cinemark-mania .header a:link{background:#48062c; margin:1px 1px 0 0; padding:12px 20px; float:right; font: bold 16px "Trebuchet MS", Calibri, Arial, Tahoma; color:#996699;}
div#content .cinemark-mania h3 {margin:10px 20px; font: 22px "Trebuchet MS", Calibri, Arial, Tahoma; color:#660033;}
div#content .cinemark-mania .item { width:285px; height:110px; background:#f4f4f4; float:left; margin:0 30px 25px 0; border: 1px solid #dedede; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
div#content .cinemark-mania .item .periodo {text-align:left; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; background:#660033; color:#fff; padding:5px 10px; -moz-border-radius:4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
div#content .cinemark-mania .item p {font-size:11px; color: #666; margin:10px; line-height:16px; right}
div#content .cinemark-mania .arrows {float:right; clear:both; width:50px; margin: 15px 20px 0 0;}

.nav {filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; margin: 5px 0; font-size:11px; padding: 5px 5px; width:auto; background-color:#000; position:absolute; z-index: 1;  margin:-21px 0 0 35px; -moz-border-radius:4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.nav a, .number a { margin: 0 3px; padding: 3px 3px; color:#666; text-decoration: none;  }
.number a.activeSlide { color:#ea0; }
.number a:focus { outline: none; }
.pics{z-index:0;}
.pics img{-moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px;}

.info { background-color: #EEEEEE;  border-radius: 3px 3px 3px 3px;   color: #777777;   font-size: 11px;    line-height: normal;    padding: 7px;}

/*HOME CINEMARK MANIA*/
div#content .prox-beneficios h3, div#content .cartoes h3  {margin:11px 0; float:left; font: 22px "Trebuchet MS", Calibri, Arial, Tahoma; color:#600;}
div#content .prox-beneficios .arrows {float:right; width:50px; margin: 15px 0 0 0;}
div#content .prox-beneficios .item { width:310px; height:190px; background:#f4f4f4; float:left; margin:0 24px 0 0; border: 1px solid #dedede; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
div#content .prox-beneficios .item .periodo {text-align:left; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; background:#d3d3d3; color:#333333; padding:5px 10px; -moz-border-radius:4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
div#content .prox-beneficios .item p {font-size:11px; color: #666; margin:10px; line-height:16px; right}

div#content .cartoes .item-titular {background-color:#dfab39; font-size:11px; color:#fff; float:left; width:auto; min-width:70px; margin: 0 0 15px 0; height:16px; padding:12px 0; text-align:center; font-weight:bold; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px; border:1px solid #dfab39;}
div#content .cartoes .item {background-color:#eee; font-size:9px; color:#666; float:left; width:auto; min-width:70px; height:20px; margin: 0 0 15px 10px; text-align:center; padding:10px 0; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px; border:1px solid #dfdfdf;}
div#content .cartoes .item-cancelado {background-color:#ddd; font-size:9px; color:#aaa; float:left; min-width:70px; width:auto; height:20px; margin: 0 0 15px 10px; text-align:center; padding:10px 0; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px; border:1px solid #ddd;}
div#content .cartoes .item:hover{background-color:#aaa; color:#fff; border-color:#aaa;}
div#content .cartoes a.button {margin:17px 3px 0 0; text-decoration:none; cursor: pointer; display: block; width:auto; background-color:#b12a1c; float:right; padding:5px; color: #fff; font-size: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
div#content .cartoes a:hover.button{text-decoration:none; color: #fff; background-color:#e0ab3b;}
.tooltipCinemarkMania { background-color: #B50F0F; border-radius: 3px 3px 3px 3px; color: #fff; display: none; font-size: 10px; font-weight: bold; padding: 7px; width: auto; z-index: 50; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 5px;}
.arrow {position: absolute; z-index:50; margin: 16px 0 0 60px; border-top: 6px solid #B50F0F; border-left: 3px solid rgba(0,0,0,0); border-right: 3px solid rgba(0,0,0,0);}

/*----------- PUBLICIDADE ----------------*/
.publicidade { color: #666; font: 10px arial,helvetica,sans-serif; text-align: right; text-transform: lowercase; }
#header div.publicidade { position:absolute; margin: 63px 0 0 943px; width: 85px; height: 15px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); }


/*----------- PROJETOS ESPECIAIS ----------------*/
div#content .projetos{margin-bottom:20px; padding-bottom:15px; border-bottom: 1px dotted #ccc; }
div#content .projetos img {float:left; margin-right:15px; }


/*---------- RELEASES ------------*/
div#content .realeases ul {font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;}
div#content .realeases ul li{padding:7px 5px; margin:2px 0; background:#eee;}
div#content .realeases ul li a{color:#666; font-size:14px;  }
div#content .realeases ul li:hover{color:#fff;  text-decoration:none; background:#ccc;}

/*---------- REDES SOCIAIS ----------*/

.social-tooltip { background: url(http://www.cinemark.com.br/themes/cinemark/images/dialogo.png) no-repeat scroll 0 0 transparent; padding:5px 0 0 3px;  display: none; height: 35px; width: 65px; z-index: 50; margin: 5px 0 0 0; border: none !important;}
.social-tooltip a { border: none; margin: 4px; }
.share-button { width:85px; /*left:80%;*/ position:relative; height:19px; border: none !important; display: inline !important; }
.share { position:absolute; padding: 0 0 50px 0 ; right: 30px; bottom: -28px;}


#mobile-version { text-align: center; padding:7px 0; font-size:10px; background-color: #b00; text-transform:uppercase;}
#mobile-version a{ color:#fff;}