/* CSS Document */

/* CSS temp_01 */

*{margin: 0 ; padding: 0 ;}
html{ 
background: #92095a url(../img/bg_body.jpg) repeat-y center top ;
width: 100%;
}
body {
  font: 75% 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
background: url(../img/bg_page.jpg) no-repeat center top ;
  color: #000;
  text-align: center;
  
}
h1, h2, h3, h4, h5, h6 {
  margin:  15px 0px;
  padding: 0 ;
  color: #fff;
   padding: 0px;
}
h1{font-size: 2.2em; 
}
h2{font-size: 1.7em;  background: #5c143a ; text-transform: uppercase; letter-spacing: -1px;}
h3{font-size: 1.3em;  background: #5c143a ; text-transform: uppercase; padding-left: 4px;}
h3 span{color: white; }

h4{font-size: 1em; color: ;}
h5{font-size: 1em; padding: 0 ;border: none; margin: 0 ; display: inline; }
h6{font-size: 0.8em; padding: 0 ;border: none; margin: 0 ; display: inline;}

p{line-height: 140%; margin: 15px 0px; font-size: 1em; text-align: left;}
ul{margin: 15px 20px 15px 40px ; list-style: square; line-height: 140%; }
ol{margin: 15px 20px 15px 40px ; line-height: 140%; }
dl{margin: 15px 0 15px 40px ;line-height: 140%;}
dt{font-weight: bold;}
dd{margin: 0 0 15px 30px;}

img{border: 0 }
.foto{	border: 4px solid #ebf0f2 ; }

address{line-height: 140%; font-size: 1.2em; 	margin: 15px 0px 20px 0px; font-style: normal; }
big{font-size: 1.2em;}
small{font-size: 0.8em;}


a {text-decoration: none; color: #b6016c;}
a:hover {text-decoration: none; color: #000;}

a:hover .foto{border-color: #b6016c;}

#page a img{text-decoration: none !important;}


hr {display: none;}

/*		table		*/
table{
  margin: 10px 0;
  border: 4px solid #ebf0f2;
  background-color: #fff;
  font-size: 1em;
  border-collapse: collapse;
    }
th,td{
  border: 1px solid #003e56;
	padding:6px 10px;
  font-size: 1em;
  }
th{
  background-color: #003e56;
  padding: 8px 10px;
  color: white;
  font-size: 1em;
  text-align: center;
  }
.note {background-color: #ebf0f2; font-size: 0.9em;}
.form{
  background: none;
  color:#f4e500;
  border:none;
    }
.form td{
  border: none;
  border-bottom: 1px solid #7c7c7c;
  overflow:none;
  padding-left: 0;
  font-size: 0.9em;
    }


.form td textarea{
  margin: 10px 0;
  font-size: 1em;
    font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;;
    }

.form td select{
  width:190px;
  margin:10px 0;
  font-size: 1em;
    }

.form td input{
  width:190px;
  font-size: 1em;
  margin:10px 0;
    }

.form .submit{
  text-transform: uppercase;
  padding: 3px 10px ;
  font-weight: bold; 
   width:auto;
  font-size: 1.2em;
  
  
    } 


/*		forms		*/
fieldset{
  border: none;
  idth:400px;
 }
legend{

	padding: 5px 0 0 0 ;
	border: none;
	text-align: left;
}
div.f_row{
  background-color: #fff;
  padding: 7px 0  ;
 
	
}
div.f_row label{
  display: block;
  float: none;
  padding: 2px 3px ;
  
}
div.f_row input, div.f_row  select, div.f_row  textarea{
  padding: 0 1px ;
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;;
  background-color: #ebf0f2;
}
div.f_row label input {
  
  
}
fieldset fieldset div.f_row{
  padding-left: 25%;
}
 fieldset fieldset div.f_row label{
  display: inline;
  
  float: none;
}
form input.button{
  font-weight: bold;
  width: auto ;
}

/**/

input.check, input.radio{ width: 20px !important; margin: 4px !important; }
label{display: block;}

/*  ID  */
#page{
  width: 860px;
  text-align: left;
  margin: 0 auto ;
  padding: 0 ;
  position: relative;
}

#header{
  height: 220px;
  background: url(../img/bg_header.gif) no-repeat top right;
}
#header h1{
  margin: 0 ;
  padding: 0 ;
  border: none;

  height: 100%;
}
#header h1 a{
  display: block;
  text-decoration: none;
  color: white;
  width: 290px;
   height: 130px ;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
}
#header h1 a span{
  display: block;
  width: 290px ;
  height: 130px ;
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: pointer;
  cursor: hand;
  background: url(../img/logotype.jpg) no-repeat ;
}


/*  navigation */

#navigation{
  background: #160a0f;
  height: 55px;
  position: absolute;
  top: 150px;
  width: 100%;
  left:0px;
   }
#navigation ul {
  height: 55px;
  margin: 4px 0 0 0;
  padding: 0 0 0 38px ;
  list-style: none;
  position:relative;
}

#navigation li {
  float: left;
  margin: 0 ;
  padding: 0 ;
  }
#navigation a {
  display: block;
  float: left;
  color: #ffed00;
  font-weight: bold;
  height:50px;
  line-height:50px;
  text-decoration: none;
  background-image: url(../img/nav_li.gif);
  background-position: 0px 16px;
  background-repeat: no-repeat;
  text-align: left;
  padding:0 23px 0 17px;
  font-size: 1.2em;
  letter-spacing: -1px;
}

#navigation a:hover{
  color: #fff;
}



/* content */
#content{
  }
#content.index{
  position:relative;
  float: left;
  color: black;
  overflow:hidden;
  width: 570px;
  background: #fff;
      }
.maincontent{

position:relative;
}
.maincontent_bg{

padding: 5px 30px 20px 45px ;
position:relative;

}  

.maincontent h1{
font-size: 2.2em; 
padding-left:0px;
font-weight:bold;
color:#000;
margin-top:15px;
margin-bottom: 20px;
letter-spacing: -2px;

}
p.extra{
  font-size: 1.2em;

}
.photobar{
  background-color: #ebf0f2;
  padding: 15px 5px ;
}
.photobar a{
	text-align: center;
	float: left;
	width: 33%;
}
.partneri{
text-align:center;
}
.partneri h4{
text-align:left;
}
.partneri img{
border:1px solid #f4e500;
margin:5px;
}
/* sidebar */
#sidebar{
position:relative;
  width: 289px;
  overflow:hidden;
  float: right;
  }
#sidebar .maincontent{
  padding: 0; 
  border:none;
  background:none;
}
.play{
height:80px;
}
.play img{
margin:0px 0 0 25px;
}

.interpreti{
background: url(../img/interpreti.png);
width: 289px;
height:284px; /*height:308px;*/
position:realtive;
top:0px;
}
.box1{
position:relative;
top:0px;
left:20px;
background: black url(../img/bg_box1.jpg) no-repeat;
width:270px;
height:auto;
margin: 10px 0 ;
}
.box1 h3{
color:#f1e200;
background:#1a181c;
width:auto;
padding:0;
position:relative;
top:20px;
left:15px;
margin:0;
margin-right:50px;
}
.box1 p{
color:white;
padding: 0px 50px 0px 15px ;
margin-top:30px;
}
.box1 li{
color:white;
font-size:1.2em;
margin-bottom:8px;
}
.box1 ul{
margin-top:-5px;
}
.box1 a{
text-decoration:underline;
}
.box1 a:hover{
text-decoration:none;
}
.end_box1{
background: black url(../img/bg_box1_end.jpg) no-repeat;
width:270px;
height:14px;
}
.box2{
position:relative;
top:0px;
left:20px;
background: white url(../img/bg_box2.jpg) no-repeat;
width:270px;
height:auto;
margin: 10px 0 ;
}
.box2 h3{
color:#fff;
background:#1a181c;
width:auto;
padding:0;
position:relative;
top:20px;
left:15px;
margin:0;
margin-right:50px;
}
.box2 p{
color:black;
padding: 0px 50px 0px 15px ;
margin-top:30px;
}
.box2 a{
color:#e42f18;
text-decoration:none;
}
.box2 a:hover{
text-decoration:underline;
}
.end_box2{
background: white url(../img/bg_box2_end.jpg) no-repeat;
width:270px;
height:10px;
}
.support{
position:realtive;
top:0px;
margin: 20px 0; 
}
.support img{
float:right;
}
/**/
table.guestbook{
  background: #ddd;
  border: none ;
  margin-top: -5px;
  border-top: 7px solid #ddd ;
  border-bottom: 7px solid #ddd ;
}
table.guestbook td{
  border: none ;
  padding: 3px 6px; 
}
.gmessage *{
  margin: 5px 0 ; 
}
.gmessage h4{
  background: black ;
  padding: 3px ;
}
.gmessage small{
  color:  #999;
}


/**/
.news-item{
	font-size: 0.9em ;
	margin: 20px 0 25px 0 ;
}

.news-item p{
	margin: 8px 0 ;
	font-size:1.2em;
 padding-left:50px;
}
.news-item h3 {
ackground:#65665b;
font-size: 2em;
font-weight:bold;
}
.news-item h3 a {color: #ffed00;}
.news-item h3 span{
ackground:black;
padding-left:10px;
padding-right:5px;
}

/**/

/* footer */
#footer{
position:relative;
font-size: 0.9em;
padding:20px 0 30px 0;

}

#footer p{
padding:15px 70px;
margin: 0 ;
background: url(../img/footer_p.gif) no-repeat 0 0px;
color:white;
  }
#footer a {  color: yellow;}
#footer a:hover {  color: #fff;}
#creactive{
  text-decoration: none;
  color: #333;
  }
#creactive:hover{}
.counters{
  position: absolute;
  visibility: hidden;
}

/*  class   */
.noscreen{display: none;}
.separ {border-bottom: 1px solid #7c7c7c  ; line-height: 1px; font-size: 1px; height: 1px; margin: 15px 0 ;}
.break {clear: both; line-height: 1px; font-size: 1px; height: 1px; margin: 0 ;}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.justify {text-align: justify;}
.fl { float: left;}
.fr { float: right;}

/*	color scheme

temp_01:
ffffff
000000
003e56
0d89bb
ebf0f2
ff6a00

*/