﻿img{border:0;margin:0;}
body,html {
    margin:0;
    padding:0;
    border:0;
    width:100%;
    height:100%;
}
body {
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,p{ margin: 0; padding: 0; border: 0; vertical-align: baseline; margin-bottom:30px; }
table {
    margin:0;
    padding:0;
    border:0;
    width:100%;
    height:100%;
    vertical-align:top;
    margin-bottom:20px;
}
.content .section th,.content .section td{text-align:left;font-size:1.3em; color:#555555;border-bottom:solid 1px #DEDEDE;}
.pt{cursor:pointer;}
td{vertical-align:top;}
a { color: #FFFFFF; text-decoration: none; cursor: pointer; }
a:hover { color: #FFFFFF; text-decoration: underline;  }
header{
    height:40px;
    background-color:#000000;
    opacity:0.2;
    position:absolute;
    top:0;
    display:none;
}
.buttons {
    height:50px;
    overflow:visible !important;
    cursor:pointer;
    z-index:1000;
}
.titles{
    height:25px;
    position:relative;
    top:-38px;
    cursor:pointer;
    z-index:1000;
}
.titles a:hover { text-decoration: none;  }
.buttons img {
    position:relative;
    top:-10px;
}
.titles span {
    display:inline-block;
    width:192px;
    font-size:1.5em;
    text-align:center;
}
.buttons .selected { top:0 !important;}
.buttons img.hover {top:0 !important;}
.titles .hover {text-transform:uppercase !important;}
.titles .selected { text-transform:uppercase !important; }
.landing{margin-left:250px;font-size:1.7em;color:#808080;position:relative;bottom:140px;width:650px;}
.row {
    max-width: 960px;
    min-width: 960px;
    width: 100%;
    clear: both;
    margin: 0 auto;
    overflow: hidden;
}
.btn {
    background: url('../Images/button_small.png') center top repeat;
    width:135px;
    height:40px;
    padding-left:25px;
    vertical-align:middle;
    position:relative;
    cursor:pointer;
    display:block;
}
.btn1 {background: url('../Images/button_small1.png') center top repeat !important;}
.btn.selected {width:145px !important;}
.btn.hover {width:145px !important;}
.content { min-height:450px; background: url('../Images/bg_content.jpg') center top no-repeat; margin-bottom:20px;}
.content a{ color:blue;}
.content .section { padding:80px; color:#333333; }
.content .section p { font-size:1.3em; color:#555555; font-weight:400; }
.content .section ul li p { margin-bottom:5px; }
.content .section img { margin:20px; }

#vdihovalniki .animation,#dihalnevaje .animation{position:absolute;top:75px;margin-left:160px;width:799px;height:550px;}
#vdihovalniki .animation .text,#dihalnevaje .animation .text{position:absolute;top:380px;margin-left:528px;width:250px;height:150px;background-color:#FFFFFF;color:#999999;padding:10px;z-index:1000;}
#vdihovalniki .animation .text h2,#dihalnevaje .animation .text h2{margin:0;padding:0;display:inline-block;}
#vdihovalniki .animation .text p,#dihalnevaje .animation .text p{margin:0;margin-top:4px;padding:0;display:inline-block;font-size:1.2em;}
#vdihovalniki .animation .play,#dihalnevaje .animation .play{position:absolute;top:10px;margin-left:709px;background-color:#FFFFFF;color:#999999;padding:10px;}
#vdihovalniki .animation .play h2,#dihalnevaje .animation .play h2{margin:0;padding:0;display:inline-block;}
#vdihovalniki .animation .krogi,#dihalnevaje .animation .krogi{position:absolute;top:517px;left:140px;width:380px;text-align:center;}
#vdihovalniki .animation .krogi img,#dihalnevaje .animation .krogi img{position:static;display:inline-block;margin:2px;}
#vdihovalniki .animation img,#dihalnevaje .animation img {position:absolute;display:none;}
#dialog-message i {display:inline-block;vertical-align:middle;}

#kviz .vprasanje{font-size:1.7em;display:inline-block;width:100%;margin:0 0 30px 0;padding:20px;text-align:center;min-height:150px;background: url('../Images/white.png') center top repeat;}
#kviz .odgovori{display:inline-block;width:100%;margin:0 0 30px 0;text-align:center;}
#kviz .odgovor{display:inline-block;font-size:1.4em;background: url('../Images/footer.png') center top repeat;width:100%;margin:0 0 15px 0;padding:20px;color:#FFFFFF;-moz-border-radius:10px;border-radius:10px;cursor:pointer;}
#kviz .rezultat{font-size:1.7em;display:inline-block;width:100%;margin:0 0 30px 0;padding:20px;text-align:center;min-height:200px;background: url('../Images/white.png') center top repeat;-moz-border-radius:15px;border-radius:15px;}
#kviz .navodila{display:inline-block;width:100%;margin:0 0 30px 0;}

#footer { background: url('../Images/footer.png') center top repeat; height:450px; margin-bottom:50px;}
#footer table { padding:30px 30px 10px 30px;}
#footer h3 {
    font-size:1.1em;
}
#footer p {
    margin:3px;
    font-size:1em;
}
.sodelovanje{position:absolute;margin-left:157px;margin-top:-128px;display:none;}
.cookie{position:fixed;bottom:20px;left:20px; background-color:#C1C1C1;padding:30px;color:#000000;width:300px;z-index:2000;display:none;}

.social a{position:relative;top:13px;}
.social a.hover {top:10px !important;}
.sponzorji { background: url('../Images/sponzorji.png') center top repeat;}
.sponzorji td{ vertical-align:middle;padding:5px 0;}
.sponzorji img{margin:0 15px;vertical-align:middle;}

#dihalnevaje{ height:350px;}