/* Meyer RESET - START*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	background-color:#27343c;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix {
	clear: both;
}

/* CUSTOM STYLES - START */

body {
	font-family: Verdana, "Times New Roman", sans-serif;
	font-size: 12px;
}
#site_container {
	width: 888px;
	margin: 0 auto;
}

#top {
	width:880px;
	height:30px;
	background-color:#FFF;
	margin: auto;

}

#logo {
	width:888px;
	height:200px;
	
	
}

#top #tleft {
	float: left;
	width: 470px;
	height: 18px;
	margin: 12px 10px 3px 6px;
}

#top #tright {
	float: left;
	width: 327px;
	height: 18px;
	margin: 7px 2px 3px 0;
	font-size: 12px;
	font-weight:bold;
	color: #6e6e6e;
}

#top #menu {
	float: left;
	width: 181px;
	height: 18px;
	margin: 14px 0 3px 0;
	font-size: 9px;
	font-weight:bold;
	color: #6e6e6e;
	word-spacing:4px;
}

#top #menu p{
	font-size: 9px;
	font-weight:bold;
	color: #6e6e6e;
	word-spacing:4px;
	text-decoration:none;
}

#top #menu p a{
	font-size: 9px;
	font-weight:bold;
	color: #6e6e6e;
	word-spacing:4px;
	text-decoration:none;
}

#top #menu p a:hover{
	font-size: 9px;
	font-weight:bold;
	color:#23b4d9; /*ova boja se menja za menu MoseOver opciju*/
	word-spacing:4px;
	text-decoration:none;
}



#main #left {
	float: left;
	width: 160px;
	height: 690px;
	background:#d3d2d2;
	border-left: solid 2px #FFF;
	border-top: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
	border-right:solid 2px #27343c;
}

#main #left  #top{
	float: left;
	width: 160px;
	height: 690px;
	background:#d3d2d2;
}




#main #left #topl .banner1 {
	margin: 5px 0 0 9px;
}


#bottoml {
	float: left;
	width: 160px;
	height: 90px;
}

#main #left #bottoml .banner2 {
	margin: 2px 0 0 9px;
}


#main #center {
	width:560px;
	height:750px;
	float: left;
	background-color: #FFF;
	margin-top: -20px;
	overflow: scroll;
	overflow-x:hidden;
}

#main #topcntr {
	width:560px;
	height:16px;
	float: left;
	background-color: #27343c;
}

#main #topdown {
	width:560px;
	height:16px;
	background-color: #27343c;

}

#main #drop {
	width:23px;
	height:730px;
	float: left;
	background-color: #FFF;
	margin-top: -20px;
}

#main #center #special {
	width: 660px;
	height: 189px;
	background: url(../images/top_middle.jpg);
}



#main #center #special .picture {
	width: 634px;
	height: 159px;
	position: relative;
	top: 11px;
	left: 14px;
}

#main #center #privacy-policy {
	width: 660px;
	height: 189px;
	background: url(../images/privacy-policy.jpg);
}


#main #center #gspecial {
	width: 660px;
	height: 189px;
	background: url(../images/top_middle-gallery.jpg);
}




#main #center #gspecial .title {
	width: 630px;
	position: relative;
	top: 17px;
	left: 20px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

#main #center #gspecial .description {
	width: 630px;
	position: relative;
	top: 22px;
	left: 20px;
	color:#555555;
	font-size:11px;
}

#main #center #gspecial .shere {
	width: 420px;
	position:relative;
	top: 30px;
	left: 128px;
	word-spacing:15px;
}

#main #center #gspecial .top-reklama {
	width: 500px;
	position: relative;
	top: 40px;
	left: 98px;
}


#main #center #content {
    width:660px;
    height:694px;
    background: url(../images/middle-center.jpg) repeat-y;
}


#main #center #content #gallery {
	width:630px;
	height:695px;
	padding:0 0 0 20px;
	overflow: scroll; /*Omogucavamo overflow */
    overflow-x:hidden;/* Sakrivamo kliznu traku po x-osi*/
}

#main #center #content #privacy-tekst {
	width:640px;
	height:695px;
}

#main #center #content #privacy-tekst p {
	padding:0 0 0 20px;
	font-size:12px;
	color:#333333;
}


#main #center .content .content_list {
	margin: 20px 0 0 0;
}

#main #center .content_list .item {
    float:left;
	width: 176px;
	height:182px;
	padding: 0 0 0 0;
	margin: 2px 14px 2px 14px;
}

#main #center .content_list .item .thumb {
	margin-left:px;
}

#main #center .content_list .item .head {
	padding: 3px 0 2px 0;
}
#main #center .content_list .item .head h1 a {
	font-weight: bold;
	font-size: 11px;
	color:#6d9ec6; /*ova boja se menja za boju title kod thumb-ova*/
	text-decoration: none;
}

#main #center .content_list .item .head h1 a:hover {
	font-weight: bold;
	font-size: 11px;
	color:#000000; /*ova boja se manja za MouseOver opciju*/
	text-decoration: none;
}

#main #center .content_list .item .text p {
	color: #6e6e6e;
	font-size: 10px;
}


#main #center #pagination {
    margin:0 0 0 120px;
    width:425px;
    height:30px;
}

#main #right {
	width:160px;
	float: left;
	height: 690px;
	border-right: solid 2px #FFF;
	border-top: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
	border-left:solid 2px #27343c;
}

#main #right #topr{
	float: left;
	width: 165px;
	height: 665px;
	background: url(../images/miggle-right.jpg) repeat-y;	
}
#main #right #topr .banner4 {
	padding: 2px 0 4px 3px; 
}


#main #right #middler{
	float: left;
	width: 165px;
	height: 37px;
	background: url(../images/part-right.jpg) no-repeat;	
}


#main #right #bottomr{
	float: left;
	width: 165px;
	height: 187px;
	background: white;	
}

#main #right #bottomr .banner5 {
	padding: 2px 0 0 2px; 
}


/* Footer styles START */


#footer {
	width: 880px;
	margin: 0 0 25px 0;
	padding: 10px 20px 10px 20px;
}
#footer .footer_nav {

	 padding: 40px 5px 0 0;
}
#footer ul li a {
	color: #cccccc;
	font-size: 10px;
	text-decoration: none;
	float: left;
	margin: 0 3px 2px 0;
}
#footer ul li a:hover {
	color: white;
}
#footer p {
	border-top: 1px solid white;
    float:left;
	font-size: 11px;
	color: #cccccc;
	text-align: center;
	padding: 10px 0 0 0 ;
}
#footer p a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
#footer p a:hover {
	color: white;
	text-decoration: underline;
}

#footer .friends{

	color: #fefefe;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	float: left;
	margin: 10px 0 10px 0;

}

#blogInsert {
	width:500px;
	height:auto;
	margin:auto;
	margin-top: 30px;
	
	
}

#thumb {
	width:176px;
	height:182px;
	margin-top: +10px;
	
}

#title {
	width:500px;
	height:30px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #333;
	text-decoration: none;
	
}

#box {
	width:500px;
	height:20px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #27343c;
	margin-right: 5px;
	text-align: center;
	font-weight: bolder;
	margin-bottom: 10px;

	
}

#text {
	width:500px;
	height:auto;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin-top: 10px;
	
}

#button {
	width:60px;
	height:20px;
	background-color:#27343c;
	float: right;
	
}
a.naslov:link    {
  /* Applies to all unvisited links */
  text-decoration:  none;
  font-weight:      bold;
  background-color: #ddd;
  color:            #333;
  } 
a.naslov:visited {
  /* Applies to all visited links */
  text-decoration:  none;
  font-weight:      bold;
  color:            #666;
  } 
a.naslov:hover   {
  /* Applies to links under the pointer */
  text-decoration:  underline;
  font-weight:      bold;
  color:            #666;
  } 
a.naslov:active  {
  /* Applies to activated links */
  text-decoration:  none;
  font-weight:      bold;
  color: #666;
  } 

#top_menu li {
	margin: 0 0 10px 10px;
	padding: 0 0 0px 10px;
	display: inline;
	border-left: 1px solid #5c5c5c;
	color: #333;
	float:right;
}

#top_menu li a {
	color: #5c5c5c;
}

#top_menu li a:hover {
	color: #c0f048;
	text-decoration: none;
}

#top_menu .first {
	border: none;
}

a.meni:link    {
  /* Applies to all unvisited links */
  text-decoration:  none;
  font-weight:      bold;
  background-color: #ddd;
  color:            #333;
  } 
a.meni:visited {
  /* Applies to all visited links */
  text-decoration:  none;
  font-weight:      bold;
  color:            #666;
  } 
a.meni:hover   {
  /* Applies to links under the pointer */
  text-decoration:  underline;
  font-weight:      bold;
  color:            #666;
  } 
a.meni:active  {
  /* Applies to activated links */
  text-decoration:  none;
  font-weight:      bold;
  color: #666;
  } 
  
#dole {
	width:880px;
	height:auto;
	color:#FFF;
	margin: auto;
	margin-top: 5px;
	text-align: center;
	font-weight:lighter;
	
}

a.dole:link    {
  /* Applies to all unvisited links */
  text-decoration:  underline;
  font-weight:      bold;
  color:            #FFF;
  } 
a.dole:visited {
  /* Applies to all visited links */
  text-decoration:  underline;
  font-weight:      bold;
  color:            #FFF;
  } 
a.dole:hover   {
  /* Applies to links under the pointer */
  text-decoration:  underline;
  font-weight:      bold;
  color:            #FFF;
  } 
a.dole:active  {
  /* Applies to activated links */
  text-decoration:  underline;
  font-weight:      bold;
  color:            #FFF;
  } 
  
#prijatelji {
	width:880px;
	height:50px;
	color:#FFF;
	margin: auto;
	margin-top: 750px;
	text-align: center;
	font-weight:lighter;
	border-bottom:solid 1px #FFF;
}