/*



    <style type="text/css">

        html { background: transparent url('webx-bkg.png') repeat-x; margin: 0; padding: 0; }

        body { font-family: "Segoe UI", Tahoma, Helvetica, Arial, Sans-Serif; margin: 0; padding: 0; line-height: 150%; background: transparent url('webx-content-bkg.jpg') no-repeat center top; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; color: #434343; }

        

        .container { width: 800px; margin: 0 auto 0 auto; padding: 40px 0 0 0; }

        .header { overflow:auto; }

        .header img { float: left; padding: 18px 25px 10px 0px; }

        

        h1 { font-size: 1.6em; font-weight: normal; }

        h3 { font-size: 1.1em; font-weight: normal; }

        

        a { color: #577fae; }

        a:hover { color: #92a5bc; }

        

        .content { overflow: auto; font-size: 0.9em; padding: 10px 0 10px 0; }

        .content .start { float: left; width: 365px; padding: 0 20px 0 15px; } 

        .content .resources { float: left; width: 369px; padding: 0 0 0 30px; border-left: 1px dotted #c7ccd3; } 

        

        .footer { font-size: 0.7em; margin: 20px 0 20px 0; padding: 15px 0px 0px 0px; list-style: none; border-top: 1px dotted #c7ccd3; overflow: auto; }

        .footer li { width: 49%; text-align: left; float: left; color: #999999; }

        .footer li:first-child { width: 49%; text-align: right; float: right; color: #434343; }

        

    </style>





*/





body {

	

		

	

	font-family: 'Didact Gothic', sans-serif;

	background-image: url('../images/robt_blur.jpg');

	background-repeat: repeat-y;

	background-position: left;

	background-attachment: fixed;

}





#container {

	width: 970px;

	border: 0px;

	margin: 0 auto 0 auto;

}







#header {
	width: auto;
	height: 24px;
	background-color: #ffffff;
	margin: 0 0 2px 0;




}



#footer {

	width: auto;

	height: 20px;

	background-color: #ffffff;

	margin: 0 0 2px 0;

	opacity:0.4;

	filter:alpha(opacity=40);



}



#strane_levo {

	float:left;

}



#strane_desno {

	float:right;

}





/*

.transparent {

	zoom: 1;

	filter: alpha(opacity=40);

	opacity: 0.4;

}



.pozadina {

	width: 960px;

	margin-left: auto;

	margin-right: auto;

	background-image:url('../images/transparent_block_50.png');

	background-repeat:repeat; 

}

*/



#wrapper{

	width: 960px;

	margin-left: auto;

	margin-right: auto;

	background-image:url('../images/transparent_block_50.png');

	background-repeat:repeat; 

	height:auto;

	border-right:thin #ffffff solid;

	border-left:thin #ffffff solid;

	-moz-box-shadow: 5px 0px 5px 0px #E8E8E8;

	-webkit-box-shadow: 5px 0px 5px 0px #E8E8E8;





}

#logo {

	width: 560px;

/*	background-color: red; */

	float:right;

	height:auto;

	margin-top: 10px;

	margin-right: 10px;

	text-align: right;

}



#adresa {

	width: 300px; /* background-color: gray; */;

	float: left;

	margin-top: 20px;

	margin-left: 10px;

	color:#000000;

}



.navigacija{

	list-style-type: none;

	float: right; /* padding: 0 0 3 0; */;

	color: #222222;

}



.crna_boja {

	color:#000000;

}

.navigacija li {

	color: #ffffff;

	display: inline;

	margin: 5px 0px 0px 20px;	

	

}

a:link {

	color:#000000;

	text-decoration:none;

}



a {

	text-decoration: none;

	padding: 1px 1px;

 } 





a:hover {

	background-color: #DBDBDB;

	border-radius: 6px;

}



a:visited {

	color:#000000;

	text-decoration:none;

}



h4 {

	/*	padding: -8px 0px -20px 0px; */

	color: #336699;

	margin: 15px;

}

.menu {

	width: auto;

	height: 37px;

	float:right;

}



/*

.linija {

	width: 300px;

	height: 20px;

	background-image: url('../images/linija_shadow.png');

	background-repeat: repeat-x;



} */

.omotac_box {

	width:960px;

	height:250px;

/*	height:180px; */

}



.omotac_box_druga_strana {

	padding-top: 10px;

	width: 650px;

	height: auto;

	background-image: url('../images/transparent_block_50.png');

	float: left;

}



.prazan_box {

	width: auto;

	height: 5px;

	

}



.box_naslovna {

	width: 300px;

	height: 250px;

	float: left;

	background-image: url('../images/kugla-icm.png');

	background-repeat: no-repeat;

}



.cisti {

	clear:both;

	

}

.praznina_10 {

	width: 10px;

	height: auto;

	float: left;

}

.praznina_20 {

	width: 20px;

	height: 170px;

	float: left;

}

.tekst_naslovna {

	padding-top:5px;	

	padding-left: 72px;

}

.centriranje_slike_tekst {

	display: block;

	margin-top: 10px;

	margin-bottom: 10px;

	margin-right: auto;

	margin-left: auto;

}



.tekst_strana {

	padding-left:10px;

	padding-right:10px;

	padding-bottom: 15px;

	text-align:justify;

}



.detaljnije {

	color:#9aaedb;

	padding-left:5px;

}



.slika {

	width: 220px;

	height: 220px;

	float: left;

	background-color: #EEEEEE;

	border: thick;

	padding: 3px;

}





.tekst_druga_strana {

	float:left;

	width: 380px;

	padding-bottom: 20px;

}



.desni_sadrzaj {

	float:left;

	width: 100px;

	height: 100px;

	background-color: red;

}

.naslov_druga_strana{

	padding-left: 10px;

	padding-right: 10px;

	margin-right: 330px;

}



.selector {

    color:#adadad;

    height: 50px;

	width: 620px;

	-moz-border-radius: 20px 5px 5px 20px;

	border-radius: 20px 5px 5px 20px;

	border: 1px solid;

}



.selector_mali {

    color:#adadad;

/*    height: 550px;

	width: 50px; */

	-moz-border-radius: 15px 5px 5px 15px;

	border-radius: 15px 5px 5px 15px;

	border: 1px solid;

	text-align:right;

}



.poravnanje_naslova {

	color:black;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 230px;

}



.desni_omotac {

	float: right;

	width: 250px;

	background-color: #00FF00;

}



.side_bar_desno {

	float: right;

	width: 250px;

	height: auto;

	padding-right:4px;

	margin-top: 5px;

}



.naslov_teksta {

	float: right;

	width: 600px;

	height: auto;

	padding-right:10px;

	margin-right: 10px;

	margin-bottom: 10px;

}

.mali {

	

	font-size:x-small;

}



.podnaslov_opisi {

	font-size: medium;

	font-weight: bold;

	text-decoration: underline;

}











/* Ovo dole je za featured slider galeriju */



#featured{ 

	width:950px; 

	padding-right:0px; 

	position:relative; 

	border:5px solid #fff; 

	height:450px; 

	background:transparent;

}



/* ovo je za polozaja opisnih slicica i teksta */

#featured ul.ui-tabs-nav{ 

	position:absolute; 

	top:0px; left:700px; 

	list-style:none; 

	padding:0; margin:0; 

	width:250px; 

	

}

#featured ul.ui-tabs-nav li{ 

	padding:1px 0; padding-left:13px;  

	font-size:12px; 

	color: #666; 

}

#featured ul.ui-tabs-nav li img{ 

	float:left; margin:2px 5px; 

	background: #fff; 

	padding:2px; 

	border:1px solid #eee;

}

#featured ul.ui-tabs-nav li span{ 

	font-size:11px; font-family:Verdana; 

	line-height:18px; 

}

#featured li.ui-tabs-nav-item a{

	display: block;

	height: 60px;

	color: #333; /*	background-image: url('../images/menu_back.jpg'); */;

	background: ;

	line-height: 20px;

	background-color: #eeeeee;

}

#featured li.ui-tabs-nav-item a:hover{ 

/* background-image: url('../images/hover_menu_back.jpg'); */

	background:#e3e3e3; 

}

#featured li.ui-tabs-selected{ 

	background:url('images/selected-item.gif') top left no-repeat;  

}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 

	background:#fff;

}

#featured .ui-tabs-panel{ 

	width:700px; height:450px; 

	background:#999; position:relative;

}



/* Opisni tekst na vecoj slici pozicija */

#featured .ui-tabs-panel .info{ 

	position:absolute; 

	top:380px; left:0; 

	height:70px; 

	background-image: url('images/transparent-bg.png');

}

#featured .info h2{ 

	font-size:18px; font-family:Georgia, serif; 

	color:#fff; padding:5px; margin:0;

	overflow:hidden; 

}

#featured .info p{ 

	margin:0 5px; 

	font-family:Verdana; font-size:11px; 

	line-height:15px; color:#f0f0f0;

}

#featured .info a{ 

	text-decoration:none; 

	color:#fff; 

}

#featured .info a:hover{ 

	text-decoration:underline; 

}

#featured .ui-tabs-hide{ 

	display:none; 

}