/*---------------------------- GERAL -----------------------------------*/ 

hr{ display:none;}

html{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; min-width:990px;}

body{/* customize_background */ background-color:#000000; /* customize_background */ text-align:center;}

#wrapper{width:990px; background-color:#FFFFFF; text-align:left; margin:0 auto; }

a{/* customize_link */text-decoration:none; color:#600;/* customize_link */} a:hover{/* customize_link_hover */text-decoration: underline;/* customize_link_hover */}



h1, h2, h3{ font-family:"Trebuchet MS", Calibri, Arial, Tahoma;}



.clear{clear:both; }



div#RMdhtml {left:35%;}



/*---------------------------- TOPO ------------------------------------*/

div#header{ height:115px;}

div#header h1{ float:left; margin:30px 0 0 10px;}

#superbanner{ margin:10px 10px 0 0; z-index: 90; position:absolute; width:728px; height:90px; text-align:right; visibility: hidden; }

div#header #superbanner-anchor{ margin:0 10px 0 252px; z-index: 90; position:absolute; width:728px; height:90px; text-align:right; }





/*------------------------- BARRA NAVEGALJÃO ----------------------------------*/

div#nav{background:url(http://www.cinemark.com.br/themes/cinemark/images/base-menu-principal.jpg) no-repeat; height:33px; width:970px; z-index:50; position:absolute; margin:0 10px  0 10px; }

/*MENU NIVEL 1*/

div#nav ul {margin-top:6px;}

div#nav ul a{color:#fff; font:13px "Trebuchet MS", Calibri, Arial, Tahoma; font-size:13px; text-decoration:none; list-style:none; z-index:50;}

div#nav ul.nivel_1 li.select{height:33px; width:auto; z-index:50;}

div#nav ul.nivel_1 li{float:left; padding:0 1px; width:75px; text-align:center;	border-right:1px solid #c66;z-index:50;}

div#nav ul.nivel_1 li a{display:block; height:20px; line-height:20px; z-index:50;}

div#nav ul.nivel_1 li:hover{background:#29383A; z-index:50;}



/*MENU NIVEL 2*/

div#nav ul.nivel_1 li ul{display:none; padding-top:5px; z-index:50;}

div#nav ul.nivel_1 li:hover ul.nivel_2{display:block; z-index:50;}

div#nav ul.nivel_1 li a ul.nivel_2{display:block; z-index:50;}



div#nav ul.nivel_2{position:relative; z-index:50;}

div#nav ul.nivel_2 li{ background:#29383A; float:left; width:170px;	text-align:left; border-bottom:1px  dotted #666; border-right:none;	margin:0; z-index:50;}

div#nav ul.nivel_2 li a{height:25px; line-height:25px; margin-left:5px; z-index:50;}



div#nav ul.nivel_2 li:hover{background:#900; z-index:50;}

div#nav li.submenu{height:25px; z-index:50;}

div#nav ul.nivel_2 li.submenu:hover{background:#900 url(http://www.cinemark.com.br/themes/cinemark/seta.png) no-repeat center right; z-index:50;}



/*MENU NIVEL 3*/

div#nav ul.nivel_2 li:hover ul.nivel_3{display:block; z-index:50;}

div#nav ul.nivel_2 li ul.nivel_3{margin-left:171px;margin-top:-30px; z-index:50;}

div#nav ul.nivel_1 li a ul.nivel_3{display:block; z-index:50;}



/*BUSCA GERAL*/

div#nav .busca{background-image:url(http://www.cinemark.com.br/themes/cinemark/images/base-busca-geral.png); background-repeat:no-repeat; margin-top:-1px;  float:right; z-index:50;  /*padding:3px 25px;  width:245px;  */}

div#nav .busca #text{ border:0; float:left; width:206px; margin:3px 0 0 5px; z-index:50;  /*padding:2px 0 0 3px;*/ color:#666666; }

div#nav .busca #submit { /*float:left; margin-top:-2px;*/ margin-right:5px; z-index:50;}



/*SOCIAL MEDIA*/

div#nav .socialmedia{ float:left; margin:0 10px 0 15px; z-index:50;}



/*--------------------------- PUSHDOWN ---------------------------*/



div#pushdown{width:970px; float:left; margin-top:35px; margin-left:10px; margin-bottom:-30px; z-index:1; position:relative;}



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

div#content{ width:650px; float:left; margin:45px 0 40px 10px; min-height: 400px;}

div#content h2{ border-radius: 4px 4px 0px 0px;  -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px;}



/*DESTAQUES*/

div#primary-dest, #secondary-dest, .slideshow{ margin:0 0 10px 0;}

.change_link {display: block; width: 10px;	height: 10px; font-size: 7pt; background-color: #eee; float: left;	margin-right: 5px;	text-align: center;	margin-top: 10px; border: 1px solid #bbb; text-decoration: none;}



/*TOP-5*/

div#top-5{float:left; width:300px;}

div#top-5 h2{color: #990000;font: 16px/19px "Trebuchet MS",Calibri,Arial,Tahoma;margin: 5px 0 0 0;padding: 5px 0 0 2px;}

div#top-5 #top5Itens  h3{ /*background-color:#ccc;*/ width:290px; font-size:12px; margin:0 0 2px 0; font-weight:bold;  height: 17px; line-height: 22px;}

div#top-5 #top5Itens  a{ color: #646464; text-decoration: none;}



/*TRAILERS*/



/*TRAILERS*/

div#trailers{ width:338px; float:right; font:11px "Verdana", Geneva, Arial, Helvetica, sans-serif; color:#444;}

div#trailers h2{background-color:#900; font:16px "Trebuchet MS", Calibri, Arial, Tahoma; color:#fff; padding:5px 0 5px 10px; margin:5px 0;}

div#trailers .filmes{ border-bottom: 1px dotted #ccc; clear:both; min-height:65px; padding:15px 0 10px 0 ; line-height:13px;}

div#trailers .filmes h3 {font-size:16px; color:#990000; margin-bottom:5px;}

div#trailers .filmes img{ float:left; margin:0 10px 0 0;}



/*TWITTER*/

#divTwitter{

	position:relative;

	float:left;

	margin-top: 10px;

}



/*PRODUTOS CINEMARK SLIDESHOW*/



#prodCinemark{

	color: #444444;

	float: right;

	font: 11px "Verdana",Geneva,Arial,Helvetica,sans-serif;

	width: 312px;

	height: 290px;

}

div#prodCinemark h2{

	color: #990000;

    font: 16px/19px "Trebuchet MS",Calibri,Arial,Tahoma;

    margin: 5px 0 0;

    padding: 5px 0 0 2px;

}

div#prodCinemark #contentSlideShow{

	position:relative;

	float:left;

	width:312px;

	height:258px;

	margin:auto;

	border-top:2px solid #990000;

	background-color:#f5f5f5;

}

div#prodCinemark #groupSlide{

	margin: auto auto auto 12px;

	position: relative;

	width: 312px;

}

div#prodCinemark  #slideShow{

	position:relative;

	float:left;

	margin:auto;

	background-color: #f5f5f5;

	width: 246px;

	height:225px;

	text-align: center;

	overflow:hidden;

	/*padding-top: 20px;*/

	

}

div#prodCinemark #slideShow .slideItem img{

	width:230px;

	height:125px;

	padding:20px 0 0 0;

}



div#prodCinemark #slideShow .slideItem h3{

	color:#990000;

	font-size: 16px;

	font-weight: normal;

	margin: 5px 0 10px 0;

}

div#prodCinemark #slideShow .slideItem p{

	font-size: 10px;

	/*margin: 0 0 40px;*/

	height: 60px;

}

#prodCinemark #slideShow .slideItem{

	position:relative;

	width:246px;

}

div#prodCinemark #btnPrev{

	position:relative;

	float: left;

	width:20px;

	height:20px;

	/*background-color:#fff;*/

	color:#990000;

	border-radius:4px;

	text-align: center;

	font-weight: bold;

	border:1px solid #999;

	margin:70px 0 0 0;

	line-height: 18px;

	font-size:11px;

	cursor:pointer;

	background-image: url(http://www.cinemark.com.br/themes/cinemark/"http://www.cinemark.com.br/themes/cinemark/images/left-arrow.jpg");

}



#bannerXD a{

display:block;

}

div#prodCinemark #btnNext{

	position:relative;

	float: left;

	width:20px;

	height:20px;

	background-color:#fff;

	color:#990000;

	text-align: center;

	font-weight: bold;

	border-radius:4px;

	border:1px solid #999;

	margin:70px 0 0 0;

	line-height: 18px;

	font-size:11px;

	cursor:pointer;

}

#prodCinemark  #paginacao{

	float: left;

	height: 20px;

	line-height: 20px;

	margin-left: 22px;

	position: relative;

	text-align: center;

	width: 266px;

	margin-top: 10px;

}



.bannerXD{

	position:relative;

	float:left;

	width:645px;

	height:90px;

	margin-top: 10px;

}

.bannerXD img{

	position:relative;

	float:left;

	

}









/*--------------------------- SIDEBAR -------------------------------------*/

div#sidebar{width:300px; float:right; margin:45px 10px 0 0;}

div#sidebar h2{background-color:#999; font-size:14px; font-weight:bold; color:#fff; padding:6px 10px; border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px;}

div#sidebar a {color:#900; font-size:13px;}



/*PROGRAMAÇÃO*/

div#sidebar #busca-programacao{ background-color:#eee; border:1px solid #d9d8d8; min-height:120px; margin:0 0 10px 0; padding:10px 0 15px 0; border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius:0px 0px 4px 4px;}

div#sidebar #busca-programacao select {border:1px solid #d9d8d8; height:25px; width:280px; margin:1px 8px 0 8px; padding:2px;}

div#sidebar #busca-programacao div { margin-bottom: 7px }

div#sidebar #busca-programacao .programacao-cidade select{color:#222;}

div#sidebar #busca-programacao .programacao-cinema select{color:#555;}

div#sidebar #busca-programacao .programacao-filme select{color:#888;}





div#sidebar #busca-programacao #submit{float:right; margin:5px 10px 0 0;}



/*CLUBE*/

/*div#sidebar #login-clube { background-color:#eee; border:1px solid #d9d8d8; max-height:180px; min-height:30px; padding-bottom:10px; margin-bottom:10px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius:4px; } */

div#sidebar #login-box {max-height:280px; min-height:140px;}

div#sidebar #login-clube .header{ background-color:#ccc; font-size:13px; font-weight:bold; color:#666; padding:6px 10px 8px 10px;}

div#sidebar #login-clube .header span{float:right;}

div#sidebar #login-clube .participe{ padding:5px 15px; border-left:1px dotted #666; font-size:11px; color:#666; float:left;}

/*div#sidebar #login-clube .logo{  border-right:1px dotted #999; padding-right:20px; float:left; margin:10px 15px 10px 10px;}*/

div#sidebar #login-clube .campos-login{ background-color:#fff; border:1px solid #ccc; font-size:11px; width:105px; float:left; padding:6px 0 5px 3px; margin:0 5px 10px 10px; color:#666;}

div#sidebar #login-clube #submit{ margin-top:5px;}

div#sidebar #login-clube .cadastro {clear:both; color:#999999;}



div#sidebar #login-clube .card{ clear:both; margin:15px 5px 3px 10px; font-size:11px; border-top:1px dotted #ccc; padding-top:10px; line-height:13px; color:#555;}

div#sidebar #login-clube .card a {font-weight:600; font-size:11px;}

div#sidebar #login-clube p{color:#333; font-weight:normal; font-size:12px; margin: 10px  0 0 10px; line-height:16px;}

div#sidebar #login-clube p span{color:#900; font-weight:bolder;}

div#sidebar #login-clube p .secao{ font-size:11px; color:#900; font-weight:bolder; line-height:18px;}

div#sidebar #login-clube .filmeSala {background-color:#ddd; color:#999; font-size:10px; line-height:16px;  padding:4px 5px 10px 5px; margin:4px 10px 0 10px; border-radius: 4px; -webkit-border-radius:4px;}

div#sidebar #login-clube .btn{float:right; margin-bottom:20px; margin:13px 10px 0 0;}

div#sidebar #login-clube p img{ float:left; margin-right:15px;}

div#sidebar .arroba, .selo, .midia-corp{ margin: 15px 0;}

div#sidebar #login-clube table {font-size:12px; color:#555;}



div#sidebar #login-clube #boxLogin .foto {float:left; border:2px solid #fff;}

div#sidebar #login-clube #boxLogin .status { float:left; font-size:12px; margin: 0 0 5px 15px; }

div#sidebar #login-clube #boxLogin ul li{display:inline-block; text-align:center; font-size:9px; padding:0 5px; border-right:1px dotted #ccc; margin:10px 0;}



div#sidebar #login-clube .compo-loyalt{border:1px solid #ccc; font-size:11px; color:#999; width:125px; padding:5px; float:left; margin:5px 7px 0 0;}



div#sidebar #login-box  a {text-decoration: none !important;}

div#sidebar #login-box  a:hover {text-decoration: none !important;}



#login-clube { 

	background-color:#eee; 

	border:1px solid #d9d8d8; 

	max-height:180px; 

	min-height:30px; 

	max-width:298px;

	padding-bottom:10px; 

	margin-bottom:10px; 

	-moz-border-radius: 4px; 

	border-radius: 4px; 

	-webkit-border-radius:4px; 

}

#login-clube .logo{  

	border-right:1px dotted #999; 

	padding-right:20px; 

	float:left; 

	margin:8px 15px 10px 10px;

}

#login-clube #bt-lg{

	padding-top:5px;

	margin:10px 15px 5px 118px;

	background-color:#CCC;

	-moz-border-radius: 2px; 

	border-radius: 2px; 

	-webkit-border-radius:2px; 

	min-height:20px;

	font:12px "Trebuchet MS",Calibri,Arial,Tahoma;

	text-align:center;

	font-weight:bold;

	text-transform:uppercase;

	text-decoration: none;

	color:#666;

	cursor: default;

}



#login-clube #bt-lg:hover{

	padding-top:5px;

	margin:10px 15px 5px 118px;

	background-color:#999;

	-moz-border-radius: 2px; 

	border-radius: 2px; 

	-webkit-border-radius:2px; 

	min-height:20px;

	font:12px "Trebuchet MS",Calibri,Arial,Tahoma;

	text-align:center;

	font-weight:bold;

	text-transform:uppercase;

	text-decoration: none;

	color:#EEE;

	cursor: default;

}



#login-clube #texto-lg{

	margin-right: 10px;

	text-align: center;

	font:10.3px "Trebuchet MS",Calibri,Arial,Tahoma;

	color:#666;

	text-transform:uppercase;

	font-weight:bold;

	line-height: 10px;

}



#login-clube #texto-lg a{

	text-align: center;

	font:10.3px "Trebuchet MS",Calibri,Arial,Tahoma;

	color:#666;

	text-transform:uppercase;

	font-weight:bold;

	line-height: 10px;

}



#cinemark-mania { 

	background-color:#eee; 

	border:1px solid #d9d8d8; 

	max-height:180px; 

	min-height:60px; 

	max-width:298px;

	padding-bottom:10px; 

	margin-bottom:10px; 

	-moz-border-radius: 4px; 

	border-radius: 4px; 

	-webkit-border-radius:4px; 

}

#cinemark-mania .logo{  

	border-right:1px dotted #999; 

	padding-right:7px; 

	float:left; 

	margin:9px 18px 5px 7px;

}

#cinemark-mania #texto-cm {

	margin-top: 10px;

	font:11px "Trebuchet MS",Calibri,Arial,Tahoma;

	color:#666;

	line-height: 14px;

}

#cinemark-mania #texto-cm a {

	font:11px "Trebuchet MS",Calibri,Arial,Tahoma;

	font-weight: bold;

	line-height: 14px;

}

#cinemark-mania #bt-cm {

	padding-top:5px;

	margin:5px 15px 5px 112px;

	background-color:#9a0000;

	-moz-border-radius: 2px; 

	border-radius: 2px; 

	-webkit-border-radius:2px; 

	min-height:20px;

	font:11px "Trebuchet MS",Calibri,Arial,Tahoma;

	text-align:center;

	font-weight:bold;

	text-transform:uppercase;

	color:#FFF;

	cursor: default;

}



#cinemark-mania #bt-cm:hover{

	padding-top:5px;

	margin:5px 15px 5px 112px;

	background-color:#999;

	-moz-border-radius: 2px; 

	border-radius: 2px; 

	-webkit-border-radius:2px; 

	min-height:20px;

	font:11px "Trebuchet MS",Calibri,Arial,Tahoma;

	text-align:center;

	font-weight:bold;

	text-transform:uppercase;

	color:#EEE;

	cursor: default;

}



div#midia {position: absolute; left: 0; margin-top:0; display: none; 

: 999;}





/*-------------------------- FOOTER ---------------------------------------*/

div#footer{clear:both; background-color:#b50f0f; }



div#footer ul{color:#fff; float:left; font-size:12px; font-weight:bold; margin:20px 13px 0 10px ; height:170px; }

div#footer ul a{color:#fff; font-size:12px; font-weight:bold; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: normal;}

div#footer ul li a {color:#ff9999; font-size:11px; font-weight:normal; line-height:20px;}



/*RODAPE*/

#rodape{clear:both; color:#fff; font-size:11px; background-color:#990000; padding:10px 10px; }

#rodape p a {color:#FF9999; font-size:11px; font-weight:normal; line-height:20px;}



/* customize_miscellaneous */ body
{
background:url('/images/personalizacao/skin-1440-classicos-mafia.jpg') #000000;
background-repeat: no-repeat;
background-position: center top;
} /* customize_miscellaneous */