html , body
{
background:#9e0000 url(/public/images/body_tile.jpg);
font: 11px Lucida Grande, verdana, Lucida Grande, Arial, helvetica;
color:#231f20;
margin:0;
padding:0;
width:auto;
height:450px;
background-attachment:fixed;
}

p
{
margin:0;
padding:0;
}

h1
{
width:345px;
padding-top:5px;
padding-bottom:3px;
font-size: 20px;
font-family: Arial;
color: #fff;
text-transform: uppercase;
}

h2
{
margin:0;
margin-top:5px;
font-size: 16px;
font-family: Helvetica;
color: #959691;
}

h2 a 			{color: #959691; text-decoration: none;}
h2 a:visited 	{color: #959691; text-decoration: none;}
h2 a:hover 		{color: #959691; text-decoration: underline;}

h3
{
font-size: 11px;
color:#6D6E71;
}

h4
{
padding-top:3px;
padding-left:5px;
font-size: 12px;
font: Helvetica;
color: #E7B700;
}

h4 a 			{color: #E7B700; text-decoration: none;}
h4 a:visited 	{color: #E7B700; text-decoration: none;}
h4 a:hover 	    {color: #E7B700; text-decoration: underline;}

ul
{
margin: 0px;
padding: 2px 0px 2px 16px;
}

li
{
margin: 0px;
padding-bottom: 5px;
list-style: circle;
}

a 			{color: #9C0100; text-decoration: none;}
a:visited 	{color: #9C0100; text-decoration: none;}
a:hover 	{color: #9C0100; text-decoration: underline;}

a 			img {border: 0px;}
a:visited 	img {border: 0px;}
a:hover 	img {border: 0px;}


form
{
padding: 0px;
margin: 0px;
}

select
{
font-family: Verdana, sans-serif;
font-size : 11px;
background-color: #FFE3AC;
color: #231f20;
border: 1px solid #3D3D3D;
}


input
{
padding: 3px 3px;
font: 1em verdana, arial, sans-serif;
color: #231f20;
background-color: #FFE3AC;
border: 1px solid #3D3D3D;
font-weight:bold;
}


textarea
{
padding: 1px 3px;
font: 1em verdana, arial, sans-serif;
color: #231f20;
background-color: #FFE3AC;
border: 1px solid #3D3D3D;
overflow:auto;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus 
{
color: #231f20;
background-color: #FFE3AC;
border: 1px solid #1D1D1D;
}


#UberWrapper
{
height:450px;
position:left;
overflow:auto;
background: url(/public/images/top_back.gif) repeat-x left top; 
}



/***************************** L E F T   C E L ******************************/



#LeftCel
{
float:left;
width:213px;
height:450px;
position:fixed;
text-align:center;
margin-right:-3px;
z-index:1;
background: url(/public/images/left_back.jpg) no-repeat left bottom;
}

#menu
{
margin-top:130px;
margin-right:25px;
text-align:left;
font-size:12px;
}

#menu ul
{
margin: 0px;
font:italic bold 12px arial;
padding: 2px 0px 2px 16px;
}

#menu li
{
margin: 0px;
padding-bottom: 5px;
list-style:none;
text-align:right;
}

#menu li a         {color: #636466; text-decoration: none;}
#menu li a:visited {color: #636466; text-decoration: none;}
#menu li a:hover   {color: #3DDB07; text-decoration: none;}

#menu li img
{
margin-left:5px;
}

#footer
{
float:left;
width:150px;
margin-top:130px;
margin-left:25px;
}



/***************************** C E N T E R   C E L ******************************/



#CenterCel
{
float:left;
width:auto;
height:100%;
margin-left:213px;
overflow:auto;
background: url(/public/images/right_back.gif) repeat-x left bottom;
}

#content
{
float:left;
height:400px;
margin-top:15px;
}

.article
{
float:left;
margin-right:10px;
width:400px;
height:385px;
display:inline;
margin-top:5px;
}

#article_pic
{
float:left;
width:100%;
}

#article_cat_pic
{
float:left;
width:90px;
margin-top:5px;
margin-right:10px;
text-align:right;
}

.page
{
float:left;
width:430px;
height:350px;
margin-top:20px;
padding-left:10px;
padding-right:10px;
}

.kontakt1
{
float:left;
width:400px;
margin-top:60px;
}

.kontakt2
{
float:left;
width:400px;
margin-top:55px;
}

.gallery
{
float:left;
height:385px;
margin-top:20px;
}

#gallery_begin
{
float:left;
width:90px;
text-align:right;
}

#gallery_description
{
float:left;
width:285px;
height:385px;
padding-left:15px;
}

#end
{
float:left;
width:66px;
height:450px;
}



/**********************************************************************/



#clear	{clear: both;}

.clear	{clear: both;}



/***************** G A L L E R Y *******************/



#gallery_head
{
float:left;
border-bottom: 1px dotted #313131;
}

#gallery_naslov
{
float:left;
width:250px;
color: #7B7B7B;
padding-left:10px;
}

#gallery_date
{
float:right;
width:180px;
height:21px;
padding-top:11px;
color: #fff;
text-align:center;
font-weight:bold;
}

.lista_foto_u_galeriji
{
float: left;
display: inline;
}


.jedna_foto_u_galeriji
{
float: left;
padding: 5px;
display: inline;
text-align:center;
}



/***************** K O N T A K T *******************/



.lista_itema_kontakt
{
margin-bottom: 30px;
clear: both;
}

.lista_itema_kontakt_gore
{
float: left;
width:350px;
margin-bottom:20px;
}

.lista_itema_kontakt_naslov
{
color: #fff;
float: left;
}

.lista_itema_kontakt_email
{
float: right;
margin-top:12px;
}

.lista_itema_kontakt_dole
{
float: left;
padding: 5px 6px 0px 6px;
}

.lista_itema_kontakt_ime
{
color: #959691;
float: left;
padding-left:10px;
}

.lista_itema_kontakt_grad
{
float: right;
}



/***************************** S T R A N A P O R U K E ******************************/



.tabela_poruke
{
margin: 15px;
}

.naslov_poruke
{
float: left;
font-weight: bold;
font-size: 11px;
border-bottom: 1px solid silver;
margin: 0px 0px 2px 0px;
padding: 0px 0px 2px 0px;
}

.tekst_poruke
{
clear: both;
}



/**************************** JAVA NAVIGATION ****************************************/



#arrows {
	position: fixed;
	top: 495px;
	left: 650px; 
	width: 200px;
	height: 30px;
	cursor: pointer;
}

#arrows ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 40px;
	height: 37px;
}

#arrows ul li a{
	margin-right: 5px;
	float: left;
	display: block;
	width:40px;
	height: 37px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#arrows ul #left a {background: url(/public/images/arrow_left.png) no-repeat;}
#arrows ul #right a{background: url(/public/images/arrow_right.png) no-repeat;}

#arrows ul li .back a
{
float:left;
width:80px;
text-align:center;
color:#636466;
font-size:11px;
text-indent:0px;
margin-top:7px;
margin-right:15px;
font-weight:bold;
text-decoration:none;
}

#arrows ul li .back a:visited
{
color:#636466;
text-decoration:none;
}

#arrows ul li .back a:hover
{
color:#3DDB07;
text-decoration:none;
}



/**************************** UNDER CONSTRUCTION ****************************************/



#wrapper_constr
{
margin:auto;
width:385px;
height:107px;
margin-top:100px;
background:#FFE3AC url(/public/images/under_construction.jpg) no-repeat;
}