@media screen {
body {
	text-align : center;
	font-family: Arial, sans-serif;
	font-size: 0.73em;
	color : #d8d8d8;
	background: #000;
	margin:0;padding:0;
  }
body.sub {
	background: url("../images/brick.gif") center 2px;
  }
#bodygradient {
	background: url("../images/gradient.gif") center 189px repeat-x;
  }

a {text-decoration: underline; border: none; color : #d5207b}
a:hover {color : #d5207b; cursor: pointer; text-decoration: none}
a img {border-style: none}
img{border-style: none}

.cleaner, .clr {clear : both; height : 1px; overflow: hidden; margin-top:-1px;}

h1,h2,h3,h4{margin:0;padding:0}

p{padding:.2em 0 .8em 0;line-height:1.5em; margin:0}
h2{margin:15px 0 1em}
h3{color : #d5207b; font-size: 16px; padding: 1.5em 0 .5em}
h4{color : #d5207b; font-size: 13px; padding: 20px 0 10px}

ul{list-style:none;margin:.2em 0 1em;padding:0}
li{background: url("../images/zarazka.gif") left .7em no-repeat;padding: .2em 0 .4em 12px;line-height:1.5em;}

.highlight{color: #d5207b; font-weight: bold}
.hiLink{
	background: url("../images/arrow.gif") left .4em no-repeat;
	padding: .2em 0 .2em 20px;
	margin: .5em 0 3em;
	font-weight:bold;
}


/** TABLES **/
table{
    width:100%;
    border-collapse:collapse;
    margin:.5em 0 1em;
    padding:0;
    border-top:1px solid #2d2e2f;
    font-size:1em;
}
table th{
    color: #d5207b;
    background:#090909
}
table td, table th{
    border-bottom:1px solid #2d2e2f;
    padding:.6em .8em .6em .5em;
    margin: 0
}
.table-holder h3{
    margin-top:10px;
    color:#FFF    
}
.table-holder table{
    width: 100%;
}
.table-holder th{
   text-align:right; 
}
.table-holder td{
   text-align:right; 
}
.table-holder th.left, .table-holder td.left{
    text-align:left
}
.table-holder p.note{
    text-align: right;
    color: #A8A8A8;
    font-size: 11px;
    font-style: italic;
}
th.head{color:#d5207b}
th.number,td.number{text-align:right}

table.small{width:95%}
table.small th{	
	background:#d3227d;
	color:#FFF;
	padding: .4em .4em;
	width:auto;
	}	
table.small .number{
	text-align:right;	
	}

/** HEADER **/
#header {
  height:290px;
  width:100%;
  background: #000 url("../images/body-bg.jpg") top center no-repeat;
}
#header h1{
    width: 770px;
    height: 100%;
    margin: 0 auto;
    text-indent: -9999px;
}
#header h1 a{
    display: block;
    height: 100%;
    height: 100%;
}
#header-sub{
  height:191px;
  width:100%;
}
#header-sub h1 {
	margin:0; padding:0;
	position:relative;
	width:100%; height:191px;
	overflow:hidden;
   }
#header-sub h1 span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:100%; height:191px;
	margin:0; padding:0;
	background: #000 url("../images/body-sub-bg.jpg") top center no-repeat;
}		

/** NAVIGATION **/
#menu{
  width: 770px;
  height:38px;
  margin: auto;
  text-align:left;
}
#menu ul{
	list-style:none;
	margin:0;padding:0;
}
#menu ul.home{
	padding-top:1px;
}
#menu li{
	float:left;
	margin:0;padding:0;
}
#menu li a{
  display:block;
  height: 38px;
  position:relative;
}
#menu li a span{
  display:block;
  height: 38px;
  position: absolute;
  top:0; left:0;
  margin:0;padding:0;
  width: 100%
}
#menu li a:hover span, #menu li.active a span{  
  background-position: 0 -38px !important;
}
#menu li.uvod a{
  width: 76px;  
}
#menu li.uvod a span{
  background: url("../images/menu/uvod.gif") top left no-repeat;
}
#menu li.multikina a{
  width: 93px;  
}
#menu li.multikina a span{
  background: url("../images/menu/multikina.gif") top left no-repeat;
}
#menu li.kinoreklama a{
  width: 114px;  
}
#menu li.kinoreklama a span{
  background: url("../images/menu/kinoreklama.gif") top left no-repeat;
}
#menu li.cenik a{
  width: 148px;  
}
#menu li.cenik a span{
  background: url("../images/menu/cenik.gif") top left no-repeat;
}
#menu li.filmove-premiery a{
  width: 141px;  
}
#menu li.filmove-premiery a span{
  background: url("../images/menu/filmove-premiery.gif") top left no-repeat;
}
#menu li.monitoring a{
  width: 101px;  
}
#menu li.monitoring a span{
  background: url("../images/menu/monitoring.gif") top left no-repeat;
}
#menu li.kontakt a{
  width: 96px;  
}
#menu li.kontakt a span{
  background: url("../images/menu/kontakt.gif") top left no-repeat;
}

/** CONTENT **/	
#container{
  width:100%; 
  text-align:center;
  margin:0 auto;
  background:#000 url("../images/container-bg.jpg") top center no-repeat;
}
#container-sub{
  width:100%; 
  min-height: 600px;
  text-align:center;
  margin:0 auto;
  background: url("../images/container-sub-bg.jpg") top center no-repeat;
}
#container-sub-bg{
	width:100%;
	text-align:center;
	margin:0 auto;
	background: url("../images/content-sub-bg.gif") top center repeat-y;  
}
#content{
  width:715px;
  margin: 0 auto;
  text-align:left;
  margin-top: 33px;
  position:relative;
  padding-bottom: 2em;  
}
p.navigace{
  font-size:.9em;
  color: #a8a8a8;
}

/** SUBMENU **/
ul#sub-menu{
	list-style:none;
	margin:0;padding:0;
	border-bottom:1px solid #2e2e2e;
	height: 33px;
    margin-bottom: 30px;
}
ul#sub-menu li{
	display:block;
	float:left;
	text-align:center;
	margin:0;padding:0;
    background: transparent;
    margin-right: 2px;
}
ul#sub-menu li a{
	display:block;	
	text-decoration:none;
	font-weight:bold;
    background: url('../images/submenu-bg.png') 0 0 repeat-x;
    border: 1px solid #141312;
    border-bottom: 1px solid #2e2e2e;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;  
}
ul#sub-menu li a span{
	padding:7px 20px;
	display:block;
    border:1px solid #444446;
    border-bottom: none;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;         
}
ul#sub-menu li a:hover{
	color: #FFF;
}
ul#sub-menu li.selected a{
	color: #FFF;
	border-bottom:1px solid #111113;
}

/** LAYOUT **/
.lCol{
  width:395px;
  float:left;
}
.lColsub{
  width:455px;
  float:left;
  border-right: 1px solid #2d2e2f;
}
.lColsubContent{
	padding-right:15px;
}
.rCol{
  width:300px;
  float:right;
  border-left: 1px solid #2d2e2f;
}
.rColContent{
	width:280px;
	padding-left:19px;
}
.rColsub{
  width:230px;
  float:right;
}
.lSubBox{
	width: 200px;
	float:left;
	margin-bottom:3em;
}
.rSubBox{
	width: 200px;
	float:right;
	margin-bottom:3em;
}
.tripleColumn {
	width: 95%;
}
.tripleColumn .column {
	width: 30%;
	margin-right: 3%;
	float: left;
}



/** NEWS **/
.news{margin-bottom:1.5em}
.news p{font-size:.92em}
.news h3{padding-top:.2em;color:#e94095;font-size:1.2em}
.news h3 a{color:#e94095}
.news h4{padding: 5px 0 0; font-size: 12px;}
p.archivnovinek a{font-size:.92em; color:#e94095; font-weight:bold}


.filmoveHityTop{
	background: url("../images/line.gif") bottom center no-repeat;
	margin-bottom: 2em;
	padding-bottom:1em;
}
p.prehledPremiery{
	position:absolute;
	top:37px;
	right:0;
	}
.filmInfoBox{
	border-bottom: 1px solid #282828;
	padding-bottom: 3em;
	margin-bottom:3em;
}
#filmBoxes .last{
	border-bottom: none !important;
}
.filmInfoBox .pic{
	width:240px;
	float:left;
}
.filmInfoBox .info{
	width:450px;
	float:right;
}
.filmInfoBox h4{
	font-size:1.4em;
	padding-top:0;
	margin-top:0;
}
.filmInfoBox h4 a{
	text-decoration:none;
}
.filmInfoBox p{
	font-size:.92em;
}	
.filmInfoBox dl{
	font-size:.92em;
	line-height:1.5em;
	margin:0;padding:0;
}
.filmInfoBox dt{
	width:70px;
	float:left;
	margin:0;padding:0;
}
.filmInfoBox dd{
	width:375px;
	float:left;
	margin:0;padding:0;
}

/** CONTACT **/
#contactForm{
	width:100%;
	margin:0;padding:0;
	margin-bottom:4em;
}
#contactForm p{
	clear: both;
}
#contactForm label{
	width:100px;
	display:block;
	float:left;
	font-weight:bold;
	color: #FFF;
}
#contactForm input{
	width:180px;
	margin:0;
	padding:.1em 0;
	background:#1a1a1a;
	border:1px solid #3e3e3e;
	color:#f7f7f7;
}
#contactForm textarea{
	width:260px !important;
	height: 100px;
	margin:0;padding:0;
	background:#1a1a1a;
	border:1px solid #3e3e3e;
	color:#f7f7f7;
}
#contactForm input.inputSubmit{
	width:auto;
	margin:0;
	padding:.2em 8px;
	background:#d5207b;
	color:#FFF;
	cursor: pointer;
	border:1px solid #770840;
	font-size:12px;
	margin-left:100px;
}


table.budouci-premiery{
	border-collapse: collapse;
	width:100%;
}
table.budouci-premiery td, table.budouci-premiery th{
	border:1px solid #4f4f4f;
	padding: .3em .4em;
}
table.budouci-premiery th{
	background:#d3227d;
	color:#FFF;
	padding: .4em .4em;
	width:auto;
}
table.budouci-premiery tr.active td{
	background:#181818 !important;
}
table.budouci-premiery td.number{
	text-align:right;
}
table.budouci-premiery td.datum{
	text-align:right;
	width:65px;
}
#supervision-content{
	margin-left:22px;
}

	
	
.lokalita{
	margin-bottom: 1em;
	border-bottom:1px solid #2e2e2e;
	padding-bottom:1em;
}
.lokalita img{
	float:left;
	width:80px;
	overflow: hidden;
	margin:.2em 15px 0 0;
}
.lokalita h4{
	padding:0;
}	

/** SAMPLE CAMPAIGN **/
#sample-campaign-text{
    width: 500px;
    float: left
}
#sample-campaign-image{
    float: right
}

/** GALLERY **/
.gallery{
    margin: 10px 0 15px;
}
.gallery a{
    border: 3px solid #171717;
    float: left;
    margin-right: 5px
}
.gallery a:hover{
    border: 3px solid #D5207B;
}
.gallery img{
    display: block
}

/** CENIK **/
.cenik-content{margin-top: 2em}
.cenik-content h3{margin-top:10px;color:#FFF}
table.cenik{width:100%;font-size:1em;}
table.cenik th{color:#d5207b;text-align:center; width:auto; }
table.cenik td{text-align:center}
table.cenik td.left, table.cenik th.left{text-align:left}

table.cenik-offscreen{width:100%;}
table.cenik-offscreen th{color:#d5207b;text-align:center; width:auto; }
table.cenik-offscreen td{text-align:center; font-size:.9em;}
table.cenik-offscreen td.left, table.cenik-offscreen th.left{text-align:left}

table.navstevnost{width:95%;font-size:1em;}
table.navstevnost th{color:#d5207b;text-align:center; width:auto; }
table.navstevnost td{text-align:center}
table.navstevnost td.left, table.navstevnost th.left{text-align:left}

p.pdf{
	background: url("../images/ico-pdf.gif") left center no-repeat;
	padding: .8em 0 .8em 40px;
	font-size: 1.1em;
}

/** MOVIE PREMIERS **/
#ufd-link{
    margin-bottom: 30px;
}
.movie{
    width: 143px;
    float: left;
    text-align: center;
    margin-bottom: 15px
}
.movie img{
    border: 1px solid #121212;
}

/** NEWS **/
.newsRow{
	border-bottom: 1px solid #363636;
	margin-bottom: 2em;
	padding-bottom: 1em;
}
.newsRow h3{
	padding:.5em 0 0 0;
}
.newsRow h4{
	padding: 15px 0 0;
}
.newsRow h5{
	margin:0;
	padding:0 0 .8em;
}

.galImg, .middleImg { cursor: pointer; display: block; overflow: hidden; }
.gallery-images {border: 3px solid #191919; background-color: #191919; }	
a.galImg {display: block; overflow: hidden; line-height: 0; }
p.galTitle {margin: 3px; text-align: center; display: none; color: #d71e7b; font-weight:bold }
p.error{
	color : #d5207b;
	}

p.ppt{
	background: url("../images/ppt-ico.gif") center left no-repeat;
	padding:.8em 0 .8em 45px;
	}	
	
.under-construction{height:400px}	


/** FOOTER **/
#footer{
  width: 770px;
  margin:auto;
  text-align:left;
  background: url("../images/footer-bg.gif") top left no-repeat;
  padding-top: 60px;
  color: #a8a8a8;
  font-size: .93em; 
  margin-bottom:2em;
}
#footer p.left, #footer-sub p.left{
	float:left;
	margin-left:30px;
}
#footer p.right, #footer-sub p.right{
	float:right;
	margin-right:30px;
}
#footer-sub{
  width: 770px;
  margin:auto;
  text-align:left;
  background: url("../images/content-sub-bottom-bg.gif") center top no-repeat;
  padding-top: 60px;
  color: #a8a8a8;
  font-size: .93em; 
  margin-bottom:2em;
}

}
@media print {
body {font-family: Arial, sans-serif;font-size: 0.73em;}
#menu,.navigace{display:none}
h2,h3,h4,#container{text-align:left}
a img,img {border:0}
a{text-decortion:none}
}