/* TeshaDesign
   Author: Dragoslav Savkic (www.teshadesign.com) */
/* osnovni stil */
   
body { 
	padding: 0; 
	margin: 0; 
	font: 0.72em Tahoma, sans-serif; 
	line-height: 1.5em;
	background: #ffffff url(http://www.teshadesign.com/images/bggorepreliv2.jpg) top left repeat-x;
	color: #454545; 
}


a {	color: #E0691A;	background: inherit;}
a:hover { color: #6C757A; background: inherit; }

a.meni { color: #FFF; text-decoration:none;background: #FF9149;}	
a.meni active { color: #fff;font-weight: bold;background: #FF9149;}
a.meni hover { color: #E0691A; text-decoration:underline;background: #FF9149;} 

h1 { font: bold 1.2em Arial, Sans-Serif; padding: 0 0 0 0; margin: 0; }
.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }
h2.hvalabre { font-size: 1.5em; margin-bottom: 5px; font-weight: bold; color: #0000FF; }

h6{font-size: 120%;color: #6C757A;}
h6{margin:0;padding:0;}
h6 a{color: #6C757A;text-decoration:none;font-size: 120%;}


p {	margin: 0 0 5px 0; }
p.iskoseno { font: italic 1.1em Arial, Tahoma, Sans-Serif; color: #F55B0B;}

ul { margin: 0; padding : 0; list-style : none; }
ul.disc { margin: 0 0 0 15px; padding : 0; list-style : disc; }

form { 	margin: 0; }

.zahtevmain {
margin-top:5px;
width:200px;
padding-top:2px; padding-bottom:2px;
}
.zahtevmain{
color:#666666; background-color:#FFCC66; background-image:url(http://www.teshadesign.com/images/mainzahtevbg.jpg); background-position: center; background-repeat:repeat-y;
border:none;
}
input.zahtevmain{
color:#666666; background-color:#FFCC66; 
background-image:url(http://www.teshadesign.com/images/mainzahtevbg.jpg); 
background-position: center; 
background-repeat:repeat-y;
border:none;
}

.dugmemain{margin-top:5px;width:200px;padding-top:2px; padding-bottom:2px; background-color:#6C757A;color:#ffffff;font-weight:bold;}

.tableform {width:100%;font-size:90%;}

.tableref {width:98%;margin-left: auto;margin-right: auto;}

input.search { 
	width: 292px; 
	border: 0;
	background: #FFF url(input.gif) no-repeat;
	padding: 4px; 
	color: #E0691A;
	font-weight: bold;
}

input.submit {
	background: #E0691A url(submit.gif) no-repeat;
	border: 0;
	padding: 4px 0;
	width: 65px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}

input.login { 
	width: 150px;
	border: none; 
	
	padding: 4px; 
}

input.button {background-color:#FF9148; color:#ffffff; font-weight:bold;} 


/* layout bre ------ */
.okvirbre {
	margin: 0 auto;
	width: 1004px;
	padding:0;
}

.okvirheder {
	margin: 0 auto;
	width: 780px;
	padding:0; 
	background:#ffdfce;
}

.content { 
	margin: 0 auto;
	width: 780px;
	padding: 5px; 
}

.header { 
	height: 64px;
	/*
	background: #FFDFCA;
	*/
	color: #808080;
	margin: 1px 0;
	padding: 10px 0 0 0;
	/*border-bottom: 1px solid #ccc;
	*/
}

.headermeni { 
	height: 40px;
	/*
	background: #FFDFCA;
	*/
	color: #808080;
	margin: 3px 0;
	padding: 10px 0 0 0;
	/*
	border-bottom: 1px solid #ccc;
	*/
}

.hvala {
	background-color: #ffffff;
	color: blue;font-size: 12px;
	font-weight: bold;
}
.nijeuredu {
	background-color: #ffffff;
	color: red;font-size: 12px;
	font-weight: bold;
}

.top_info {
	float: right;
	width: 505px;
	padding: 5px 0 4px 0;
	border-bottom: 1px solid #FFDFCA;
	background: #FFDFCA;
	color: #808080;
}

	.top_info_left {
		width: 200px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 190px;
		padding: 0 0 0 5px;
		border-left: 1px solid #FFDFCA;
	}

	.top_desno_baner {
		float: right;
		width: 476px;
		padding: 0 0 0 2px;
		border-left: 1px solid #FFDFCA;
	}



.browse_category  {
	font-size: 0.9em;
	width: 190px;
	color: #FFF;
	background: inherit;
}

.search_field { 
	background: #ffdfca;
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 7px 25px 10px 10px;
	margin: 5px 0;
}

.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.search_form { float: right; }

.subheader {
	margin: 0px 0 10px 0;
	border-bottom: 1px solid #FFDFCA;
	padding: 5px 0 5px 0;
	background: #A4A4A4;
	color: #fff;
}

/* left side --------- */

.left {
	float: left;
	width: 65%;
	margin: 0 0 10px 0;
}

.left_ostale {
	float: left;
	width: 32%;
	margin: 0 0 10px 0;
}


.left_formular {
	float: left;
	width: 100%;
	margin: 0 0 5px 0;
}

.left h3 {
	clear: both;
	background: #f0f0f0 no-repeat top right;
	color: #FF9149;
	padding: 2px 0 2px 2px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}

	.left_side {
		float: left;
		width: 200px;
		padding: 0 0 0 3px;
		margin: 3px 0;
	}

	.left_256 {
		float: left;
		width: 256px;
		padding: 0 0 0 0px;
		margin: 0px 0;
	}
		
	.left_side a, .right_side a { color: #414141; background: #FFF; }

	.left_google_search {
		float: left;
		width: 30%;
		padding: 0 0 0 10px;
		border-left: 0px solid #FFDFCA;
	}
		
	.right_side {
		float: right;
		width: 220px;
		background: #FFF url(dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 40px;
		margin: 10px 0;
	}

	.right_220 {
		float: right;
		width: 210px;
		background: #FFF url(dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}
		
	.left_box { margin: 0 0 2px 0; color: #000; background: #FFF; padding: 3px 0; }
	

.left_ostale h3 {
	clear: both;
	background: #f0f0f0 no-repeat top right;
	color: #414;
	padding: 2px 0 2px 2px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}

		
/* right side  ---------- */

.toplista {
	float: none;
	width: 125px;
	margin:0 0 0 0;
}
		
.right {
	float: right;
	width: 34.6%;
	margin: 0 0 3px 0;
}

.right_ostale {
	float: right;
	width: 65%;
	margin: 0 0 3px 0;
}

	.right_google {
		float: left;
		width: 95%;
		margin: 0 0 3px 0;
	}
	.right_google_search {
		float: right;
		width: 30%;
		padding: 0 0 0 25px;
		border-left: 0px solid #FFDFCA;
	}


.right h3 {
	background: #FF9149;
	color: #FFF;
	padding: 2px 0 2px 2px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

	.right_articles {background: #ffdfca;color: #414141;padding: 3px;margin: 0 0 3px 0;	}
	.right_clanovi {background: #f0f0f0;color: #414141;padding: 3px;margin: 0 0 3px 0;	}
    .right_articles_w {background: #ffffff;color: #000000;padding: 3px;margin: 0 0 3px 0;	} 

.right_ostale h3 {
	background: #FF9149;
	color: #FFF;
	padding: 2px 0 2px 2px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

	
.prazan100h { height: 100px; }
.prazan10h { height: 10px; }


#portfoliobre	{background: #fff;height:160px;position: relative;width:500px;padding:10px 0px 10px 0px ; border-bottom: 1px solid #ccc;}
.portfolioss	{background: #fff;height:160px;position: relative;width:500px;padding:10px 0px 10px 0px ; border-bottom: 1px solid #ccc;}

.image {
	float: left;
	margin: 0 6px 3px 0;
}


/* footer bre ------ */

.footer { 
	width:780px;
	margin: 0 auto;
	clear: both; 
	text-align: center;
	padding: 10px 0 10px 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}

.okvirfooter {
	margin: 0 auto;
	width: 1004px;
	padding:0; 
	background: #ffffff url(http://www.teshadesign.com/images/tesha_footer_bg_fin.jpg) bottom no-repeat;
}


.footer a { color: #808080; background: #fff; }

.srodneteme {
	padding: 3px;	
	margin: 0 0 3px 0;
	BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; BORDER-BOTTOM: #ff0000 1px solid; BACKGROUND-COLOR: #c7ecc2;
}

#osnovnimeni
{
margin: 0px;
padding: 0px;
}

#osnovnimeni ul
{
margin: 0px;
padding: 7px;
list-style-type: none;
text-align: center;
}
#osnovnimeni ul li { float: left; }
#osnovnimeni ul li a
{
text-decoration: none;
font-weight: bold;
background: url(http://www.teshadesign.com/images/teshadesign_meni1.jpg) no-repeat top left;
font-size: 12px;
color: White;
float: left;
margin: 0px;
height: 31px;
width: 95px;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 2px;
}
#osnovnimeni li a:hover
{
background: url(http://www.teshadesign.com/images/teshadesign_meni1_over.jpg) no-repeat left top;
color: #808080;
font-weight: bold;
}
.m_banner_hide{	display:none;}
.m_banner_show{	display:block;}	


<!-- teshadesign menu - start -->
.teshadesign_menu {
color:#FFFFFF;
text-decoration:none;
font-weight: bold;
font-family: Tahoma, Arial, Verdana;
font-size:10px;
height:50px;
}
.teshadesign_menu ul{
border: 0px;
padding: 0 0 10px 0;
margin: 0; 
text-align: left;
height:53px;
background: url(http://www.teshadesign.com/images/menu-li-main.jpg) center center repeat-x;
overflow: hidden;
}
.teshadesign_menu ul li{
width:102px;
height:53px;
float:left;	
position:relative; 
overflow:hidden}

.teshadesign_menu ul li a{
padding: 15px 0 0 15px;
margin: 0; 
color: #ffffff; 
text-decoration:none;
color:#FFFFFF;
font-weight: bold;
font-family:Tahoma,Arial, Verdana;
font-size:11px;
width:102px;
float:left;
height:53px; 
text-align:center;
/*
border-right: 1px dashed #fff;
*/
}
.teshadesign_menu ul li a:hover{
padding: 15px 0 0 15px;
margin: 0; 
color:#509eb5;
text-decoration: underline;
font-weight: bold;
font-family:Tahoma,,Arial, Verdana;
font-size:11px;
height:53px;
text-align:center;
}

.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }

#page-wrap 	{ width: 250px; margin: 5px auto; position: relative; min-height: 315px; background: url(baner/images/bg.png) top center; }
.slider-wrap								{ width: 250px; position: relative; top: 2px; left: 2px; }
.stripViewer .panelContainer
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 250px; height: 305px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 250px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 33%; float: left; }
#movers-row div a.cross-link 				{ float: right; }

.photo-meta-data							{ background: url(baner/images/transpBlack.png); padding: 10px; height: 30px;
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px;
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(baner/images/icon-uparrowsmallwhite.png) top center no-repeat; }

<!-- teshadesign menu - kraj -->