/* RESET
------------------------------ */
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;border:0;outline:0;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}
table tr td {padding: 3px;}
/* GENERAL STYLES
------------------------------ */
/* elements */
body {font:normal 62.5% Tahoma;background:#fff url(../images/bg.jpg) no-repeat top center;color:#787777;padding:0 0 2em;}
a {color:#787777;}
a:hover {text-decoration:none;}
p {margin:0 0 0.5em; line-height:1.35em;font-size:1em;}
li { line-height:1.35em;}
input[type=submit], button {cursor:pointer;}
h1 {color:#009932; margin-bottom:15px;font-size:2.2em;}
h2 {color:#009932; margin:0.6em 0; font-size:1.2em;}
h3 {color:#009932; margin:1em 0 0.3em 0; font-size:1em;}
/* basic layout */
#site {font-size:1.2em; width:941px; margin:0 auto;}
#header {background:#fff; height:242px;}
#header.home{background:#fff; height:282px;}
#body {background: #fff url(../images/bg-site.jpg) repeat-x bottom left; padding:0 22px 0 26px; width:893px;min-height:300px;height:auto !important;height:300px;}
#content {padding-top:10px;}
#contentIns {padding:10px 0px 0px 0px; width:655px;float:left;}
#sidebar {width:218px; float:right; padding:15px 0 0 0;margin:0px;}
#footer {background:#f2f5f7; float:left; width:893px; padding:0 22px 0 26px;}
#footer li { line-height:normal;}
/*HEADER
--------------------------------*/
#top {background:url(../images/header.png) no-repeat 0 0; height:44px; text-align:right; margin-top:10px;}
#logo {background:url(../images/logo.gif) no-repeat 0 0; width:532px; height:36px; float:left; text-indent:-9999px; margin:8px 0 0 26px;}
#header .cz {background:url(../images/logo-cz.gif) no-repeat 0 0; width:518px;}
#header .hr {background:url(../images/logo-hr.gif) no-repeat 0 0; width:580px;}
#header .ro {background:url(../images/logo-ro.gif) no-repeat 0 0; width:444px;}
#header .mk {background:url(../images/logo-mk.gif) no-repeat 0 0; width:790px;}
#header .pl {background:url(../images/logo-pl.gif) no-repeat 0 0; width:450px;}
#header .rus {background:url(../images/logo-rus.gif) no-repeat 0 0; width:694px;}
#logoKrka {background:url(../images/logoKrka.gif) no-repeat 0 0; width:101px; height:37px; float:right; text-indent:-9999px; margin:0 0 0 0;}
#headBannerIns {padding: 20px 0 0 26px; width:893px; height:152px; float:left;}
#search {float:right;background:transparent url(../images/search.gif) no-repeat scroll 0 0;padding:2px 2px 2px 6px;width:176px;}
#top .cz, #top .hr, #top .mk {background:transparent url(../images/search-cz.gif) no-repeat scroll 0 0;width:212px;}
.searchInput {float:left;border:1px solid white;color:#787777;padding:0px;font-size:0.9em;height:14px;line-height:14px;width:120px;}
.searchButton {background:none; height:16px; width:37px; border:none;color:#FFFFFF;padding:0px;float:left;margin:-1px 0 0 10px;}
#top .cz .searchButton, #top .hr .searchButton, #top .mk .searchButton {width:78px;margin:-1px 0 0 8px;}
/*CONTENT
--------------------------------*/
#content ul, #contentIns ul, .tabs-container ul {margin:0 0 0.5em;padding:0 0 5px 17px}
#content ul li, #contentIns ul li, .tabs-container ul li{background:url(../images/bullet.gif) no-repeat 0 6px; padding:0 0 0 10px; margin:0.5em;}
#body ul.alert li {background:url(../images/bullet-alert.gif) no-repeat 0 0px;}
#body ul.hint li {background:url(../images/bullet-hint.gif) no-repeat 0 0px;}
#body ul.alert li, #body ul.hint li {padding:3px 0 0 30px; margin:8px 0px;line-height:17px;min-height:25px;height:auto !important;height:25px;}
#content ul.hint, #contentIns ul.hint, .tabs-container ul.hint, #content ul.alert, .tabs-container ul.alert {padding:0 0 5px 0px !important;}
#content ol li, #contentIns ol li, .tabs-container ol li{margin:0.5em;}
#content ol, #contentIns ol, .tabs-container ol {margin:0 0 0.5em;padding:0 0 5px 27px}
#containerTabs ul.tabs-nav, #containerTabs ul.tabs-nav li {margin:0px;padding:0px;background:none;}
#containerTabs {float: left; margin-top: -20px;}
#contentIns #infoProduct {float: left; width: 330px; margin-right: 15px;}
#contentIns #infoProduct .logo {position:relative;top:3px;}
/*NAVIGATION
--------------------------------*/
ul#navigation {}
/*FOOTER
--------------------------------*/
#footer ul {float:left;}
#footer ul li {float:left; padding-right:70px;}
#footer ul.cz li, #footer ul.hr li, #footer ul.ro li, #footer ul.rus li {padding-right:50px;}
#footer ul.mk li {padding-right:45px;}
#footer ul.pl li {padding-right:100px;}
#footer ul li.last {padding-right:65px;}
#footer ul li a {text-decoration:none;}
#footer ul li a:hover {text-decoration:underline;}
#footer ul li ul li {float:none; margin:7px 0;padding:0px !important;}
#footer ul li ul {float:none;}
/*BOXES
--------------------------------*/
/*Head banner*/
#headBanner {padding: 20px 17px 0 26px; width:893px; height:215px; float:left; position:relative;}
#content .razmere {float:left;margin-right:10px;}
/*Home Box*/
#content .homeBox {background:url(../images/homeBox.gif) no-repeat 0 0; width:863px; padding:15px 15px 0 15px;float:left;}
#content .homeBox p {font-size:1.2em; line-height:1.35em;}
#content .homeBoxLeft {float:left; width:626px;}
#content .homeBoxRight {float:right; width:207px;}
#content .endHomeBox {background:url(../images/homeBoxEnd.gif) no-repeat 0 0; float:left; width:893px; height:12px; margin-bottom:15px;}
#content .homeBox ul {margin:0; position:relative;padding:0px;float:left;}
#content .homeBox ul li{background:none; padding:0; margin:0;display:inline-block;}
#content .homeBox ul li.one #lol {display:none;}
/*#content .homeBox ul li.one:hover #lol {display:block; position:absolute; background:#fff; top:0; right:0; width:526px; height:255px;}*/
#content .homeBox ul li.two #lol1 {display:none;}
/*#content .homeBox ul li.two:hover #lol1 {display:inline-block; position:absolute; background:#fff; top:0; right:0; width:526px; height:255px;}*/
img.bottom {position:absolute;bottom:0;right:0px;}
#content .homeBoxRight a.special {margin:0px !important;}
#content .homeBoxRight .imgLeft {margin-right:0;}
#content .homeBoxRight .two a.special {margin:20px 0px 0px 0px !important;}
#content .homeBoxRight .one a.special {margin:5px 0px 5px 0px !important;width:195px;padding-bottom:5px;border-bottom:1px solid #e4e4e4;}
#lol .imgRight{margin:0px 0px 20px 20px;}
#content .homeBoxLeft a.video {float:left; padding-right:20px;}
.homeBox a.more {font-size:1em;}
.homeBox li.two a.more {margin:20px 0 0 0 !important;width:95px;}
/*Medium Box*/
#content .mediumBox {background:url(../images/mediumBox.gif) no-repeat 0 0; width:437px; padding:0px; float:left; height:216px; margin-right:10px;}
#content .mediumBox h2, #content .box h2, #containerTabs h2.first {margin-top:0px;}
.mediumBox .medLeft {float:left;padding-right:15px;margin:15px;width:245px;border-right:1px solid #E4E4E4;display:inline;}
.mediumBox .medRight {float:left;width:131px;height:185px;background:url(../images/medRight.gif) no-repeat top right;padding:15px 15px 15px 0;margin:0;}
.mediumBox img {margin-bottom:11px;}
#content .mediumGame {padding:15px;width:407px;height:186px;}
#radio_spot {margin-top:15px;}
/*box*/
#content .box {background:url(../images/box.gif) no-repeat 0 0; width:188px; height:186px; padding:15px; float:left;}
#content .box.left {margin-right:10px;}
#content .box ul li {font-size:1.2em; background:url(../images/bullet.gif) no-repeat 0 7px; margin:4px 10px; padding:0 0 0 15px;zoom:1;}
#content .game {margin-right:10px;}
#content .game img {margin-bottom:7px;}
#content .box img {margin-bottom:11px;}
#content a.button {margin:5px 0 0 0;}
/*sidebarBox*/
#sidebarBox {background:url(../images/sidebar-box.gif) no-repeat 0 100%; padding-bottom:10px; margin-bottom:10px; float:left; width:218px;}
#sidebar #sidebarBox h2 {background:url(../images/sidebar-h2.gif) no-repeat 0 0; padding:7px 10px; margin:0px; font-size:1.3em;width:91%;}
#sidebarBox ul li {margin:5px 10px; font-size:1.2em;}
#sidebarBox a:hover {text-decoration:none;}
/*sidebar regular box*/
#sidebar .box {background:url(../images/box.gif) no-repeat 0 0; width:188px; height:186px; padding:15px; float:left;}
#sidebar .box h2 {margin-top:0px;}
#sidebar .box img {margin-bottom:11px;}
/*askBox*/
#askBox {background:url(../images/askBox.gif) no-repeat 0 0; width:183px; height:31px; text-align:right; padding-right:35px; padding-top:8px; font-size:1.4em; float:left; margin:10px 0;}
#askBox a {text-decoration:none;}
#askBox a:hover {text-decoration:underline;}
/*Tag Cloud*/
#footer .tagcloud {background:url(../images/tagcloud.gif) no-repeat 0 0; width:198px; height:120px; padding:10px; float:right;}
#footer span.tag1 {font-size: 1.3em;}
#footer span.tag2 {font-size: 1.5em;}
#footer span.tag3 {font-size: 1.8em;}
#footer span.tag4 {font-size: 2.1em;}
#site #footer .tagcloud a {text-decoration:none;}
#site #footer .tagcloud a:hover {text-decoration:underline;}
#footer hr {height:1px; display:block; width:890px; border-bottom:0; border-left:0; border-right:0; border-top: 1px solid #e4e4e4; float:left; margin-top:10px;}
/*OTHER STUFF
--------------------------------*/
a.more {float:right; background:url(../images/more.gif) no-repeat right center; padding-right:12px; color:#009932; text-decoration:none; margin-right:5px !important; margin-right:2px; font-weight:bold; text-align:right;}
a.more:hover {text-decoration:underline;}
hr {height:1px; display:block; width:100%; border-bottom:0; border-left:0; border-right:0; border-top: 1px solid #e4e4e4; float:left;}
a.banner {float:left; margin-right:10px;}
a.caj {float:left;margin:15px 0;}
a.button {display:block; background:url(../images/play.gif) no-repeat 0 0; width:104px; height:22px; text-align:center; color:#fff; font-weight:bold; font-size:1.2em; float:left; text-decoration:none; padding-top:3px; margin:15px 0 0 10px;}
a.button:hover {text-decoration:underline;}
#bottom {width:941px; height:24px; float:left; background:url(../images/bottom.jpg) no-repeat 0 0;}
.imgLeft {float:left; margin-right:20px;}
.imgRight {float:right; margin-left:20px;}
a.moreRight {float:right; background:url(../images/more.gif) no-repeat 100% 0; padding-right:12px; color:#009932; text-decoration:none; margin-right:242px !important; margin-right:2px; font-weight:bold; text-align:right;}
a.moreRight:hover {text-decoration:underline;}
#sidebar a.moreRight {margin:0 !important;color:#787777;}
#sidebar h2 {float:left;width:100%;}
#web {float:right;}
#web a {text-decoration:underline;}
#web a:hover {text-decoration:none;}
#web a.izdelava {text-decoration:none;}
#copy {float:left;}
#copy span {margin-left:132px;}
/*#warning {float:right;margin-top:5px;border:1px solid #E4E4E4;width:195px;padding:10px;font-size:0.9em;}*/
#warning {float:left;margin-top:15px;font-size:1em;border:1px solid #67CF89;padding:0.6em 0 0.6em 32px;width:857px;font-size:1.2em;font-weight:bold;color:#67CF89;background:url(../images/warning.gif) no-repeat 12px center;}
#warning p {line-height:1.2em;}
#sestavina {float:left;margin-top:10px;width:100%;font-size:0.9em;}
a.button-sidebar {display:block; background:url(../images/play.gif) no-repeat 0 0; width:104px; height:22px; text-align:center; color:#fff; font-weight:bold; font-size:1.2em; float:right; text-decoration:none; padding-top:3px;}
a.button-sidebar:hover {text-decoration:underline;}
#sidebar p.preizkus {font-size:1.2em; margin-bottom:5px;}
/*tabele*/
table {
margin:0 0 7px 0;
/*border:1px solid #009932;*/
/*border-bottom:none;*/
width: 100%;
}
table td {
/*border-bottom:1px solid #009932;*/
padding:3px;
vertical-align: top;
}
.highlight td{
background-color:#F4FAF0;
}
.advanced th {
background-color:#F4FAF0;
font-weight:normal;
padding:3px;
}
.center {text-align:center;}
/*forme*/
#contentIns form ol li {
display:inline-block;
margin:5px 0;
width:100%;
list-style-type:none;
}
#contentIns form ol li label {
display:block;
float:left;
margin-right:5px;
text-align:right;
width:100px;
}
input#submitButton {
background:transparent url(../images/play.gif) no-repeat scroll 0 0;
border:medium none;
color:#FFFFFF;
font-family:tahoma;
font-size:1.2em;
font-weight:bold;
height:25px;
margin:0 0 0 105px;
padding:0 0 4px;
text-align:center;
width:104px;
}
input#submitButton:hover {text-decoration:underline;}
form#vprasalnikForm input, form#vprasalnikForm textarea {margin-right:15px;float:left;}
/*forma izpostavljenost test*/
#izpostavljenostCont {display:inline-block;border:1px solid #009932;background:#F5FAF7;padding:15px;}
#izpostavljenostCont h2 {margin-top:0px;}
#izpostavljenostCont form {float:left;width:65%;}
#izpostavljenostCont form input{float:left;}
#izpostavljenostCont form label{float:left;margin-left:5px;width:90%;}
#izpostavljenostCont #izpostavljenostResult {float:left;width:35%;}
form#izpostavljenost ul {padding:0px;margin:0px 15px;}
form#izpostavljenost ul li {background:none;padding:0px;margin:4px 0;display:inline-block;width:100%;}
#izpostavljenostCont #izpostavljenostResult p {color:#009932;font-weight:bold;}
#izpostavljenostResult #imgResult {background:url(../images/izpostavljenost1.gif);height:197px;width:140px;display:block;margin:10px 0 0 10px;}
/****misc****/
.productDisclaimer {float:left;width:576px;border:1px solid #CCCCCC;margin:10px 0pt 0pt 1px;padding:10px 13px;font-size: 0.9em;}
/*fb*/
.fb {position:relative;left:-191px;top:-23px;}
/* DEVELOPMENT
------------------------------ */
.hidden {display:none;}
/* HACKS
------------------------------ */
.clear, #content {display:inline-block;}
.clear:after, #content .homeBox:after, #header:after, #content:after, #footer:after, #site:after, #content .homeBox ul li.two:after, #body:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}