/* svtela zlta: 		#f4e1bd */
/*stredna cervena:	#74312c*/
/*cervena:			#4e1814*/

@import url(reset.css);
html{
	font-family: Arial, Tahoma, Verdana;
    background-color:#000000; 
	background-position:top center;
	font-size:10px;
	color: #ffffff;
	margin:0px; padding:0px;
}
body {text-align:center; background-color:#000000; background: url('img/background.jpg') top center no-repeat; 	color: #ffffff; margin:0px; padding:0px;}
/*div{border:1px #000000 solid;}*/


/*---------------- COMMON ------------------*/
.right 	{float:right;}
.left 	{float:left;}
.clear 	{clear:both;}
.full 	{width:100%;}
.center	{text-align:center;}
.top, .top td{vertical-align:top;}
td.middle, tr.middle td{vertical-align:middle;}
.small 	{font-size:9px;}
.more_link {margin-top:6px; font-size:12px;}
.notice {color:#ffa000; padding:6px; text-align:center; font-weight:bold; font-size:11px; margin:6px; border:1px solid #ffa000; }
.error {color:#e90000; padding:6px; text-align:center;  font-weight:bold; font-size:11px; margin:6px; background: #f4e1bd; border:1px solid #e90000;}
.number{text-align:right;}
.padded{margin:4px 8px;}


input, select, textarea {border:1px solid #c86e68; font-size:10px;}
input:focus, select:focus, textarea:focus {border:1px solid #4e1814;}

h1{font-weight: bold; font-size:24px; text-transform:lowercase;}
h2{font-weight: bold; font-size:12px;}

p, td, span, div{font-size:11px;}
th{font-size:11px;}
p{padding:4px 0px; text-align: justify;}
em {font-style:italic;}
th, strong, .heading {font-weight:bold;}
th, .heading { padding:3px;}

hr {color:#777777; background-color:#777777; border:0px solid #777777; border-bottom:0px;height:1px; }

table.with_padding td, table.with_padding th 	{padding:3px;}
table.with_border td, table.with_border th	{border:1px solid #c99b97; padding:3px;}
table.with_border th {border:1px solid #4e1814;}
table.with_border td { background-color:#ffedcb/*#f4e1bd;*/}

a {color: #777777;/*#74312c;*/ text-decoration:none;font-size:15px;}
a:hover{color: #FFFFFF;/*text-decoration:underline;*/}
a.active{color: #FFFFFF;/*text-decoration:underline;*/}

#main_div{margin:auto;width:800px;height:630px; padding-top:111px;text-align:left;}
#main_menu{/*text-align:left;font-size:21px;*/ width:897px; height:33px; position:relative; background: url('img/menu_bg.jpg') top left no-repeat;
			left: -2px; margin:0px 0px 10px 0px; }
#main_menu a{display:block; position:absolute; height:33px; background-position:0px -33px;background-repeat:no-repeat;}

#m_main{background:url('img/m_main.jpg'); width:53px; left:0px;}
#m_news{background:url('img/m_news.jpg'); width:58px; left:92px;}
#m_facts{background-image:url('img/m_facts.jpg'); width:53px; left:190px;}
#m_partners{background-image:url('img/m_partners.jpg'); width:95px; left:282px;}
#m_links{background-image:url('img/m_links.jpg'); width:44px; left:417px;}
#m_casting{background-image:url('img/m_casting.jpg'); width:78px; left:500px;}
#m_blog{background-image:url('img/m_blog.jpg'); width:52px; left:621px;}
#m_contact{background-image:url('img/m_contact.jpg'); width:84px; left:713px;}
#main_menu a:hover{background-position:0px 0px;}

div.directory{width:170px;height:580px; overflow:auto; position:relative; left:-2px;}
div.directory a{font-size:18px;}
div.directory p{margin-top:20px;}

div.inner{width:610px;padding:0px;margin:16px 0px 0px 0px; text-align:left;}

div.gray{background-color:#373737; color:#dddddd;}

#news_content{height:250px;overflow:auto;}
#news_list{height:150px;overflow:auto;position:relative;margin-top:25px;}

/* #main , #header, #menu_inner  {width:986px; margin:auto; text-align:left;} */
/*#footer {font-size:10px;color:#777777;text-align:center;position:relative;bottom:50px;}*/
#footer {font-size:10px;color:#777777;text-align:center;position:relative;bottom:20px; left:130px;}

div.photos{height:540px;width:550px;padding:0px;margin:0px;}
div.thumbdiv{width:114px;height:112px; margin-top:20px;margin-left:18px;vertical-align:bottom;}
div.thumbdiv img{vertical-align:bottom; border:0px; margin:0px; padding:0px;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #000000; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: transparent; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/* NEWS*/
.news_list td{padding:2px 4px;}
.news_list strong a{font-size:12px;}
.news_list p{padding:0px; margin:0px;}