@import url(menu.css);
@import url(image_rotate.css);
@import url(thickbox.css);

body {
	margin-top: 0px;
	margin-bottom:0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000;
	font-family: 'Trebuchet MS',Arial,Tahoma,Verdana;
	font-size: 12px;
}
a {
  text-decoration:none;
}
a.red {
  text-decoration:none;
  color: #dd1f22;  
}
a:hover.red  {
  text-decoration:underline;
  color: #dd1f22;  
}
#main {
	width: 1051px;
	height: auto;
	background-color: #fff;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
	padding-bottom: 16px;
}
#header {
	width: 1019px;
	height: 140px;
  margin-left:auto;
  margin-right:auto;
}
#banner {
	width: 728px;
	height: 90px;
  float:left;
  position:relative;
  top: 10px;
  left: 0px;
  background: #f2f1f1;
}
/*---------------------------LOGIN AREA BEGIN----------------------------------*/
#login_area {
	width: 677px;
	height: 25px;
  float:left;
  position:relative;
  top: 20px;
  left: 0px;
}
#login_area a{
	color: #cbc8c8;
	text-decoration:none;
	font-weight:normal;
	font-size:10px;
}
#login_area a:hover {
	color: #000;
	text-decoration:none;
	font-weight:normal;
	font-size:10px;
}
#login_area input{
	width: 112px;
	height: 18px;
  border: 1px solid #e1dddd;
  color:#000;
  font-size: 10px;
  font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
  padding: 3px 0px 0px 3px;
  margin: 0px 10px 0px 0px;
}
 select{
	width: 137px;
	height: 18px;
  border: 1px solid #e1dddd;
  color:#000;
  font-size: 10px;
  font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
  
}
#login_area .send{
	width: 26px;
	height: 21px;
  border: 1px solid #e1dddd;
  background: url(../images/arrows.jpg) no-repeat 0px 2px;
  border:0px solid red;
  padding: 0px 0px 0px 1px;
  cursor:pointer;
}
#login_area .out{
	width: 80px;
	height: 21px;
  padding: 0px 0px 0px 1px;
  cursor:pointer;
}
#login_area #log {
  float:left; 
  position:relative; 
  width: 300px; 
  border-right: 1px solid #e2e2e2;
}
#login_area #options {
  float:left; 
  position:relative; 
  left: 10px; 
  width: 150px; 
  line-height: 13px;
}
#login_area #search {
  float:left; 
  position:relative; 
  left: 10px;
}
#login_area #search input{
	width: 157px;
	height: 18px;
  border: 1px solid #e1dddd;
  color:#000;
  font-size: 10px;
  font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
  padding: 3px 0px 0px 3px;
  margin: 0px 10px 0px 0px;
}
#login_area #search .send{
	width: 26px;
	height: 21px;
  border: 1px solid #e1dddd;
  background: url(../images/arrows.jpg) no-repeat 0px 2px;
  border:0px solid red;
  padding: 0px 0px 0px 1px;
  cursor:pointer;
}
/*---------------------------LOGIN AREA BEGIN----------------------------------*/
.logo {
  width: 291px;
  height: 125px;
	float: left;
	position: relative;
}
#container {
	width: 1019px;
	height: auto;
  margin-left:auto;
  margin-right:auto;
}
#left {
  float:left;
  position:relative;
  width: 325px;
  height:auto;
  padding: 0px;
  overflow:hidden;
}
#right {
  float:left;
  position:relative;
  left: 22px;
  width: 672px;
  height:auto;
  padding: 0px;
}
#title_second {
  float:right;
  position:relative;
  background: none;
  text-transform:uppercase;
  color: #dd1f22;
}
#title_second .small {
  text-transform:lowercase;
}
#adds {
	width: 1019px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	border-top: 10px solid #efefef;
	padding-top: 10px;
	text-align:center;
}
#adds div{
	width: 325px;
	height: 250px;
	float:left;
	position:relative;
	left:16px;
}  
#footer {
	width: 1019px;
	height: 136px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/footer.gif) no-repeat;
	border: 0px solid black;
}
#footer a.design {
	text-decoration: none;
	text-transform:uppercase;
	font-size:10px;
	color: #2a2a2a;
	float: right;
	position: relative;
	right:0px;
	top: 0px;
}
#footer a.copy {
	text-decoration: none;
	text-transform:uppercase;
	font-size:10px;
	color: #2a2a2a;
	float: left;
	position: relative;
	right:0px;
	top: 0px;
}
img {
	border: 0px;
}
#title {
  width: 315px;
  height: 20px;
  background: url(../images/title.jpg);
  color: #fff;
  font-weight: bold;
  text-transform:uppercase;
  padding: 4px 0px 0px 10px;
  margin-bottom:10px;
}
#title a {
  text-decoration:none;
  color:#fff;
}
#sub_title {
  width: 325px;
  height: 20px;
  background: url(../images/sub_title.jpg) no-repeat;
  color: #000;
  font-weight: bold;
  padding: 2px 0px 0px 10px;
  margin-bottom:10px;
}
#sub_title a {
  text-decoration:none;
  color: #000;
  font-weight:bold;
}
#astro {
  width: 325px;
  height:auto;
  background-color: #f8f8f8;
}
#astro a{
  color: #000;
  text-decoration:none;
  font-size: 10px;
  text-transform:uppercase;
}
#astro a:hover {
  color: #dd1f22;
  text-decoration:none;
  font-size: 10px;
  text-transform:uppercase;
}
#astro table{
  width:325px; 
  font-size: 10px;
  background-color: #f8f8f8;
}
#astro table td{
  height: 50px;
}
.clear {
  clear:both;
  height:10px;
}
.red {
  color: #dd1f22;
}
#forum_blog {
  background: url(../images/bubbles.jpg) no-repeat left top; 
  width:235px; 
  height: 75px;
}
#forum_blog a.forum{
  float:left; 
  position:relative; 
  left: 16px; 
  top:12px;
  color:#fff;
  text-decoration:none;
  font-weight:bold;
}
#forum_blog a.blog{
  float:left; 
  position:relative; 
  left: 28px; 
  top:27px;
  color:#fff;
  text-decoration:none;
  font-weight:bold;
}
#newedition {
  width: 325px;
  height: 267px;
  background: url(../images/newedition_bg.jpg) no-repeat; 
  padding-bottom: 10px;
}
/*-------------------------PROMO INFO, CINEMA, DVD, MUSIC, BOOKS, TEATRE BEGIN----------------------------------*/
.promo_info, .cinema, .dvd, .music, .books, .teatre {
  width: 325px;
  margin-bottom: 10px;
}
.promo_info img, .cinema img, .dvd img, .music img, .books img, .teatre img {
  max-width: 127px; 
  height:auto; 
  overflow:hidden;
}
.promo_info span, .cinema span, .dvd span, .music span, .books span, .teatre span {
  background: #e2e1e2;
  padding: 0px 4px 0px 4px;
}
.promo_info a, .cinema a, .dvd a, .music a, .books a, .teatre a {
  color:#000;
  text-decoration:none;
}
.promo_info a:hover, .cinema a:hover, .dvd a:hover, .music a:hover, .books a:hover, .teatre a:hover {
  color: #dd1f22;
  text-decoration:none;
}
/*-------------------------PROMO INFO, CINEMA, DVD, MUSIC, BOOKS, TEATRE BEGIN----------------------------------*/




/*-------------------------BEGIN INNER PAGES STYLES----------------------------------*/
#inner {
  border:0px solid #f8f8f8; 
  text-align:justify;
}
#inner .title {
  font-weight:bold;
  text-transform:uppercase; 
}
#inner .subtitle {
  font-weight:bold;
}
#inner hr {
  width: 100%;
  height: 1px;
  border: 0px;
  color: #e7e7e7;
  background: #e7e7e7;
  margin: 15px 0px 15px 0px;
}
#little_nav {
  float:left;
  position:relative;
  font-size:10px;
  color:#cbc8c8;
}
#little_nav a{
  font-size:10px;
  color:#cbc8c8;
  text-decoration:none;
}
#little_nav a:hover {
  font-size:10px;
  color:#000;
  text-decoration:none;
}
#drugi_statii {
  width:650px;
  height: auto;
  background: #f0f0f0;
  padding: 10px;
  margin: 10px 0px 0px 0px;
}
#drugi_statii img {
  float:left; 
  position:relative; 
  margin-right: 10px; 
  width: 60px;
}
#drugi_statii #zaglavie {
  float:left; 
  position:relative; 
}
#drugi_statii span {
}
#read_more {
  float:right; 
  position:relative; 
  font-size: 10px;
  right: 10px;
}
#read_more a{
  text-decoration:none;
  color: #000;
  font-size: 10px;
}
#read_more a:hover{
  text-decoration:none;
  color: #dd1f22;
  font-size: 10px;
}
/*-------------------------END INNER PAGES STYLES----------------------------------*/

/*-------------------------BEGIN ARCHIVE----------------------------------*/
#archive {
  width:650px;
  height: 320px;
  padding: 0px;
  margin: 0px 0px 10px 0px;
 }
#archive img{
  position:relative;
  width:198px;
  height: auto;
  margin-right:10px;
}
#archive span{
  position:relative;
}
#archive a{
  color: red;
  text-decoration: none;
 }
hr{
  width: 100%;
  height: 1px;
  border: 0px;
  color: #e7e7e7;
  background: #e7e7e7;
  margin: 15px 0px 15px 0px;
}
#download {
  float:right; 
  position:relative; 
  font-size: 10px;
  top: 230px;
  height:35px;
}
#download a{
  text-decoration:none;
  color: #000;
  font-size: 10px;
}
#download a:hover{
  text-decoration:none;
  color: #dd1f22;
  font-size: 10px;
}
#download img {
  float:right;
  position:relative;
  width:27px !important;
  height:35px !important;
  margin: 0px !important;
}
#download span {
  float:right;
  position:relative;
  top: 20px;
  right: 10px;
}

#epay {
  float:right; 
  position:relative; 
  font-size: 10px;
  top: 230px;
  height:35px;
}
#epay a{
  text-decoration:none;
  color: #000;
  font-size: 10px;
}
#epay a:hover{
  text-decoration:none;
  color: #dd1f22;
  font-size: 10px;
}
#epay img {
  float:right;
  position:relative;
  width:100px !important;
  height:35px !important;
  margin: 0px !important;
}
#epay span {
  float:right;
  position:relative;
  top: 20px;
  right: 10px;
}

#years {
  width: 650px;
  height: auto;  
}
#years p {
  font-size:10px;
  margin-bottom: 10px;
}
#years div{
  float:left;
  position:relative;
  margin-right: 5px;
}
#years div a{
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  background: #ccc;  
  padding: 3px 7px 3px 7px;
}
#years div a:hover {
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  background: #aaa;
  padding: 3px 7px 3px 7px;
}
#months {
  width: 650px;
  height: auto;
}
#months p {
  font-size:10px;
  margin-bottom: 10px;
}
#months div{
  float:left;
  position:relative;
  margin-right: 5px;
}
#months div a{
  /*background: #ccc;  */
  font-weight:bold;
  color:#CCC;
  text-decoration:none;
  padding: 3px 7px 3px 7px;
}
#months div a:hover{
  color:#CCC;
  font-weight:bold;
  text-decoration:none;
  background: #CCC;
  padding: 3px 7px 3px 7px;
}
#coment_content{
	width: 600px;
	height: 45px;
	border: solid 1px #CBC8C8;
	overflow: auto;
}
#submit_coment_button{
	border: solid 1px #CBC8C8;
	color: #CBC8C8;
	background: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 5px;
}


/*-------------------------END ARCHIVE----------------------------------*/

/*-------------------------BEGIN REGISTRATION----------------------------------*/
#register {
  width: 500px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
#register div{
  clear:both;
  margin-bottom: 10px;
}
#register input{
  width: 130px;
	height: 18px;
  border: 1px solid #e1dddd;
  color:#000;
  font-size: 10px;
  font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
  padding: 3px 0px 0px 3px;
}
#register .send {
  width: 26px;
	height: 21px;
  border: 1px solid #e1dddd;
  background: url(../images/arrows.jpg) no-repeat 0px 2px;
  border:0px solid red;
  padding: 0px 0px 0px 1px;
  cursor:pointer;
}


/*-------------------------END REGISTRATION----------------------------------*/
#added {
  font-size: 10px;
  margin: 3px 0px 0px 5px;
  color:#dd1f22;
}
#requiry {
  margin-left:auto;
  margin-right:auto;
  margin-top: 30px;
  font-size: 10px;
  text-transform:uppercase;
}
#requiry input{
	width: 157px;
	height: 18px;
  border: 1px solid #e1dddd;
  color:#000;
  font-size: 10px;
  font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
  padding: 3px 0px 0px 3px;
  margin: 0px 10px 0px 0px;
}
#requiry textarea{
	width: 157px;
	height: 100px;
  border: 1px solid #e1dddd;
  color:#000;
  font-size: 10px;
  font-family: 'Trebuchet MS', Arial, Tahoma, Verdana;
  padding: 3px 0px 0px 3px;
  margin: 0px 10px 0px 0px;
  overflow:auto;
}
#requiry input[type=radio]{
	width: auto;
	height: auto;
	border: 0px;
}
#requiry input[type=checkbox]{
	width: auto;
	height: auto;
	border: 0px;
}
#requiry .send{
	width: 70px;
	height: 23px;
  padding: 0px 5px 0px 5px;
  cursor:pointer;
  text-transform:uppercase;
  margin-top: 10px;
}
#requiry .red{
	color: #dd1f22;
}
#sign {
  float: left; 
  position:relative;
  width: 100%;
}
.gallery {
  text-align: center; 
  background-color: #ccc; 
  float: left; 
  position:relative;
  margin-left: 10px;
}
.gallery a, .clip a{
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  background-color: #ccc;
  padding: 0px 5px 0px 5px;
}
.gallery a:hover{
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  background-color: #aaa;
  padding: 0px 5px 0px 5px;
}
.clip {
  text-align: center; 
  background-color: #ccc; 
  float: left; 
  position:relative;
  margin-right: 10px;
}
.clip a{
  color:#000;
  text-decoration:none;
  font-weight:bold;
  background-color: #ccc;
  padding: 0px 5px 0px 5px;
}
.clip a:hover{
  color:#000;
  text-decoration:none;
  font-weight:bold;
  background-color: #aaa;
  padding: 0px 5px 0px 5px;
}
.next, .previous {
  cursor: pointer; 
  text-align: center; 
  padding: 5px; 
  background: #E2E1E2; 
  width: 120px;
  font-size: 10px;
}
.button {
  font-size: 10px;
  cursor:pointer;
}
.winners {
  text-align: center; 
  background-color: #ccc; 
  float: right; 
  position:relative;
  margin-left: 10px;
}
.winners a{
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  background-color: #ccc;
  padding: 0px 5px 0px 5px;
}
.winners a:hover{
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  background-color: #aaa;
  padding: 0px 5px 0px 5px;
}
#win_area {
  padding: 10px;
  background: url(../images/gray_bg.jpg) repeat-x bottom left;
  margin: 10px 0px 10px 0px;
}
#games {
  float:left;
  position:relative;
  margin-right: 15px;
}
#games img {
  padding: 2px;
  border: 1px solid #e8e8e8;
}
#games p {
  font-weight:bold;
  text-transform:uppercase;
}
#center_banner {
  border: 1px solid #c0c0c0;
  width: 323px;
  height: 252px;
  text-align:center;
}
#tourism {
  width:325px;
}
#tourism a {
  text-decoration:none;
  color:#000;
}
#tourism img {
  margin-left: 10px;
}
#eco {
 width:315px; 
 background: url(../images/gray_bg.jpg)repeat-x bottom left;
 padding-left: 10px;
}
#fun {
  width:325px; 
  background: url(../images/gray_bg.jpg) repeat-x bottom left; 
  padding-left: 10px;  
}
#fun img {
  float:right; 
  position:relative; 
  width:143px; 
  overflow:hidden;
}
#question_form input{
	width: 250px;
	font-size: 12px;
}
#winners {
  text-align:justify;
}
#winners img{
  padding: 20px;
}