/*
Theme Name: Narodni muzej u Beogradu
Theme URI: http://narodnimuzej.rs/
Description: Theme for Narodni muzej u Beogradu website.
Author: Aleksandra Jovanic
Version: 1.0
*/

/* global styles */

* {
  margin:0px;
  padding:0px;  
  list-style:none;
}
img {
  border:0px;
}
@font-face {
    font-family: 'MyriadProRegular';
    src: url('mirijad/mirijad-webfont.eot');
    src: url('mirijad/mirijad-webfont.eot?#iefix') format('embedded-opentype'),
         url('mirijad/mirijad-webfont.woff') format('woff'),
         url('mirijad/mirijad-webfont.ttf') format('truetype'),
         url('mirijad/mirijad-webfont.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
  background:#fff;
  font:normal 11px Arial,Verdana,Helvetica,sans-serif;
  text-align:center;
  color:#3c2f27;
}
  
p {
  font-size:12px;
  margin-top:10px;
  line-height:20px;
  text-align:justify;
}  
#main_intro p {
  font-size:13px;
  line-height:24px;
}
  
a:link, a:active, a:visited {
  color:#948880;
  text-decoration:none;
}

a:hover {
  color:#705f54;
}   
  
.naslov {
  font: normal 13px MyriadProRegular, Arial, Helvetica, sans-serif;
  text-transform:uppercase;
}  

h1 {
  font: normal 26px MyriadProRegular, Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  margin: 10px 0px;
}

h2, h3, h4 {
  font: normal 20px MyriadProRegular, Arial, Helvetica, sans-serif;
color:#948880;
  text-transform:uppercase;
  margin: 20px 0px;
}

.upp_event h3 {
  margin:0px;
  text-transform:none;
}

.upp_event .kategorija dt, .upp_event .kategorija dd {
  display:inline;
}

.upp_event {
  width:100%;
  margin-bottom:7px;
  padding-bottom:5px;
  border-bottom:1px solid #f3efd9;
}

.upp_event:last-child {
  border-bottom:0px solid #f3efd9;
}

.upp_event a {
  color:#705f54;
}

h3 {
  font-size: 14px;
}

h4 {
  font-size: 12px;
  margin: 5px 0px;
}

.gray {
  color:#705f54;
}
  
.white {
  color:#fff;
}  
  
#content {
  width:960px;
  margin:0px auto;
  background:#fff;
/*  overflow:auto;  */
}  

#header {
  height:96px;
  text-align:left;
}
#social_lang_search {
  height:28px;
  float:right;
}
#social_lang_search input {
  width:150px;
  height:20px; 
  border:1px solid #f4f0df; 
  position:relative; 
  top:1px;
}
#social_lang_search ul {
  float:left;
  margin-left:5px;
}

#social_lang_search ul li {
  float:left;
  background: #f7f8ed;
  padding:0px 6px 0px 6px;
  margin-left:2px;
  color:#eae2bf;
  line-height:24px;
  height:25px;
}
#social_lang_search ul li img {
  position:relative;
  top:4px;
}
#logo {
  width:300px;
  height:120px;
  position:absolute;
  top:0px;
  
  z-index:2000;
}

/*--- Styling header and footer navigation ---*/
#nav{
  height:28px;
  float:right;
  margin-top:35px;	
}
#nav li{
  float:left;
  font: normal 13px MyriadProRegular, Arial, Helvetica, sans-serif;
  margin-left:0px;
  padding:9px 10px 9px 15px;
	position:relative;
	text-transform:uppercase;
}

#nav a:link, #nav a:active, #nav a:visited, #footer_nav a:link, #footer_nav a:active, #footer_nav a:visited  {
  color:#7a6a60;
}

#nav a:hover, #nav li:hover a {
  color:#fff;
}

#nav li:hover{
	background:#3c2f27;
	color:#fff;
}

/*--- DROPDOWN ---*/
#nav ul ul{
	background:#3c2f27; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(60,47,39,0.8); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	z-index:200;
	top:33px;
}
#nav ul ul li{	
	float:none;
	width:150px;
	text-transform:none;
}
#nav ul li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	
}
#nav ul ul a:link, #nav ul ul a:active, #nav ul ul a:visited {
  color:#fff;
}
#nav ul ul a:hover, #nav ul li:hover a{
  color:#fff;
}
#footer_nav {
  background:#eae2bf;
  height:33px;
  padding:0px 0px 0px 0px;
  text-align:center;
}
#footer_nav li{
  float:left;
  font: normal 13px MyriadProRegular, Arial, Helvetica, sans-serif;
  margin-left:0px;
  padding:9px 10px 9px 15px;
	position:relative;
	text-transform:uppercase;
}
#footer_nav a:hover, #footer_nav li:hover a {
  color:#fff;
}

#footer_nav li:hover{
	background:#3c2f27;
	color:#fff;
}

/*--- DROPDOWN ---*/
#footer_nav ul ul{
	list-style:none;
	position:absolute;
	left:0px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	z-index:200;
	top:33px;

}
#footer_nav ul ul li{
  display:inline;
	background:#3c2f27; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(60,47,39,0.8); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	font-size:12px;
	text-transform:uppercase;
	width:100px;
	height:60px;
	text-align:left;
}
#footer_nav ul li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#footer_nav ul ul a:link, #footer_nav ul ul a:active, #footer_nav ul ul a:visited {
  color:#fff;
}
#footer_nav ul ul a:hover, #footer_nav ul li:hover a{
  color:#fff;
}
#banner_segment {
  height:600px; 
}
#banner {
  width:660px;
  height:600px;
  background: #f7f8ed;
  float:left;
}
#upcoming_events {
  width:266px;
  height:273px;
  background:#eae2bf;
  float:left;
  text-align:left;
  padding:17px 17px 10px 17px;
}

#upcoming_events .naslov {
  color:#988e85;
}

#prostori .muzej, .small_box .muzej, #sidebar .box_high .muzej, .box_high.prostori .muzej {
  font-weight:600;
  text-transform:uppercase;
  margin-top:16px;
  font-size:13px;
}


#prostori a:link, #prostori a:visited, #prostori a:active, 
#sidebar .box_high .muzej a:link, #sidebar .box_high .muzej a:visited, #sidebar .box_high .muzej a:active{
  color:#222;
}

#prostori a:hover, #sidebar .box_high .muzej a:hover {
  color: #948880;
  text-decoration:underline;
}

.related-posts li {
  padding:3px 15px !important;
  background:transparent url('img/plus.png') no-repeat left 6px !important;
}

.related-posts a:link, .related-posts a:visited, .related-posts a:active {
  font: normal 12px MyriadProRegular, Arial, Helvetica, sans-serif;
  color:#3c2f27;
  text-transform:uppercase;

}
.related-posts a:hover {
  color: #948880;
}

#lista_muzeja {
  padding-top:10px;
}

#lista_muzeja .muzej {
  clear:both;
  margin-top:0px;
}

#lista_muzeja img {
 float:left;
 margin-right:15px;
 margin-bottom:8px;
}

#kalendar {
  width:266px;
  height:273px;
  background:#efe9cc url('img/kal.png') no-repeat 25px 15px;
  float:left;
  text-align:left;
  padding:17px 17px 10px 17px;
}

#kalendar a:link, #kalendar a:active, #kalendar a:visited { 
  color:#988e85;
}

#kalendar a:hover{
   color:#8b8075;
}

#kalendar .dani {
  margin-top:5px;
}
#izdanja a:link, #izdanja a:active, #izdanja a:visited { 
  color:#fff;
  font-family: MyriadProRegular, Arial, Helvetica, sans-serif;
  text-transform:uppercase;
}

#izdanja a:hover{ 
  color:#eee;
}
#teasers {
  background:#fff;
  height:220px;
  margin-top:20px;
}

#teasers .first {
  text-align:left;
}

#teasers .last {
  text-align:right;
}

.box {
  width:320px;
  float:left;
  padding:10px 0px;
}

#teasers img {
  margin-top:10px;
}
.box .naslov {
  text-align:center;
}

.box img {
  border:0px solid white;
}

.box .m_naslov {
 text-align:left;
 padding-left:5px;
 font-weight:bold;

}

#news .box .m_naslov, .news_naslov {
 font: normal 16px MyriadProRegular, Arial, Helvetica, sans-serif;
 color:#948880;
 text-transform:uppercase; 
}


.box .podnaslov {
 text-align:left;
 padding-left:5px;
}

.box.last .m_naslov, .box.last .podnaslov {
  padding-left:10px;
}

.box.first .m_naslov, .box.first .podnaslov {
  padding-left:0px;
}

.podnaslov p {
  font-size:11px;
  margin-top:0px;
  line-height:16px;
}

.box_high p {
  font-size:11px;
  margin-top:10px;
  line-height:16px;
}

.box_high {
  width:280px;
  //height:280px;
  float:left;
  padding:20px;
  text-align:left;
}

.rekonstrukcije {
  background:transparent url('img/rekonstrukcije.jpg') no-repeat left top;
}

.rekonstrukcije a:link, .rekonstrukcije a:visited, .rekonstrukcije a:active {
  color:#fff;
}

.rekonstrukcije a:hover div, .rekonstrukcije a:hover p {
  background:#cd7c69; 
}

.box_high .vest_sm {
  margin-top: 12px;
  overflow:auto;
}

.vest_sm .vest_slika {
  float:left; 
  width:55px; 
  margin-right:10px;
}

.vest_sm .vest_tekst {
 float:left; 
 width:200px;
}

.vest_tekst h3 {
  margin:3px 0px;
}

.vest_tekst a:link, .vest_tekst a:visited, .vest_tekst a:active{
  color:#705F54;
}

.vest_tekst a:hover {
  color:#948880
}

.projects_sm {
 padding-bottom:4px;
}

.projects_sm .projects_slika {
  float:left; 
  width:116px;
  height:45px; 
  margin-right:10px;
}

.projects_sm .projects_tekst h3{
  font-size:13px; 
}

.vest_tekst h3, .projects_tekst h3 {
  margin:3px 0px;
}

.roza {
  background:#cd7c69;
  color:#fff;
}

.drap {
  background:#eae2bf;
}

.svetlodrap {
    background:#f7f8ed;
}

.tamnodrap {
   background:#f3efd9;
}

.braon {
  background:#3c2f27;
  color:#fff;
}

.braon a:link, .braon a:visited, .braon a:active, .braon a:hover {
  color:#fff;
}


#boxes {
  background:#cd7c69;
  height:320px;
}

#news {
  background: #fff;
  margin:20px 0px;
  overflow:auto;
}


#news .box {
  width:290px;
  text-align:justify;
  margin-top:10px;
  padding:10px 15px 20px 15px;
}

#news .box img {
  margin: 0px 10px 10px 0px;
  float:left;
}

#news .first {
  padding:10px 15px 20px 0px;
  width:305px;
}

#news .last {
  padding-left:15px;
  width:290px;
} 

.news_naslov {
  text-align:left;
}

.title {
display:block;
}
#footer {
  background:#3c2f27;
  height: 26px;
  padding:10px 10px 0px 5px;
  color:#fff;
}

#footer_sponzori {
  background:#ffffff;
  padding:10px 10px 30px 15px;
  text-align:left;
  overflow:auto;
}

#footer_sponzori img {
  border:0px solid white;
}

#footer_sponzori li{
  padding:10px;
  float:left;
}

#footer_sponzori .right li {
  float:right;
}

#footer ol li{
  display:inline;
  padding:0px 10px;
  border-right:1px solid #948880;
}

#footer ol li.last {
  border-right:0px solid #fff;
}

#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
  color:#fff;
}
#segment_illu {
  width:960px;
  height:200px;
}
 
#breadcrumbs {
  background:#f7f8ed;
  color:#7a6a60;
  font: 13px MyriadProRegular,Arial,Helvetica,sans-serif;
  height:26px;
  text-align:left;
  width:930px;
  padding: 10px 0px 0px 30px;
} 
 
#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active {
  color:#948880;
} 

#breadcrumbs a:hover {
  color:#7a6a60;
}
 
#main_intro .datum {
  margin-top:20px;
}
 
#sidebar {
  width:320px;
  float:right;
 // border-left:1px solid #f4f0df;
  overflow:auto;
} 
 
 
#main_intro {
  width: 580px;
  text-align:left;
  padding:10px 350px 30px 30px;
  border-bottom:1px solid #f4f0df;
} 
 
 
#main_content {
  width:559px;
  float:left;
  text-align:left;
  padding:10px 50px 50px 30px;
  border-right:1px solid #f4f0df;

}

#submenu_1, #submenu_3, #submenu_4, #submenu_5, #submenu_6 {
	width:650px;
}

#submenu_2 {
   width:880px;
} 

.wp-polls-ul {
  margin: 20px 0px 0px 0px !important;
}

.wp-polls-ul li {
  padding-bottom: 10px;
}

.Buttons{
  padding:6px !important;
  border:0px solid #fff !important;
	background:#3c2f27 !important;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
	cursor:pointer;
}

.gallery  .gallery-item {
  text-align:left !important;
}  

.gallery img {
  border:1px solid #f4f0df !important;
}
  
#main_content img, .gallery img {
   border:1px solid #f4f0df;
   margin: 10px 0px 3px 0px;
   padding:3px;
}

#centralni_info img, #vukidositej_info img, #galerija_info img, #djerdap_info img, #lepenski_info img {
  border:0px solid white;
  padding:0px;
  margin:0 5px 0 0;
  position:relative;
  top:5px;
  
}  
#subsection_content {
  width:559px;
  float:left;
  text-align:left;  /*text-align:justify; */
  padding:10px 50px 50px 30px;
  border-right:1px solid #f4f0df;
  
}  

#subsection_content img {
  border:1px solid #f4f0df;
}

li.product_category li, li.product_tag li  {
    margin-bottom:10px;
}

li.product_category a:link, li.product_category a:visited, li.product_category a:active, li.product_tag a:link, li.product_tag a:visited, li.product_tag a:active {
  font: normal 13px MyriadProRegular, Arial, Helvetica, sans-serif;
  color:#948880;
  text-transform:uppercase;
}

li.product_category a:hover, li.product_tag a:hover {
    color:#705f54;
}

.box_high li.product_category a{
    color:#705f54;
}
  
.subsection {
  margin-bottom: 30px;
  overflow:auto;
  width:559px;
  position:relative;
  overflow:hidden;
}  

.subsection.izdanja {
  padding-bottom:10px;
  border-bottom:1px solid #eae2bf;
}

.slika_izdanja, .slika_izdanja_list {
  float:left;
  margin-right: 20px;
  background:#f7f8ed;
}

.slika_izdanja img {
  width:180px;
}

.tekst_izdanja {
  width:350px;
  float:left;
}
  
  
#mp_product_list .product {
  border:1px solid black;
}  

a.mp_cart_link, a.mp_cart_direct_checkout_link {
  font: normal 13px MyriadProRegular, Arial, Helvetica, sans-serif;
	background:#3c2f27;
	color:#fff;
	border:0px;
  text-transform:uppercase;
	line-height:24px;
	padding: 5px 10px;
	height:24px;  
	text-align:center;
}

input.mp_button_addcart {
  font: normal 13px MyriadProRegular, Arial, Helvetica, sans-serif;
	background:#3c2f27;
	color:#fff;
	border:0px;
  text-transform:uppercase;
	line-height:24px;
	padding: 3px 9px;
	height:24px;  
	text-align:center;
  cursor:pointer;
  margin-bottom:4px;
}


.mp_cart_col_updatecart input, .mp_cart_direct_checkout input {
  font: normal 13px MyriadProRegular, Arial, Helvetica, sans-serif;
	background:#3c2f27;
	color:#fff;
	border:0px;
  text-transform:uppercase;
	line-height:24px;
	padding: 3px 9px;
	height:24px;  
	text-align:center;
  cursor:pointer;
  margin-bottom:4px;
}

.mp_no_stock {
  font: normal 13px MyriadProRegular, Arial, Helvetica, sans-serif;
	background:#eae2bf;
	color:#3c2f27;
	border:0px;
  text-transform:uppercase;
	line-height:24px;
	padding: 3px 9px;
	height:24px;  
	text-align:center;
  margin-bottom:4px;
}
  
.subsection .slika {
  float:left;
  margin-right: 20px;
  width:310px;
  height:122px;
  background:#f7f8ed;
}

.subsection .slika.thumb {
  width:75px;
  height:75px;
}


.subsection .tekst {
  width: 236px;
  position: absolute; 
  bottom: 0px; 
  left: 327px;
}

.subsection .tekst.wide {
  width: 420px;
  left: 95px;
}

.subsection h2, .subsection h3 {
  margin:0px;
}

#events-buttons {
  float:right;
  margin-right:20px;
}

#events-buttons a {
  font: normal 13px MyriadProRegular, Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	height:24px;
	margin:0px 0px 0px 10px;
	line-height:24px;
	padding: 3px 9px;
	text-align:center;
	text-transform:uppercase;
	width:auto;

}
#events-buttons a.events-button-on {
	background:#3c2f27;
	color:#fff;
}
#events-buttons a.events-button-off {
	background:#fff;
  color:#7a6a60;
}

#events-buttons a:hover.events-button-off {
	background:#3c2f27;
  color:#fff;
}
  
.event {
  margin: 30px 0px 0px 0px;
  overflow:auto;
  width:930px;
  position:relative;
  overflow:hidden;
}  

  
.event .slika {
  float:left;
  margin-right: 20px;
  width:310px;
}

.event .tekst {
  width: 227px;
  position: absolute; 
  bottom: 0px; 
  left: 330px;
}

.event .meta {
  width: 227px;
  position: absolute; 
  bottom: 0px; 
  left: 630px;
  padding-left:10px;
  border-left:1px solid #ddd;
}

.event table {
  border:0px;
}
.event table td {
  padding:3px 10px 2px 0px;
  vertical-align:top;
}

.event h2, .event h3 {
  margin:0px;
}


#months_nav {
   text-align:center;
   margin:20px 0px;
   font-size:12px;
}

#months_nav #tribe-events-events-picker {
  display:inline;
  margin: 0px 5px;
}

/* kalendar */


#big th {
   text-align:center;
   font-weight:normal;
   text-transform:uppercase;
   color:#948880;
} 

#big td {
  padding:5px 10px !important;
  color:#948880;
  text-align:left;
  height: 120px;
  vertical-align: top;
  height: 110px !important;
	width:14.28%;  
}

#big hr {
	border:0 none !important;
	display:block;
	height:1px;
	background-color:#fff;
	margin:1px 0px !important;
}

hr {
	border:0 none !important;
	display:block;
	height:1px;
	background-color:#eae2bf;
}


#small th {
   text-align:center;
   font-weight:normal;
   color:#988e85;
} 

#small td {
  //padding:10px 12px;
  background:#f3efd9;
  text-align:center;
  cursor: pointer;
  width: 34px;
  height: 34px;
}

#small td.tribe-events-thismonth {
  background:#f7f4e6;
}


#small td.tribe-events-present { /*danas*/
    background:#eae2bf;
  
}

#small.tribe-events-calendar {
  margin-top:20px;
} 

#small h5 {
  margin-bottom: 6px;
}

.box_high #small td {
  //padding: 11px 13px;
  background:#f3efd9;
  text-align:center;
  cursor: pointer;
  width: 34px;
  height: 34px;
  
}
.tribe-events-calendar .tribe-events-event {
	position:relative;
	margin:0;
}

.tribe-events-real-event {
   cursor: pointer;
}
.tribe-events-calendar .tribe-events-tooltip {
  border:1px solid #f4f0df;
	position:absolute;
	z-index:2002;
	bottom:30px;
	left:3px;
	width:320px;
	background-color:#ffffff;
	color:#333;
	line-height:1.4;
}

#small.tribe-events-calendar .tribe-events-tooltip {
  width:120px;
  padding:10px;
  font-size:12px;
}

#small hr {
  color:#aaa;
}

#small.tribe-events-calendar .tribe-events-tooltip a:link, #small.tribe-events-calendar .tribe-events-tooltip a:active, #small.tribe-events-calendar .tribe-events-tooltip a:visited, #small.tribe-events-calendar .tribe-events-tooltip a:hover {
  color: #3c2f27;
}


.tribe-events-calendar .tribe-events-right .tribe-events-tooltip {
	left:auto;
	right:3px;
}

#kalendar tr a:link,#kalendar tr a:active, #kalendar tr a:visited, #kalendar tr a:hover {
  color: #3c2f27;
}



#small .daynum {
  color: #cd7c69;
}

.tribe-events-tooltip .tribe-events-event-title {
  font: normal 14px MyriadProRegular, Arial, Helvetica, sans-serif;
  color:#948880;
  text-transform:uppercase;
  padding: 10px;
}
.tribe-events-tooltip .tribe-events-event-body {
	font-size:11px;
	padding:3px 10px 10px;
}

.tribe-events-tooltip .tribe-events-event-date {
	font-style:italic;
	margin:3px 0;
}
.tribe-events-tooltip .tribe-events-event-thumb {
	float:left;
	padding:5px;
}
.tribe-events-event .post {
	position:relative;
}
#big .daynum {
  font-size:10px;
  margin-bottom:4px;
}

#big .events-othermonth {
  background:#ffffff;
}

#big .events-thismonth {
    background:#f7f8ed;  
}

#big .events-present { /*danas*/
    background:#eae2bf;
  
}


a.tribe-events-mini-has-event {
  font-weight:bold;
  background:#fff;
  //padding:10px 12px;
  width: 36px;
  height: 24px;
  display: block;
  padding-top: 10px;
}


li.timeline_item {
  width:260px;
  padding:0px 10px 10px 10px;

}

li.timeline_item.even {
  text-align:left;
  margin-left:280px; 
  border-left:1px solid #cd7c69;
  background:transparent url('img/arrow_right.png') no-repeat left 0px;
} 

li.timeline_item.odd {
  text-align:right;
  border-right:1px solid #cd7c69;
  background:transparent url('img/arrow_left.png') no-repeat right 0px;
}

#share_buttons {
  margin-top:20px;
}

#calendar_page {
  text-align:left;
  margin-top:20px;
  padding:10px 0px 10px 30px;
}

#calendar_page h2 {
  display:inline;
}


.tribe-events-calendar {
  width:100%;
}

.box_high td {
  //padding-right:10px;
 // vertical-align:top;
   padding-right:3px;
}


#main_content_wide {
  width:880px;
  float:left;
  text-align:left;
  padding:10px 50px 50px 30px;
}

.small_box {
  width:89px;
  height:90px;
  float:left;
  margin-right:2px;
  padding: 10px;
}

a:hover .small_box {
  background:#cd7c69;
  color:#fff;
}

a:more-link {
  float:right;
}


.search_excerpt p {
  font-size:11px;
  line-height:12px;
  margin:0px;
}

.search_excerpt h3 {
  margin:20px 0px 0px 0px;
}



ol.commentlist li {
  margin-bottom:20px;
  border-bottom:1px solid #eae2bf;
  padding-bottom:10px;
}


ul.children {
  padding-left:20px;
}


#coupon-link { display:none; }

table.mp_cart_contents, table.mp_cart_shipping {
  margin-top:10px;
  width:100%;
  font-size:12px;
  line-height:22px;
}

table.mp_cart_contents thead tr {
  height:30px;
}

th.mp_cart_col_price {
  width:90px;
}

td.mp_cart_subtotal_lbl, th.mp_cart_col_quant {
  text-align:right;
  padding-right:10px;
}

#main_content table td {
  padding:4px;
}

#main_content table td p {
  text-align:left;
}

.prevnext {
  padding:30px 0px;
}

.prevnext .left, .prevnext .right {
  width:150px;
}
.hidden {
  display:none;
}

  
.clear {
  clear:both;
}   
  
.right {
  float:right;
}  
  
.left {
  float:left;
}  

#boxes {
  margin-top:10px; 
  width: 660px; 
  float:left;
}
.box_vesti {
  height:280px;
}
.box_zbirke {
  height:280px; 
  width:300px;
}
.prostori {
  height:280px; 
  margin-top:10px; 
}
.box_custos {
  height:280px; 
  width:300px; 
  margin-top:10px;
}
#teasers_vertical {
  float:left; 
  width:300px; 
  height:660px;
}
#teasers_vertical .naslov {
  text-align: left; 
  margin:4px 20px;
}

/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; z-index:1000; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #eae2bf; color: #000000; text-indent: -1000px; opacity:0.8; }
.cs-active { background-color: #eae2bf; }
.cs-title { width: 292px; padding: 10px 10px 10px 28px; background-color: #3c2f27; color: #eae2bf; text-align:right; margin-bottom:70px;}