/* =================================== *\
|  xHTML/CSS Structure                   |
|  Date: Septembre 2009                  |
|  Autor I Blogowski.com                 |
\* =================================== */

:link,:visited { text-decoration:none; color:#35B7DC; } ul,ol { list-style:none } * {margin:0; padding:0} address { font-style:normal } fieldset { border: 0; } 
img{border:none; background:none;} a img {border: 0 none;} h1, h2, h3, h4, h5, h6{margin:0; padding:0;} :focus {-moz-outline-style: none;} .clear {clear:both;}

body {background:#DFDEDE; font-family: Arial, Helvetica, sans-serif; color:#666; font-size:1em; margin:0; padding:0;}
#wrapper {margin:0 auto; padding:0; width:990px;}

div.header {
    width:990px;
    height:326px;
    background:transparent url(../img/bg_header.jpg) no-repeat 0 0;
    margin:30px 0 0 0;
}
    div.description {
        float:left;
        display:block;
        width:560px;
        margin:30px 0 0 50px;
        line-height:1.5em;
        color:#DFF3F9;
        font-size:150%;
    }
    div.description a:link, div.description a:visited {color:#DFF3F9; background:#27AACE;padding:0 5px;}
    div.description a:hover {color:#FBAB19;}
    h1 {
        padding:0; 
        margin:30px 0 0 30px;
        width:343px; 
        height:120px;
        float:left;
    }
    h1 a:link, h1 a:visited, h1 a:focus, h1 a:hover, h1 a:active {
        display:block;
        width:343px; 
        height:120px;
        text-indent:-9999px;
        background:transparent url(../img/tweetokracija.jpg) 0 0 no-repeat;
    }

div.subtitle {
    width:990px;
    height:90px;
    background:transparent url(../img/bg_subtitle.jpg) no-repeat 0 0;
    margin:30px 0;
    color:#fff;
    font-size:130%;
}
    div.subtitle p {padding:30px 0 0 30px;}
    div.subtitle a:link, div.subtitle a:visited {color:#DFF3F9; background:#EE990E;padding:0 5px;font-weight:bold;}
    div.subtitle a:hover {color:#97E0F5;}

div.content {
    width:630px;
    float:left;
    font-size:100%;
}
    div.top_content {
        width:630px;
        height:19px;
        background:transparent url(../img/top_content.jpg) no-repeat 0 0;
    }
    div.middle_content {
        background:#fff;
        padding:10px 30px 0 30px;
        line-height:1.6em;
    }
        div.content h2 {font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;font-size:100%;color:#333;font-weight:bold;text-transform:uppercase;margin:10px 0;}
        div.middle_content p {margin:10px 0}
        div.middle_content ul {}
        div.middle_content ul li {background:transparent url(../img/puce.jpg) no-repeat left top;padding:0 0 0 25px;margin:5px 0;}
        
        div.za_koga {margin:0 0 20px 0;}
        img.image_right {float:right;margin:0px 0 0 0;}
        img.imageleft_predavaci {border:1px solid #ccc; padding:2px; margin:0 15px 9px 0;float:left;}
        
        div.cilj {margin:0 0 20px 0;}
        div.pedagogija {margin:0 0 20px 0;}
        div.pro_aplikacija {margin:0 0 20px 0;}
        div.znanje {padding:0 0 20px 0;}
        div.predavaci {padding:0 0 20px 0;}
            div.predavaci img {float:right;border:5px solid #EAE8E8;margin:0 7px 7px 0;}
            div.predavaci_block {margin:0 0 20px 0;}
            div.predavaci_block a:link, div.predavaci_block a:visited {}
            div.predavaci_block a:hover {color:#fff;background:#35B7DC;}
        
    div.bottom_content {
        width:630px;
        height:19px;
        background:transparent url(../img/bottom_content.jpg) no-repeat 0 0;
    }
div.sidebar {
    width:345px;
    float:right;
}
    div.sidebar_top {width:345px;height:15px;background:transparent url(../img/sidebar_top.jpg) no-repeat 0 0;}
    div.sidebar_middle {width:345px;background:transparent url(../img/sidebar_middle.jpg) repeat-y 0 0;padding-bottom:20px;}
    div.sidebar_bottom {width:345px;height:12px;background:transparent url(../img/sidebar_bottom.jpg) no-repeat 0 0;}
    
    div.badge {padding:20px 0 0 20px;}
        div.prijava_top {width:270px;background:#35b7dc url(../img/prijava_top.jpg) no-repeat 0 0;color:#B2EEFF;padding:20px 0 10px 30px;margin:0;}
        div.badge h3 {font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif; 
color:#fff; margin-bottom:20px;font-weight:lighter;font-size:130%;}
        div.prijava_top a:link, div.prijava_top a:visited {background:#27A9CE;padding:2px 5px;color:#B2EEFF;}
        div.prijava_top a:hover {color:#FBAB19;}
        div.prijava_top p {line-height:1.6em;}
        
        div.cijena {background:#27A9CE;width:300px;color:#fff;padding:30px 0;text-align:center;font-size:110%;}
        div.cijena p {padding:0 0 0 30px;}
        div.cijena span {color:#B2EEFF;}
        span.prix {color:#fff !important;font-size:160%;}
        
        div.prijavi_se {width:300px;height:151px;background:transparent url(../img/prijavi_se.jpg) no-repeat 0 0;text-align:center;}
        div.prijavi_se img {margin:30px 0 0 0;}
        
        div.blok {margin:20px 0 0 20px;}
            div.blok_top {width:300px;height:10px; background:transparent url(../img/blok_top.jpg) no-repeat 0 0;;}
            div.blok_middle {width:300px;background:transparent url(../img/blok_middle.jpg) repeat-y 0 0;padding:15px 0 15px 30px;}
            div.blok_middle h4 {font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif; margin-bottom:10px;font-weight:lighter;font-size:110%;}
            div.blok_bottom {width:300px;height:10px; background:transparent url(../img/blok_bottom.jpg) no-repeat 0 0;;}
            
            div.preporuke {width:240px;font-size:90%;text-align:justify;margin-bottom:20px;}

/*----------------------------*/

div.content_prijava {
    width:990px;
    margin:30px 0 0 0;
}
    div.top_content_prijava {width:990px;height:20px;background:transparent url(../img/top_content_prijava.jpg) no-repeat 0 0;}
    div.middle_content_prijava {background:transparent url(../img/middle_content_prijava.jpg) repeat-y 0 0;padding:10px 30px 5px 30px;}
    div.bottom_content_prijava {width:990px;height:20px;background:transparent url(../img/bottom_content_prijava.jpg) no-repeat 0 0;}

    div.middle_content_prijava h2 {font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;font-size:100%;color:#333;font-weight:bold;text-transform:uppercase;margin:0;}
    div.middle_content_prijava p {margin:10px 0}
    div.middle_content_prijava ul {}
    div.middle_content_prijava ul li {background:transparent url(../img/puce.jpg) no-repeat left top;padding:0 0 0 25px;margin:5px 10px 5px 0;}
    div.middle_content_prijava em {font-style:normal;background:#eee;padding:0 5px;}

/*--------------------------*/

form#send_forma {width:650px;margin:30px 0 0 30px;border-top:3px double #ccc;padding-top:10px;}
    p.nosec {clear:both;padding:10px 0;}
    p.nosec label {width:250px;float:left;text-align:right;margin:0 10px 0 0;}
    p.nosec label span {font-size:110%;color:#f98905;}    
    p.nosec select {width:50px;padding:5px;}
    p.nosec input {width:300px;float:left;padding:5px 7px;font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;}
    p.nosec  textarea {width:300px;height:200px;padding:3px 7px;font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;font-size:80%;}
    p.send input {padding:5px;width:150px;margin:0 0 0 260px;}
    div.alerte {color:#f98905;border:1px solid #ccc;padding:20px;}
    
    p.qkom {padding:10px 0 !important;}
    .qkom input {width:20px !important;margin:5px 0 0 0;}

    .focus {background: #ff9 !important;}

/*----------------------*/

div#mc_embed_signup {margin:20px 0 0 20px;}
    div.signup_Top {width:300px;height:92px;background:transparent url(../img/signup_Top.jpg) no-repeat 0 0;padding:0 0 0 30px;}
    .signup_Top h4 {font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;font-weight:lighter;font-size:110%;color:#fff;padding-top:15px;}
    .signup_Top p {color:#B2EEFF;font-size:90%;padding:10px 0 0 0;}
    
    form.validate {width:300px;background:transparent url(../img/mc_embed_signup_FORM.jpg) repeat-y 0 0;padding-bottom:20px;}
    
    div.mc-field-group {margin:0 0 0 30px;clear:both;padding:5px 0}
    div.mc-field-group label {width:80px;float:left; color:#B2EEFF;font-size:90%;padding:3px 5px 0 0;}
    div.mc-field-group input {width:155px;float:left;background:#27A9CE;padding:2px 5px;border:1px solid #1795B8;color:#B2EEFF;}
    
    div.submit_newsletter {margin:30px 0 0 115px;clear:both;}
    
    div.signup_bottom {width:300px;height:22px;background:transparent url(../img/signup_bottom.jpg) no-repeat 0 0;}
    
    div#mce-success-response, div#mce-error-response {color:#fff;padding:10px 5px 10px 30px;}

/*---------------------------------*/

div.twitter_update {width:238px;}
    div.update_top {width:238px;height:14px;background:transparent url(../img/update_top.jpg) no-repeat 0 0;}
    div.update_bottom {width:238px;height:40px;background:transparent url(../img/update_bottom.jpg) no-repeat 0 0;}
    
    ul#twitter_update_list {color:#fff;padding:10px 10px 20px 30px;background:transparent url(../img/twitter_update_list.jpg) repeat-y 0 0;}
    
    ul#twitter_update_list a:link, ul#twitter_update_list a:visited {color:#B2EEFF;text-decoration:underline;}
    ul#twitter_update_list a:hover {text-decoration:none;color:#fff;}
    div.update_bottom p {
        padding:15px 50px 0 0; 
        margin:0;
        width:144px; 
        height:22px;
        float:right;
    }
    div.update_bottom p a:link, div.update_bottom p a:visited, div.update_bottom p a:focus, div.update_bottom p a:hover, div.update_bottom p a:active {
        display:block;
        width:144px; 
        height:22px;
        text-indent:-9999px;
        background:transparent !important;
    }


div.footer {
    width:990px;
    clear:both;
    padding:10px 0 10px 10px;
}

/*---------Dodato------------------*/
h3.rasprodato {color:#f7bc1d;}
img.ptica_right {float:right;}

/*-----------Table raspored---------------------*/
table.raspored {width:550px;}
table.raspored td {padding:2px 8px;}
tr.gris {background:#eae8e9;color:#b2b0b1;}
tr.plavo {background:#a4e7fa;color:#1684a2;}

td.table_espace {width:10px;}