#content_wrapper{
width: 100%;
padding: 0px;
margin: 0px;
}


#content{
height: 100%;
float: none;  
margin-left: 280px;
overflow: auto;
}

.spacer{
height:30%;
width: 100%;
margin-top: -50px;
}

.spacer.result{
height:15%;
width: 100%;
margin-top: -50px;

}
#cbp-fwslider{
margin: 0;
height: 40%;
min-height: 400px;
width: 100%;
}

#cbp-fwslider.results{
margin: 0;
height: 30%;
min-height: 350px;
width: 100%;
}

.otazka{
font-size: 30px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;
white-space: normal;
padding-left: 7%;
padding-right: 7%;
width: 86%;

}

.otazka_n{
font-size: 20px;
background: #5B8523;
padding: 5px;
color: white;
}
.odpovedi{
width: 100%;
margin-top: 20px;
}
table{
border-spacing: 0px;
margin: auto;
}

.odpovedi table td{
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;
white-space: normal;
font-size: 22px;
padding-right: 6px;
text-align: left;
}

.odpovedi table tr:hover{
background: #C5E29F;
cursor: pointer;
}

.active, .done{
background: #C5E29F !important;
color: white !important;
}


#menu img{
margin-left: 8px;
}

.nadpis_head{
font-size: 26px;
font-weight: 300;
padding-top: 7px;
}

#foot{

}

.cbp-fwprev, .cbp-fwnext{
opacity: 0.1;
}
.cbp-fwprev:hover, .cbp-fwnext:hover{
opacity: 1;
}

#time{
border-right: 1px solid #bbb;
height: 100%;
padding-right: 15px;
}

.bot_info{
font-size: 16px;
font-weight: 300;
padding-top: 15px;
padding-left: 10px;
}

.spatne{
background: #BE0A26;
}

.odpovedi_spatne{
width: 100%;
margin-top: 20px;
}


.odpovedi_spatne table td{
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;
white-space: normal;
font-size: 22px;
}

.spatne_odp td{
font-size: 16px !important;
color: #BE0A26;
}

.spravne_odp td{
font-size: 32px !important;
color: #C5E29F;
}
.cbp-fwdots{
position: absolute;
bottom: 0px;
} 

table.tab_results_gr{
padding-top: 30px;
margin:auto;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;
font-size: 12px;
} 

.tab_results_lft{
text-align:right;
width: 40px;
padding: 2px;
}   
.tab_results_centr{
border: 1px solid #ddd;
width: 800px;
//border-width: 0px 1px 1px 1px;
}  
.tab_results_rght{
text-align:left;
width: 40px;
padding: 2px;
} 

.perc{
padding-left: 0px;
height: 30px;
float: left;
font-size: 15px;
background: -moz-linear-gradient(top, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.07) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.07)), color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.07))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.07) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.07) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.07) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.07) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#12000000',GradientType=0 ); /* IE6-9 */
background-color: #C5E29F;
}

.perc:hover{
opacity: 0.8;
}

table.tab_results{
margin:auto;
font-family: 'Source Sans Pro', sans-serif; 
padding-top: 30px;
} 


table.tab_results .text{
font-weight: 300;
font-size: 20px;
padding-bottom: 5px;
} 

table.tab_results_gr .text{
font-weight: 300;
font-size: 20px;
text-align: center;
padding-top: 35px;
} 

table.tab_results td{
vertical-align: bottom;
padding: 0px;
padding-right: 10px;
text-align: center;
} 

table.tab_results .perc_result{
font-size: 42px;
font-weight: 300;
} 

table.tab_results .cas{
font-size: 42px;
font-weight: 300;
} 

.text img{opacity: 0.7}
.text img:hover{opacity: 1}

.text img{
padding:20px;
cursor: pointer;
}

#result_wrapper{
width: 100%;
}
.learningh1{
text-align: center;
border: 0px solid white;
}

p{
font-weight: 300;
font-size: 17px;
}

#text_wrapper{
display: table;
height: 400px; 
position: relative; 
overflow: hidden;}

p li{
line-height:1.3;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300; 
}

.div_table{
float:none;
display: table;
width: 100%;
height: 90%;
   }

.div_cell{
float:none;
display: table-cell;
text-align: center;
vertical-align: middle;
}