.div, column, columns {outline: red solid 1px; border: 1px solid red;}

body {background: url('../img/DS_raster.png'); color: #808080; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 22px;}

a, a:visited {color: #f00000; text-decoration: none;}
b, strong {font-weight: bold;}
img {margin: 0px; padding: 0px; max-width: 100%; height: auto; }

#wrap {background-color: white;}

#admin .sve {text-align: right; height: 32px; margin-top: -32px;}

#logo > .row > .column {height: 35px; line-height: 35px; overflow: hidden;}
#logo .desno {text-align: right; max-width: 497px;padding: 0px; margin-left: 21px;}
#logo .desno a {float: right; display: inline-block; width: 11px; height: 35px; background: transparent url('../img/DS_search_ikona.png') center center no-repeat;}
#logo .desno a:hover {background-image: url('../img/DS_search_ikona_rollover.png');}
#logo .desno .f {display: none;}
#logo .desno input.s {border: 2px dotted #808080;}
#logo .desno input.s:focus {outline: none;}

nav {z-index: 9999;}
#nav > .row > .column {height: 66px; line-height: 64px;}
#nav ul li {display: inline; margin-right: 26px;}
#nav ul li:last-child {margin-right: 0px;}
#nav ul li a {display: inline-block; color: #808080;}
#nav ul li a:hover {color: #f00000;}
#nav ul li.aktivan > a {color: #f00000;}
#nav ul li a .strelica {display: inline-block; width: 9px; height: 8px; background: transparent url('../img/DS_meni_strelica.png') left center no-repeat;}
#nav ul > li > a:hover > .strelica, #nav ul > li:hover > a > .strelica, #nav ul > li.aktivan > a > .strelica {background-image: url('../img/DS_meni_strelica_rollover.png');}

#nav li {position: relative;}
#nav li ul {position: absolute; background-color: #fff; border: 2px dotted #808080; display: none; width: 262px;z-index: 10000; padding: 10px 0px;}
#nav .menu1 li {float: none; margin: 0px; padding: 0px; line-height: 22px;}
#nav .menu1 li a {display: block; padding: 0px 16px;}
#nav li.open > a {color: #f00000;}
#nav li.open > ul.menu1 {display: block; background-color: #fff;left: 0;right: 0;top: 40px;}
#nav ul.menu1 > li.open > ul.menu2 {display: block; background-color: #fff; left: 140px; right: 0; top: -34px;}
#nav li:not( :first-child ):hover ul {left: -1px;}
#nav li ul a {}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {}

#main p {margin-bottom: 22px;}
#main .levo ul {margin-top: -22px; margin-left: 15px; list-style-image: url('../img/DS_meni_strelica.png'); margin-bottom: 22px;}
#main .levo ul li {}
#main .levo {overflow: hidden;}
#main .levo > .pager {width: 262px; min-height: 262px; top: 0px; left: 0px; position: relative; display: none;}
#main .levo > .pager > .page {width: 262px; float: left;}
#main .desno .pager0 {width: 380px; min-height: 590px; overflow: hidden; float: left; margin-left: 24px; margin-right: 0px;}
#main .desno .pager1 {width: 380px; top: 0px; left: 0px; position: relative;}
#main .desno .pager1 > .page {width: 380px; float: left; border: 2px dotted #808080;}
#main .desno .pager1 > .page > img {margin-bottom: -6px;}
#main .desno .pager1 > .page > .video {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
#main .desno .pager1 > .page iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#main .desno .skroler {height: 22px; line-height: 22px;margin-bottom: 11px;float: right;}
#main .tekst {width: 497px;}
#main .tekst .skroler {float: left;}
#main .desno a.A_levo, #main .desno a.A_desno {margin-bottom: -6px; display: inline-block; width: 12px; height: 22px; background: transparent url('../img/DS_pregledavanje_strelica_L.png') center center no-repeat;}
#main .desno a.A_desno {background-image: url('../img/DS_pregledavanje_strelica_R.png');}
#main .desno a:hover.A_levo {background-image: url('../img/DS_pregledavanje_strelica_rollover_L.png');}
#main .desno a:hover.A_desno {background-image: url('../img/DS_pregledavanje_strelica_rollover_R.png');}
#main .desno .brojac { padding: 0px; color: #d2d2d2;}
#pager_sada {margin-left: 8px;}
#pager_koliko {margin-right: 8px;}

#slajder {width: 497px;}

#main .mreza {position: relative; max-width:738px; min-width: 278px; border-left: 2px dotted #808080; border-top: 2px dotted #808080;}
#main .mreza div.okvir {width: 92px; height: 92px; float: left; position: relative;}
#main .mreza img {max-width: auto; cursor: pointer; border-right: 2px dotted #808080; border-bottom: 2px dotted #808080; position: absolute; top: 0px; left: 0px; width: 92px; height: 92px;}

a.naMrezu {
	padding-left: 10px;
	background: transparent url('../img/DS_meni_strelica_2.png') left center no-repeat;
	color: #808080;
}
a.naMrezu:hover {
	color: red;
	background-image: url('../img/DS_meni_strelica_rollover_2.png');
}

#main .forma th {padding-right: 15px;}

table.forma {width: 100%;}
table.tablica {width: 100%;}
table.forma td,table.forma th, table.tablica td, table.tablica th {border: 1px solid #808080; padding: 2px;}
table.forma td.admin, table.tablica td.admin {text-align: center;}

#wrap {width: 870px; min-width: 362px; min-height: 870px; margin: 45px auto; padding: 45px;}
.row .levo {width: 262px !important; padding: 0px; }
.row .desno {max-width: 497px; padding: 0px; margin-left: 21px;}
.row .sve {width: 780px; padding: 0px;}

#logo .levo, #main .levo {float: left;}
#logo .desno, #main .desno {float: right;}

@media screen and (min-width: 480px) {
	#logo .desno {display: block;}
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 992px) {
}

@media only screen and (max-width: 886px) {
	#slajder:before, #slajder:after { content:""; display:table; clear: both; }
	#slajder.desno {float: none; margin: 0px; width: 382px !important;}
	#slajder.desno .pager0 {margin: 0px;}
}

@media only screen and (max-width: 767px) {
}

@media screen and (max-width: 545px) {
	#logo .desno input.s {width: 90px;}
}

@media only screen and (max-width: 479px) {
	#logo .desno {display: none;}
	#main .tekst {width: 262px !important; float: none; content:""; display:table; clear: both; }
	#main .tekst > .skroler {float: right;}

	#slajder.desno {width: 262px !important;}
	#main .desno .pager0 {width: 262px;}
	#main .desno .pager1 {width: 262px; }
	#main .desno .pager1 > .page {width: 262px; }
}