/* #DDE7F8 svijetlo siva lines */
/* #4774CF svijetlo plava footer */
/* #00275D suman tamno plava */
/* #FFE01B suman zuta */

*{margin:0; padding:0;outline:none;}
a img{border:none;}
img {border:none;}
a:link, a:active, a:visited, a:hover {text-decoration:none;}
ol, ul {list-style: none;}
.clear{clear:both}
.clear10{clear:both;padding-bottom:10px;}
.clear30{clear:both;padding-bottom:30px;}
.clear60{clear:both;padding-bottom:60px;}
.clear30bord{clear:both;padding:15px 0px 15px 0px;margin-bottom:30px;border-bottom:1px solid #DDE7F8;}
html{background:url(http://www.suman.hr/media/520top-bck.jpg) top repeat-x;}
body {margin:0px auto 0px auto;font-family:Tahoma, Geneva, sans-serif;font-size:12px;color:#00275D;line-height:18px;}
#wrapper{width:980px; height:auto; margin:0px auto 0px auto; background:url(http://www.suman.hr/media/980shadow.jpg) repeat-y;}
#containerwrapper{width:980px; height:auto; background:url(http://www.suman.hr/media/top-bck.jpg) no-repeat;}
#container{width:920px;height:auto;background:url(http://www.suman.hr/media/bottom-shadow-bck.jpg) bottom no-repeat; padding:0px 30px 20px 30px;min-height:1700px;height:auto !important;height:1700px;}
#footerwrap{width:100%; height:auto; background:#4774CF;}
#footer{width:920px; height:auto; margin:0px auto 0px auto;padding:30px 0px 10px 0px;}
#footer p{color:#00275D; font-size:11px;}
#footer h3{color:#FFFFFF; font-size:18px;}
#footer h2{color:#00275D; font-size:18px;}
#footer a:link, #footer a:active, #footer a:visited{color:#00275D; text-decoration:underline;}
#footer a:hover {color:#FFFFFF; text-decoration:none;}
.footerbox, .footerboxfirst{width:208px; height:auto; padding:0px 10px 0px 10px;position:relative;float:left; min-height:300px;height:auto !important;height:300px;}
.footerbox{border-right:1px solid #557FD3;}
.footerboxfirst{border-left:1px solid #557FD3;}
#header{width:920px; height:100px;}
#content{width:920px; height:auto;}
#logo{width:199px; height:47px;position:relative;float:left;padding:45px 0px 0px 10px;}
#navigation{width:450px; height:65px;position:relative;float:right;padding:35px 20px 0px 0px;}
#topbar{width:900px; height:40px;padding:10px 10px 0px 10px;}
#topbartitle{width:auto; height:auto; float:left;}
#topbartitle h1{color:#FFFFFF;font-size:24px;line-height:30px;}
#topbarbreadcrumbs{width:auto; height:auto; float:right; text-align:right;}
#topbarbreadcrumbs a:link, #topbarbreadcrumbs a:active, #topbarbreadcrumbs a:visited{color:#FFFFFF;}
#topbarbreadcrumbs a:hover {color:#FFE01B; text-decoration:underline;}
#topbarbreadcrumbs p{color:#FFFFFF;font-size:11px;line-height:30px;}
#topbarbreadcrumbs p span{color:#FFE01B;font-size:11px;line-height:30px; font-weight:bold}
#main{width:520px; height:auto; float:left; position:relative; padding:10px 10px 0px 10px;}
/* sidebar */
#sidebar{width:320px; height:auto; float:right; position:relative; padding:0px 10px 0px 10px;}
.sidebarproductbox{width:310px;height:78px;float:left;position:relative;padding:8px 10px 8px 0px;border-bottom:1px solid #DDE7F8;}
.sidebarproductbox h2, .sidebarbox h2, .qualitybox h2{font-size:18px;line-height:18px;}
.sidebarproductbox h2 {padding:3px 0px;}
.sidebarproductbox p{font-size:11px;line-height:15px;}
.sidebarproductbox p a:link, .sidebarproductbox p a:active, .sidebarproductbox p a:visited{color:#00275D;text-decoration:none;border-bottom:1px dotted #4774CF}
.sidebarproductbox p a:hover {color:#00275D; text-decoration:none; border-bottom:none}
.sidebarproductbox h2 a:link, .sidebarproductbox h2 a:active, .sidebarproductbox h2 a:visited{color:#00275D;text-decoration:underline;}
.sidebarproductbox h2 a:hover {color:#00275D; text-decoration:none;}
.querybox a:link, .querybox a:active, .querybox a:visited{color:#00275D;text-decoration:underline;}
.querybox a:hover {color:#00275D;text-decoration:none}
.sidebarproductbox img{width:110px; height:70px; float:left; position:relative; padding:2px; border:1px solid #00275D;margin:0px 10px 10px 0px;}
.sidebarbox, .qualitybox{width:278px;height:auto;float:left;position:relative;padding:20px 20px 20px 20px;border:1px solid #DDE7F8;}
.querybox{width:258px;height:54px;float:left;position:relative;padding:10px 10px 0px 10px;}
.qualitybox p{font-size:11px;line-height:15px; padding-top:10px;}
#pagecontent{width:520px; height:auto; float:left; position:relative;padding:30px 0px 0px 0px;}
#pagecontent h2{font-size:24px;line-height:30px; padding-bottom:18px;}
#pagecontent h3{font-size:20px;line-height:26px; padding-bottom:12px;}
#pagecontent h4{font-size:11px;line-height:14px; padding-bottom:3px;color:#8595D9;text-transform:uppercase;font-weight:bold}
#pagecontent p{padding-bottom:18px;}
#pagecontent a:link, #pagecontent a:active, #pagecontent a:visited{color:#00275D;text-decoration:underline;}
#pagecontent a:hover {color:#00275D; text-decoration:none}
/* lists */
ul.thumbs-up {list-style-type:none; padding:15px; margin:0px 0px 0px 0px; line-height:18px; border:1px solid #DDE7F8}
ul.thumbs-up li {background:url(http://www.suman.hr/media/thumbs-up.jpg) no-repeat 3px 9px; padding:15px 40px 15px 40px;}
ul.arrow {list-style-type:none; padding:0px; margin:0px 0px 0px 0px; line-height:18px; clear:both}
ul.arrow li {background:url(http://www.suman.hr/carousel/arrows.gif) no-repeat -11px -30px; padding:7px 10px 7px 15px;}
ul.bullet {list-style-type:square; padding:0px; margin:0px 0px 12px 0px; line-height:18px; clear:both;position:relative;}
ul.bullet li {padding:0px 0px 5px 0px; list-style-position: inside;}

/* lavalamp */
.lavaLampBottomStyle {position:relative;height:29px;width:450px;padding:15px 0px 15px 0px; overflow: hidden;}
.lavaLampBottomStyle li {float:right;list-style:none;}
.lavaLampBottomStyle li.back {border-bottom:3px solid #FFE01B;width:9px;height:30px;z-index:8;position:absolute;}
.lavaLampBottomStyle li a {font-family:Tahoma, Geneva, sans-serif; font-size:14px;text-decoration:none;color:#FFFFFF;outline:none; text-align:center;letter-spacing:0;z-index:10;display:block;float:left;height:30px;position:relative;overflow:hidden;padding:7px 10px 0px 10px;}   
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {border: none;}
/* txt */
p{font-family:Tahoma, Geneva, sans-serif;font-size:12px;color:#00275D;line-height:18px;}
p.small{font-family:Tahoma, Geneva, sans-serif;font-size:11px;color:#00275D;line-height:15px;}
h1, h2, h3, h4, h5, h6{font-family:"Times New Roman", Times, serif;color:#00275D;font-weight:normal;}
/* imgs */
.floatleft{float:left;margin:0px 10px 10px 0px;}
.floatright{float:right;margin:0px 0px 10px 10px;}
.floatleftbord{float:left;margin:3px 10px 10px 0px;padding:2px; border:1px solid #00275D}
.floatrightbord{float:right;margin:0px 0px 10px 10px;padding:2px; border:1px solid #00275D}
.imgbrd1{border:1px solid #00275D}

a.fan img {float:left;margin:3px 10px 10px 0px;padding:2px; border:1px solid #00275D}
/* MORE BUTTON */
#pagecontent .morebtn{padding-top:0px;padding-bottom:0px;line-height:15px;font-size:10px;font-weight:bold;text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; }
#pagecontent .morebtn a:link, #pagecontent .morebtn a:visited, #pagecontent .morebtn a:active{padding:6px 20px;color:#FFFFFF;background:#001E4C url(http://www.suman.hr/media/btn-bck.jpg) top repeat-x;text-decoration:none; border:1px solid #001E4C;}
#pagecontent .morebtn a:hover {color:#00275D;text-decoration:none;background:#FFEF8D url(http://www.suman.hr/media/btn-bck.jpg) bottom repeat-x;border:1px solid #E1C600;}
/* tabs*/
ul.tabs{float:left;list-style:none;height:28px;border-bottom:1px solid #E5E8ED;border-left:1px solid #E5E8ED;width:320px}
ul.tabs li{float:left;height:27px;line-height:27px;border:1px solid #E5E8ED;border-left:none;margin-bottom:-1px;background:#F1F6FC;overflow:hidden;position:relative;}
ul.tabs li a{text-decoration:none;color:#00275D;display:block;font-size:11px;padding:0px 11px;outline:none}
ul.tabs li a:hover{background:#FFE01B}
html ul.tabs li.active,html ul.tabs li.active a:hover{background:#fff;border-bottom:1px solid #fff}
.tab_container{border:1px solid #E5E8ED;border-top:none;clear:both;float:left;width:318px;height:auto}
.tab_content{padding:10px 20px 0px 20px;}
.tab_content a:link, .tab_content a:active, .tab_content a:visited{color:#00275D;text-decoration:underline;}
.tab_content a:hover {color:#00275D; text-decoration:none}
.tab_address, .tab_contact, .tab_time{border-bottom:1px solid #E5E8ED;float:left;width:198px;height:60px;position:relative;padding:10px 0px 10px 80px;}
.tab_address{background:url(http://www.suman.hr/media/globe.jpg) center left no-repeat;}
.tab_contact{background:url(http://www.suman.hr/media/people.jpg) center left no-repeat;}
.tab_time{background:url(http://www.suman.hr/media/clock.jpg) center left no-repeat;border-bottom:none;}
/* carousel */
#carouselholder{width:520px; height:334px; float:left; position:relative;}
.carouselwrap {position:absolute;width:520px;font-family:Tahoma, Geneva, sans-serif;color:#001E4C;font-size:12px;}
.clearLink {display: block !important; overflow: hidden;height: 0 !important;cursor: pointer;}
.arrowLft,.arrowRit,.arrowDownLft,.arrowDownRit,.arrowUpLft,.arrowUpRit{background:url(http://www.suman.hr/carousel/arrows.gif) no-repeat !important}
.arrowLft{background-position:0 0 !important;padding:0px 0 2px 11px !important}
.arrowRit{background-position:right -40px !important;padding:0px 11px 2px 0 !important}
.carousel {overflow: hidden;}
.carousel-element h4 {display: none;}
.carousel-element a.fullSize {display: block;}
.carouselFade .carousel-container, .carouselSwitch .carousel-container{position: relative;}
.carouselFade .carousel-element, .carouselSwitch .carousel-element {position: absolute;top:0; left: 0;width: 100%; display: block;}
.carouselSlide .carousel-element, .carouselNoSlide .carousel-element {float: left;display: block;_display: inline;}
.carouselNoSlide .carousel-container {border-bottom: none !important;}
.carousel-nav {position: relative;height: 25px;margin: 8px 0 0 0;padding-top:7px;visibility:hidden}
.carousel-nav a {color: #001E4C !important;font-weight: normal;}
.carousel-nav-left{position:absolute;top:0;left:5px}
.carousel-nav-left a{background-position:0 0 !important}
.carousel-nav-right{position:absolute;top:0;right:5px}
.carousel .carousel-nav-right a{background-position:right -40px !important}
.carousel-progress{position:absolute;left:50%;float:left;text-align:left;padding-top:8px;}
.carousel-progress ul{position:relative;left:-50%;_left:-55%}
.carousel-progress li{float:left;position:relative}
.carousel-progress li a{float:left;background:url(http://www.suman.hr/carousel/carouselProgress.gif) -20px 0 no-repeat;width:14px;padding-top:14px;margin:0 3px;_margin:0 0 0 3px;_display:inline}
.carousel-progress li a.active{background-position:0 0;cursor:default}
.carousel-container, .carousel-element, a.fullSize{height:300px;width:100%}
a.leftHalf, a.rightHalf{height:249px;width:50%;position:absolute;top:0;left:0}
a.rightHalf{left:50%}
.carousel-nav{position:relative;height:30px;margin:0 0px;}
.carousel-nav-left, .carousel-nav-right{top:13px}
/* end carousel */
/* #DDE7F8 svijetlo siva lines */
/* #4774CF svijetlo plava footer */
/* #00275D suman tamno plava */
/* #FFE01B suman zuta */
/* tablecloth */
table, td{color:#00275D;}
table {width:100%;border-collapse:collapse; background:url(http://www.suman.hr/media/tr_back.jpg) top no-repeat;}
th, td{text-align:left;padding:10px;border-bottom:1px solid #fff;border-left:1px solid #fff;}
th{ color:#fff;}
td{background:#F1F6FC;}
tr.even td{background:#D7E6F7;}
tr.odd td{background:#F1F6FC;}
td.over, tr.even td.over, tr.odd td.over{background:#FFE01B; color:#00275D;}
td.down, tr.even td.down, tr.odd td.down{background:#FFE01B;color:#00275D;}
td.selected, tr.even td.selected, tr.odd td.selected{background:#FFE01B; color:#00275D;}
td a:link, td a:active, td a:visited{color:#00275D;text-decoration:none}
td a:hover {color:#00275D;text-decoration:underline}

.map-magnify{width:160px; height:20px;position:relative;float:right;padding:80px 0px 0px 0px;background:url(http://www.suman.hr/media/karta-povecalo.jpg) right no-repeat;}
.contact-info{width:320px; height:100px;position:relative;float:left;padding:0px 0px 0px 0px;}
.map{border:1px solid #00275D;padding:2px}

.fl260{width:300px; height:auto;position:relative;float:left;padding:0px 0px 0px 0px;}
.fr260{width:200px; height:auto;position:relative;float:right;padding:0px 0px 0px 0px; text-align:right}

.fl260a{width:190px; height:auto;position:relative;float:left;padding:0px 0px 0px 0px;}
.fr260a{width:310px; height:auto;position:relative;float:left;padding:0px 0px 0px 5px; text-align:left}

.fl260b{width:260px; height:auto;position:relative;float:left;padding:0px 0px 0px 0px;}
.fr260b{width:260px; height:auto;position:relative;float:left;padding:0px 0px 0px 0px;}

/* ---obrazac--- */
p.obrazac {line-height:12px; font-weight:bold; padding-bottom:0px; padding-top:6px;}
.obrazacbox{padding:3px 3px 3px 3px;}
.obrazacsend{border:1px solid #00275D; padding:6px 12px 6px 12px; font-size:12px; color:#FFFFFF; font-weight:bold; line-height:15px; cursor:pointer; margin-top:10px; background-color:#00275D}

#pagecontent h2.akcija { color:#00275D; padding:5px; margin-bottom:10px; display:block; text-align:center; background:#FFE01B; font-size:1.4em; }
#pagecontent h2.akcija-vece { color:#00275D; padding:5px; margin-bottom:10px; display:block; text-align:center; background:#FFE01B; font-size:2.2em; }
	#pagecontent h2.akcija-vece a { font-size:0.6em; font-style:italic; }
#pagecontent div.akcija { color:#00275D; padding:5px 15px 0 15px; margin:0 0 20px 0; display:block; text-align:center; background:#FFE01B; font-size:1.4em; text-align:left;  }
	#pagecontent div.akcija p { margin:0; }