html, body, div, span, applet, 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;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

object,
embed {
display: block;
overflow: hidden;
}

body {
line-height: 1;
}
ol, ul {
list-style: none;
}
a:active { 
outline: none; 
}
 
a:focus { -moz-outline-style: none; }

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

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}


body {
margin: 30px 0 30px 0;
background: #e0e8ed url("http://marmi-media.hr/slike/site-bg.jpg") top center no-repeat; 
font-family: Arial, Verdana, Sans-serif;
line-height: 18px;
color: #4f5960;
text-align: left;
}
#wrapper {
width: 1022px;
margin: auto;
padding: 0;
text-align: left;
}
a:link {
	color: #03429f;
	text-decoration: none;
}
a:visited {
	color: #03429f;
	text-decoration: none;
}
a:active {
	color: #03429f;
}
a:hover {
	color: #6b90c7;
	text-decoration: none;
}

.rotatorlink:link {
	color: #b2c8e9;
	text-decoration: none;
}
.rotatorlink:visited {
	color: #b2c8e9;
	text-decoration: none;
}
.rotatorlink:active {
	color: #b2c8e9;
}
.rotatorlink:hover {
	color: #d6e4f9;
	text-decoration: none;
}

.slika-logo {
float: left;
}

.slika-rotator {
float: left;
}

.slika-kuverta {
float: left;
margin: 3px 6px 0 0;
}

.slika-prednosti {
float: left;
border: 0;
margin: 3px 6px 0 0;
}

.slika-smaller-l {
float: left;
margin: 0 10px 0 0;
padding: 3px;
border: 1px solid #dbddde;
}

.slika-smaller-r {
float: right;
margin: 0 0 0 10px;
padding: 3px;
border: 1px solid #dbddde;
}

.slika-reference {
float: left;
margin: 0 50px 20px 0;
padding: 3px;
border: 1px solid #dbddde;
}

.slika-lijevo {
float: left;
margin: 0 10px 0 0;
padding: 3px;
border: 1px solid #dbddde;
}

.slika-sred {
float: left;
margin: 0;
padding: 3px;
border: 1px solid #dbddde;
}

.slika-desno {
float: right;
margin: 0 0 0 10px;
padding: 3px;
border: 1px solid #dbddde;
}

.slika-rub {
float: left;
margin: 0;
padding: 3px;
border: 1px solid #dbddde;
}

.slika-left {
float: left;
margin: 0 11px 10px 0;
padding: 3px;
border: 1px solid #dbddde;
}

.slika-right {
float: right;
margin: 0 0 10px 10px;
padding: 3px;
border: 1px solid #dbddde;
}

.slika-mid {
float: left;
margin: 0 0 10px 0;
padding: 3px;
border: 1px solid #dbddde;
}

.none, caption {
display: none;
}
.clear {
clear: both;
margin:0;
padding:0;
height: 0.1px;
}

.razmak20 {
clear: both;
margin:0;
padding:0;
height: 20px;
}

.razmak30 {
clear: both;
margin:0;
padding:0;
height: 30px;
}

input.text {
width: 230px;
font: 11px Arial, sans-serif;
}
textarea.text {
width: 330px;
height: 120px;
font: 11px Arial, sans-serif;
}
input.button {
font: 11px Arial, sans-serif;
color: #333;
}

#header-naslov {
float: left;
width: 964px;
padding: 0 29px 0 29px;
}
#header-naslov h1 {
font-size: 32px;
font-family: Arial, Verdana, Sans-serif;
font-weight: normal;
line-height: 34px;
text-align: right;
margin: 0;
padding: 0;
color: #4f5960;
}

#header-up {
background: url("http://marmi-media.hr/slike/header-bg.png") top left no-repeat;
float: left;
width: 964px;
height: 29px;
padding: 0 29px 0 29px;
}

#main {
float: left;
width: 964px;
background: url("http://marmi-media.hr/slike/main-bg.png") top left repeat-y;
padding: 0 29px 0 29px;
}

#main-header {
float: left;
width: 964px;
height: 293px;
}

#rotator-bg {
float: right;
background: url("http://marmi-media.hr/slike/rotator-bg.gif") top left no-repeat;
width: 637px;
height: 293px;
}

#logo {
float: left;
width: 310px;
height: 90px;
}

#izbornik {
float: left;
width: 300px;
height: 203px;
padding: 0 0 0 10px;
background: url("http://marmi-media.hr/slike/menu-bg.jpg") top left no-repeat;
}

#bigger-poc {
float: right;
width: 584px;
margin: 0;
padding: 0 0 0 70px;
}

#bigger {
float: right;
width: 614px;
margin: 0;
padding: 0 10px 0 30px;
}

#breadcrumb {
float: left;
width: 614px;
height: 14px;
margin: 0 0 25px 0;
padding: 0;
color: #9fa0a0;
}

#breadcrumb h2 {
float: left;
font-family: Arial, Verdana, Sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 14px;
margin: 0;
padding: 0;
}

#breadcrumb a {
float: left;
font-family: Arial, Verdana, Sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 14px;
color: #9fa0a0;
}

#breadcrumb p {
float: left;
font-family: Arial, Verdana, Sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 14px;
color: #9fa0a0;
}

#breadcrumb a:visited {
color: #9fa0a0;
}

#breadcrumb a:active {
color: #9fa0a0;
}

#breadcrumb a:hover {
color: #666666;
}

#breadcrumb-footer {
float: left;
width: 624px;
height: 14px;
margin: 0 0 5px 0;
padding: 0 0 0 340px;
color: #9fa0a0;
}

#breadcrumb-footer h2 {
float: left;
font-family: Arial, Verdana, Sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 14px;
margin: 0;
padding: 0;
}

#breadcrumb-footer a {
float: left;
font-family: Arial, Verdana, Sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 14px;
color: #9fa0a0;
}

#breadcrumb-footer p {
float: left;
font-family: Arial, Verdana, Sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 14px;
color: #9fa0a0;
}

#breadcrumb-footer a:visited {
color: #9fa0a0;
}

#breadcrumb-footer a:active {
color: #9fa0a0;
}

#breadcrumb-footer a:hover {
color: #666666;
}

.entry-title {
float: left;
width: 614px;
margin: 0 0 10px 0;
font-size: 20px;
line-height: 24px;
color: #03429f;
font-weight: normal;
border-bottom: 1px solid #dbddde;
}

.entry-title h3 {
float: left;
font-size: 20px;
line-height: 24px;
color: #03429f;
font-weight: normal;
}

.entry-title h3 a:link {
color: #03429f;
}
.entry-title h3 a:visited {
color: #03429f;
}
.entry-title h3 a:active {
color: #03429f;
}
.entry-title h3 a:hover {
color: #6b90c7;
}

.entry {
margin: 0 0 40px 0;
padding: 0;
font-size: 12px;
line-height: 22px;
}

.entry p {
padding: 10px 0 10px 0;
}

.entry ul {
margin: 0 0 0 20px;
}

.entry ul li {
margin: 5px 0 5px 0;
list-style: square;
}

.prednosti-title {
float: left;
margin: 0 0 10px 0;
width: 654px;
font-size: 18px;
line-height: 22px;
color: #03429f;
font-weight: normal;
}

.prednosti-title h3 {
float: left;
font-size: 18px;
line-height: 22px;
color: #03429f;
font-weight: normal;
}

.prednosti-title h3 a {
float: left;
font-size: 18px;
line-height: 22px;
color: #03429f;
font-weight: normal;
}

.prednosti-text {
float: left;
font-size: 11px;
line-height: 16px;
color: #4f5960;
}

.prednosti-text p {
padding: 10px 0 10px 0;
}

.kontakt-lijevo {
float: left;
width: 274px;
margin: 15px 0 0 0;
}

.kontakt-desno {
float: right;
width: 340px;
}

span.kontakt-form {
padding: 0 0 10px 0;
}

#map {
width: 612px;
height: 450px;
border: 1px solid #dbddde;
}

.video-lijevo {
float: left;
width: 300px;
height: 165px;
margin: 0 0 20px 0;
}

.video-desno {
float: right;
width: 300px;
height: 165px;
margin: 0 0 20px 0;
}

#smaller {
width: 310px;
float: left;
margin: 0;
padding: 0;
font-size: 11px;
line-height: 15px;
}

#smaller h4 {
color: #03429f;
font-family: Arial, Verdana, sans-serif;
font-size: 18px;
line-height: 20px;
color: #03429f;
font-weight: normal;
}

#smaller h4 a {
color: #03429f;
font-family: Arial, Verdana, sans-serif;
font-size: 18px;
color: #03429f;
font-weight: normal;
}

#smaller ul {
list-style: square;
margin: 0 0 0 15px;
padding: 0;
}
#smaller ul li {
margin: 4px 0 4px 0;
}

.smaller-title {
margin: 0 0 10px 0;
padding: 0;
border-bottom: 1px solid #dbddde;
}

.smaller-title h4 {
color: #03429f;
font-family: Arial, Verdana, sans-serif;
font-size: 18px;
line-height: 22px;
color: #03429f;
font-weight: normal;
}

.smaller-title h4 a {
color: #03429f;
font-family: Arial, Verdana, sans-serif;
font-size: 18px;
color: #03429f;
font-weight: normal;
line-height: 22px;
}

.smaller-text {
font-size: 11px;
line-height: 16px;
}

.smaller-text p {
margin: 10px 0 10px 0;
padding: 0;
}

.smaller-title-poc {
margin: 0 0 23px 0;
padding: 0;
}

.smaller-title-poc h4 {
color: #03429f;
font-family: Arial, Verdana, sans-serif;
font-size: 18px;
line-height: 22px;
color: #03429f;
font-weight: normal;
}

.smaller-title-poc h4 a {
color: #03429f;
font-family: Arial, Verdana, sans-serif;
font-size: 18px;
color: #03429f;
font-weight: normal;
line-height: 22px;
}

#footer-bg {
float: left;
background: url("http://marmi-media.hr/slike/footer-bg.png") top left no-repeat;
width: 1022px;
height: 18px;
}

#footer {
margin: 0;
padding: 0;
font-size: 10px;
}

.footer-i {
margin: 0px;
padding: 10px;
}
.footer-i p {
margin: 0;
padding: 0;
text-align: center;
}

#menu {
position:relative;
width:300px;
height:203px;
background:transparent url("http://marmi-media.hr/slike/menu-off.gif");
overflow:hidden;
margin:0 auto;}

#menu ul {margin:0; padding:0;}
#menu li {list-style-type:none; width:300px; height:29px; display:inline;}

#menu a {
display:block;
float:left;
width:300px;
height:0;
overflow:hidden;
color:#4f5960;
text-decoration:none;
padding-top:29px;
background:transparent url("http://marmi-media.hr/slike/menu-on.gif") no-repeat 500px 500px;
}

* html #menu a  {height:29px; he\ight:0;}

#menu a#item1:hover {background-position: 0 0; z-index:50;}
#menu a#item2:hover {background-position: 0 -29px; z-index:50;}
#menu a#item3:hover {background-position: 0 -58px; z-index:50;}
#menu a#item4:hover {background-position: 0 -87px; z-index:50;}
#menu a#item5:hover {background-position: 0 -116px; z-index:50;}
#menu a#item6:hover {background-position: 0 -145px; z-index:50;}
#menu a#item7:hover {background-position: 0 -174px; z-index:50;}
#menu a#item8:hover {background-position: 0 -203px; z-index:50;}

#menu a#item11 {background-position: 0 0; z-index:50;}
#menu a#item22 {background-position: 0 -29px; z-index:50; }
#menu a#item33 {background-position: 0 -58px; z-index:50; }
#menu a#item44 {background-position: 0 -87px; z-index:50; }
#menu a#item55 {background-position: 0 -116px; z-index:50; }
#menu a#item66 {background-position: 0 -145px; z-index:50; }
#menu a#item77 {background-position: 0 -174px; z-index:50;}
#menu a#item88 {background-position: 0 -203px; z-index:50;}

.prozirno {
display: none;
}

.anythingSlider                             { width: 615px; height: 271px; position: relative; margin: 11px auto 11px 11px; }
.anythingSlider .wrapper                { width: 615px; overflow: auto; height: 271px; margin: 0; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul            { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: transparent; margin: 0; }
.anythingSlider ul li                       { display: block; float: left; padding: 0;  width: 615px; height: 271px; margin: 0; }
.anythingSlider .arrow                   { display: block; height: 54px; width: 44px; background: url("http://marmi-media.hr/slike/arrows2.png") no-repeat 0 0; text-indent: -9999px; position: absolute; top: 105px; cursor: pointer; }
.anythingSlider .forward                 { background-position: 0 0; right: -10px; }
.anythingSlider .back                    { background-position: -44px 0; left: -10px; }
.anythingSlider .forward:hover        { background-position: 0 -54px; }
.anythingSlider .back:hover           { background-position: -44px -54px; }

.anythingSlider h3                     { font-family: Arial, Verdana; font-weight: normal; font-size: 22px; color: #fff; line-height: 28px; margin: 20px 0 0 50px; }
.anythingSlider p                       { font-family: Arial, Verdana; font-weight: normal; font-size: 14px; color: #fff; margin:10px 0; line-height: 18px; margin: 20px 0 0 50px; }

#thumbNav                               { position: relative; top: 251px; text-align: right; background: url("http://marmi-media.hr/slike/linija-bg.png") }
#thumbNav a                             { color: #fff; font-family: Arial, Verdana; font-size: 11px; line-height: 20px; font-weight: bold; display: inline-block; padding: 2px 8px; height: 16px; margin: 0 5px 0 0; }
#thumbNav a:hover                      { background-image: none; }
#thumbNav a.cur                         { color: #fff; background: #195493; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

#box1 {
float: left;
background: url("http://marmi-media.hr/slike/box-lijevo.jpg") top left no-repeat;
width: 310px;
height: 134px;
margin: 0 17px 0 0;
padding: 0;
}

#box2 {
float: left;
background: url("http://marmi-media.hr/slike/box-sredina.jpg") top left no-repeat;
width: 310px;
height: 134px;
margin: 0 17px 0 0;
padding: 0;
}

#box3 {
float: right;
background: url("http://marmi-media.hr/slike/box-desno.jpg") top left no-repeat;
width: 310px;
height: 134px;
margin: 0;
padding: 0;
}

#box1 p, #box2 p, #box3 p {
float: left;
width: 276px;
height: 71px;
font-family: Arial, Verdana;
font-size: 11px;
line-height: 15px;
color: #f0f0f0;
padding: 0 17px 0 17px;
}

#box1 h2, #box2 h2, #box3 h2 {
float: left;
width: 293px;
height: 42px;
font-size: 18px;
color: #93ec02;
line-height: 50px;
padding: 0 0 0 17px;
font-family: Arial, Verdana;
font-weight: normal;
}

#box1 h2 a { color: #ff6060; }
#box1 h2 a:visited { color: #ff6060; }
#box1 h2 a:active { color: #ff6060; }
#box1 h2 a:hover { color: #fcb9b9; }

#box2 h2 a { color: #7fe74c; }
#box2 h2 a:visited { color: #7fe74c; }
#box2 h2 a:active { color: #7fe74c; }
#box2 h2 a:hover { color: #c6f4b0; }

#box3 h2 a { color: #92ddff; }
#box3 h2 a:visited { color: #92ddff; }
#box3 h2 a:active { color: #92ddff; }
#box3 h2 a:hover { color: #cfeffd; }

.boxes div {background: url("http://marmi-media.hr/slike/boxes-bg.png") top left no-repeat; cursor:pointer;}
.boxes div.hover {background:transparent; cursor:pointer;}

.box-vise1, .box-vise2, .box-vise3 {
float: right;
text-align: right;
width: 256px;
height: 21px;
padding: 0 37px 0 17px;
font-size: 11px;
line-height: 20px;
font-weight: normal;
}

.box-vise1 a { color: #fd9c9c; }
.box-vise1 a:visited { color: #fd9c9c; }
.box-vise1 a:active { color: #fd9c9c; }
.box-vise1 a:hover { color: #fff; }

.box-vise2 a { color: #aee593; }
.box-vise2 a:visited { color: #aee593; }
.box-vise2 a:active { color: #aee593; }
.box-vise2 a:hover { color: #fff; }

.box-vise3 a { color: #bdeafe; }
.box-vise3 a:visited { color: #bdeafe; }
.box-vise3 a:active { color: #bdeafe; }
.box-vise3 a:hover { color: #fff; }

a.myPlayer { 
    display:block; 
    width: 300px; 
    height:165px;  
    text-align:center; 
    margin:0 0px 0px 0; 
    float:center; 
    border:1px solid #dbddde; 
}

a.myPlayer img { 
    margin-top:45px; 
    border:0px; 
} 

a.myPlayer:hover { 
    border:1px solid #ffa70f; 
}