/* Main CSS styles */

.cekat {

}

*{
    outline: 0px none white;
    outline-style: none;
    outline-width: 0px;
}

body{
    margin:0px;
    font-family: Varela Round;
/*    font-family:'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;*/
    font-size:14px;
    background-color: #6d6d6d;
    background-image:url('../images/bg_body.png');
    text-align: center;
}

a img{
  border:none;
}

a{
  text-decoration: none;
}

#div_glow{
    float:left;
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    overflow:auto;
    background-repeat: repeat-y;
    background-position: center top;
    background-color: white;
}

#div_center{
min-width: 700px;
    width:100%;
    margin:0 auto;
    text-align: left;
}

#div_center_bg_left{
    float:left;
    min-width: 700px;
    width:100%;
    background-image:url('../images/bg_left.png');
}

#div_center_bg{
    float:left;
    min-width: 700px;
    width:100%;
    min-height:100%;
    background-image:url('../images/bg_center.png');
    background-color: white;
}

#div_header{
    float:left;
    width:100%;
    height:228px;
min-width: 700px;
    background-color: #006991;
    
        background-image:url('../images/headeronlinecviceni.png');
        background-repeat: no-repeat;
        background-position: left;
}
/*
#div_header_top{
    float:left;
    width:100%;
    height:38px;
    background-color: #82BCDF;
}
*/

#div_logo{
    float:left; 
    margin:42px 0 0 2px;
    width:230px;
}

#div_logo img{
    float:left;
    margin-left:34px;
}

#div_logo span{
    float:left;
    width:100%;
    text-align: center;
    margin-top:11px;
    text-transform: uppercase;
    color:white;
    font-weight:bold;
    font-size:24px;
}

#a_klett_logo{
    float:right;
    width:177px;
    text-decoration: none;
    color:#1f4d6e;
    margin:26px 28px 0 0;
}

#a_klett_logo img{
    float:left;
}

#a_klett_logo span{
    float:left;
    color:#1f4d6e;
    font-weight:bold;
    margin-left:13px;
    font-size:16px;
}

.div_header_left span{
    float:left;
    color:white;
    text-transform: uppercase;
    font-size:16px;
    margin:9px 0 0 9px;
}

#div_right_column{
    float:left;
min-width: 700px;
        width:100%;

}

#question_bg{
margin-left: 11px;
min-width: 689px;
width: 689px;
     height: 100%;
     clear: both;

}

#formularmodul {
clear: both;
position: relative;
padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-color: #006991;
	color: white;
}

.div_header_right{
    float:left;
    width:100%;
    height:35px;
    background-color:#AB261D;
}

.div_header_right div{
    float:left;
    color:white;
    font-size:16px;
    margin:9px 30px 30px 9px;
}

.div_header_right div a {
	color: white;
}

.div_header_right div a:hover {
	color: #82bcdf;
}

h2{
    float:left;
    width:100%;
    border-bottom:1px #e5e5e5 solid;
    font-weight:bold;
    margin:0px;
    text-transform: uppercase;
    font-size:15px;
    margin-top:15px;
    height:35px;
}

h2 span{
    float:left;
    margin:8px 0 0 10px;
}

.div_select_c{
    float:left;
    width:100px;
    border:1px #e1e1e1 solid;
    text-align: center;
    margin:15px 0 0 15px;
    padding-bottom:15px;
    -moz-border-radius: 3px;
    border-radius: 3px;  
    cursor:pointer;  
    color:#434343;
}      

.div_select_c.book{
    width:120px;
    display:none;
}

.div_select_c.type{
    width:140px;
    height:160px;
}

.div_btn_genereate{
	 left: 20px;
    float:left;
    width:635px;
    height:45px;
    text-align: center;
    line-height:45px;
    text-transform: uppercase;
    color:white;
    text-decoration: none;
    background-color: #006991;
    margin:55px 35px 0 20px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
}

.div_btn_genereate:hover{
    background-color: #ab261d;
    text-decoration: underline;
}


.div_btn_genereate.back{
    background-color: #7fa2ab;   
}

.div_btn_genereate.back:hover{
    background-color:#628f9a;
}

.div_select_c:hover{
    border:1px #aeaeae solid;
    -moz-box-shadow:0px 0px 5px #b4b4b4;
    -webkit-box-shadow:0px 0px 5px #b4b4b4;
    box-shadow:0px 0px 5px #b4b4b4;  
}

.div_select_c.active{
    -moz-box-shadow:0px 0px 5px #b4b4b4;
    -webkit-box-shadow:0px 0px 5px #b4b4b4;
    box-shadow:0px 0px 5px #b4b4b4; 
    border:1px #1591b0 solid;
    background-color: #f1f7f9;
}

.div_select_c img{
    margin:15px 0 0 0;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    border:1px #aeaeae solid;   
}

.div_select_c span{
    float:left;
    width:90%;
    font-size:14px;
    margin:15px 0 0 5%;
}

.div_select_capitol_c{
    float:left;
    height:30px;
    border:1px #e1e1e1 solid;
    margin:15px 0 0 15px;
    -moz-border-radius: 3px;
    border-radius: 3px;  
    cursor:pointer;  
    color:#434343;  
    display:none;
}

.div_select_capitol_c select{
    border:none;
    float:left;
    width:430px;
    height:26px;
    margin:2px;
    margin-left:10px;
}




/* Otázky */

.div_classic_question_container{
    float:left;
    margin-left:5px;
    font-size:13px;
    margin-top:35px;
    border-bottom:1px #898989 dashed;
    padding-bottom:20px;
    width:670px;
}

.div_classic_question_container .div_numbers{
    float:left;
    width:20px;
    color:black;
    font-weight:bold;
}

.div_classic_question_container .div_title{
    float:right;
    width:650px;
    color:#262626;
    font-weight:bold;
}

.div_classic_question_container .div_comment{
    float:right;
    width:650px;
    color:#787878;


    margin-top:5px;
}

.div_classic_question_container .div_answers{
    float:right;
    width:650px;
    color:#262626;
}

.div_add_text_item{
    float:left;
    margin-top:10px;
    width:650px;
    position:relative;
}

.div_text_line{
    float:right;
    width:630px;
    position:relative;
}

.div_text_line select{
    border:1px #c05502 solid;
    background-color:#006991;
    color:white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    height:22px;
    behavior: url('./border-radius.htc');
    border-radius: 3px;       
}

.div_label_leg{
    float:right; 
    width:630px;
    margin-top:2px;
}

.div_text_line input{
    border:1px #c05502 solid;
    background-color:#006991;
    color:white;
    width:80px;
    height:20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;   
    behavior: url('./border-radius.htc');
    border-radius: 3px;  
}

.div_classic_question_container .div_checkbox{
    float:left;
    width:640px;
    margin-top:12px;
    margin-left:1px;
    cursor:pointer;
    position:relative;
}

.evaluation{
    float:left;
    position:absolute;
    left:-30px;
    top:-2px;
    width:25px;
    height:25px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: white;
}     

.div_anss{
  float:left; 
  margin-left:18px;

}



.div_classic_question_container .div_checkbox input{
    display:none;
}

.div_classic_question_container .div_checkbox_main{
    float:left;
    width:22px;
    height:22px;
    background-image:url('../images/bg_checkbox.png');
}

.div_classic_question_container .div_checkbox_main .div_checked{
    float:left;
    width:22px;
    height:22px;
    background-image:url('../images/bg_checkbox.png');
    background-position: left bottom;
    display:none;
}

.div_classic_question_container .div_label{
    float:right;
    width:590px;
    margin-top:3px;
}

.div_classic_question_container .div_alphabet{
    float:left;
    width:18px;
    margin-top:2px;

    color:#959595;
}



.correct .evaluation{        
    background-image:url('../images/bg_correct_icon.png');
}

.div_left_part{
    float:left;
    width:300px;
    margin-top:15px;
}


.div_left_part .div_item_n_m{
    float:left;
    width:270px;
    text-align: right;            
    padding:7px 0 7px 0;
    margin:1px 0 0 0;
}

.div_right_part{
    float:right;
    width:320px;

    margin-top:15px;
}

.div_right_part .div_right_item_mover{
    float:left;
    padding:7px 0 7px 15px;
    width:305px;
    position:relative;
    background-color: #006991;
    border:1px #c05502 solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    behavior: url('./border-radius.htc');
    border-radius: 3px;  
    color:white;  
    background-image:url('../images/bg_dotted_mover.png');
    background-repeat: no-repeat;
    background-position: 5px center;
    cursor:move;
    margin-top:8px;
}

.div_right_part .div_right_item_mover .div_evaluation_m{
  left:-332px;
}


.div_moving_world{
    float:left;
    width:auto;
    height:20px;
    background-image:url('./pic/bg_moving_m.png');
    line-height:20px;
    background-color: #006991;
    color:white;
    margin-right:8px;
    margin-top:8px;
    padding:4px 10px;
    cursor: move;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;  
}

.div_moving_world.ui-highlight{
    float:left;
    width:8px;
    height:20px;
    line-height:20px;
    background-color: #eac55d;
    color:white;
    margin-right:8px;
    margin-top:8px;
    padding:4px 10px;
    cursor: move;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;  
}


.div_evaluation_m{  
    float:left;
    display:nonae;
    position:absolute;
    left:-28px;
    top:3px;
    width:25px;
    height:25px;
    background-repeat: no-repeat;
    background-position: center center;
}

.div_evaluation_s_q{  
    float:left;
    display:nonae;
    position:absolute;
    left:-32px;
    top:5px;
    width:25px;
    height:25px;
    background-repeat: no-repeat;
    background-position: center center;
}

.div_evaluation_s_d{
    float:left;
    display:nonae;
    position:absolute;
    left:-51px;
    top:-2px;
    width:25px;
    height:25px;
    background-repeat: no-repeat;
    background-position: center center;
}

.div_kriz_line{
    float:left;
    width:650px;
    margin-top:4px;
    position:relative;
}

.div_kriz_line .div_left{
    float:left;
    width:300px;
    height:26px;
}

.div_kriz_line .div_right{
    float:left;
    width:300px;
}

.small_input_kriz{
    float:left;
    width:23px;
    text-align: center;
    margin-right:3px;
    border:1px #7d7d7d solid;
    height:20px;
}

.div_legend{
    float:left;
    color:black;
    width:100%;
    margin:15px 0 0 0;
}

.div_legend_line{
    float:left;
    width:100%;
    margin-top:5px;
}


.correct .div_evaluation_s_d{
    background-image:url('../images/bg_correct_icon.png');
}

.wrong .div_evaluation_s_d{
    background-image:url('../images/bg_wring_icon.png');
}

.correct .div_evaluation_s_q{
    background-image:url('../images/bg_correct_icon.png');
}

.wrong .div_evaluation_s_q{
    background-image:url('../images/bg_wring_icon.png');
}

.correct .div_evaluation_m{
    background-image:url('../images/bg_correct_icon.png');
}

.wrong .div_evaluation_m{
    background-image:url('../images/bg_wring_icon.png');
}
.wrong .evaluation{
    background-image:url('../images/bg_wring_icon.png');          
}


.selected_krizo{
    float:left;
    width:23px;
    margin-right:3px;
    border:1px #d9660d solid;
    height:20px;
    text-align: center;
}

.correct .div_label{
    color:#4d720c;
}

.wrong .div_label{
    color:#bf2803
}