/* spolecny styl aplikace */
#fb-like,
#btn_login,
#otazky,
#vysledky_testu,
#all_cont div.cont_video,
#all_cont div.cont_img,
#cont_thumbs,
#all_cont .contenteditable {
	z-index: 7;
	position:relative;
}

#vysledky_testu {
	text-align: center;
}
#all_cont {
	margin: 0 auto;
	text-align: left;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	background: no-repeat center center; 
/*	background-size: 100% 100%; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#all_cont #content_cont {
	padding: 70px 67px;
}
#all_cont img {
   display: block;
   position: relative;
}

#all_cont img#bg {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	opacity: 0;
}


#all_cont div#nazev_kvizu {
	text-align: left;
	margin-bottom: 10px;
}

.cont_photo_video {
	margin: 0px 0 0 0;
}
.cont_photo_video .photo {
	position: relative;
}
.cont_photo_video .title_otazka p {
	margin-top: 0;
}

#all_cont #nazev_kvizu h1 {
	margin: 0.4em 0;
	font-size: 295%;
	color: #ffffff;
}
#all_cont #subtitle {
	font-size: 140%;
	color: #ffffff;
}

#all_cont #button_more1 {
	display: inline-block;
	width: auto;
	margin: 20px auto;
}


/* nahrazeno prekryvem #all_cont::after nize */
#overlay_app {
	z-index: 7;
	background: rgba(20, 20, 20, 0.6);
	display: none;
}
#zalozka #all_cont::after,
#all_cont::after {
	content: "";
	background: rgba(20, 20, 20, 0.6);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: 1;   
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	pointer-events: inherit;
}

/* spolecny styl aplikace */

#button_more_admin #button_text_edit {
	border: 0;
}

#fbshare span,
#button_more_admin #button_text_edit,
#all_cont #button_more1 a {
	display: block;
	padding: 26px 46px;
	font-size: 180%;
	color: #ffffff;
	border-radius: 5px;
	text-decoration: none;
}	

#button_more_admin #button_text_edit {
	text-align: center;
}
#button_more_admin #button_text_edit {
/*	background: url("../img/icon-kviz-fb.png") no-repeat center left; */
}

#button_more_admin #button_text_edit.color1,
#all_cont .button_more a.color1, #button_more_admin .color-fill-icon_cont .color1 {
	background: #009e87; 
}	
#button_more_admin #button_text_edit.color2,
#all_cont .button_more a.color2, #button_more_admin .color-fill-icon_cont .color2 {
	background: #3cbc81; 
}	
#button_more_admin #button_text_edit.color3,
#all_cont .button_more a.color3, #button_more_admin .color-fill-icon_cont .color3 {
	background: #42ade3; 
}	
#button_more_admin #button_text_edit.color4,
#all_cont .button_more a.color4, #button_more_admin .color-fill-icon_cont .color4 {
	background: #904aac; 
}	
#button_more_admin #button_text_edit.color5,
#all_cont .button_more a.color5, #button_more_admin .color-fill-icon_cont .color5 {
	background: #fd9a01; 
}
#button_more_admin .color-fill-icon_cont-text .color5 {
	background: #ffffff;
}
#button_more_admin #button_text_edit.color6,
#all_cont .button_more a.color6, #button_more_admin .color-fill-icon_cont .color6 {
	background: #dc5400; 
}	
#button_more_admin #button_text_edit.color7,
#all_cont .button_more a.color7, #button_more_admin .color-fill-icon_cont .color7 {
	background: #dc5400; 
}	
#button_more_admin #button_text_edit.color8,
#all_cont .button_more a.color8, #button_more_admin .color-fill-icon_cont .color8 {
	background: #dc5400; 
	color: #000000;
}	

#button_more_admin .color-fill-icon_cont-text .color8 {
	background: #000000;
}




.color-fill-icon_cont span {
/*	background-image: none !important; */
}


#all_cont #cont_images img,
#all_cont #cont_images img:hover {
	border: 0;
}
#uprav_app div.cont_video,
#uprav_app div.cont_img {
	position: relative;
}

div.cont_video {
	height: 0px;
/*	width: 100%; */
	text-align: center;
	margin: 10px 3px 20px 0px;
/*	background: #000000; */
    float: none;
    clear: both;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0

	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
}
div.cont_video iframe,
#all_cont div.cont_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#zalozka #all_cont div.cont_video,
#zalozka #all_cont div#cont_images {
	margin-right: 2px;
	margin-top: 13px;
}

.cont_video.hide,
.photo.hide {
	display: none;
}



#uprav_app div.cont_img {
	z-index:4;
}	
#zalozka {
	background: #ffffff repeat-y; 
}

#all_cont #fbshare span.color1 {
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -webkit-linear-gradient(to bottom, #14c7b1 , #009e87); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -o-linear-gradient(to bottom, #14c7b1, #009e87); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -moz-linear-gradient(to bottom, #14c7b1, #009e87); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, linear-gradient(to bottom, #14c7b1 , #009e87); /* Standard syntax (must be last) */
}	
#all_cont #fbshare span.color2 {
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -webkit-linear-gradient(to bottom, #01c973 , #3cbc81); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -o-linear-gradient(to bottom, #01c973, #3cbc81); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -moz-linear-gradient(to bottom, #01c973, #3cbc81); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, linear-gradient(to bottom, #01c973 , #3cbc81); /* Standard syntax (must be last) */
}	
#all_cont #fbshare span.color3 {
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -webkit-linear-gradient(to bottom, #3d9ac6 , #42ade3); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -o-linear-gradient(to bottom, #3d9ac6, #42ade3); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -moz-linear-gradient(to bottom, #3d9ac6, #42ade3); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, linear-gradient(to bottom, #3d9ac6 , #42ade3); /* Standard syntax (must be last) */
}	
#all_cont #fbshare span.color4 {
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -webkit-linear-gradient(to bottom, #9e5eb5 , #904aac); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -o-linear-gradient(to bottom, #9e5eb5, #904aac); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -moz-linear-gradient(to bottom, #9e5eb5, #904aac); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, linear-gradient(to bottom, #9e5eb5 , #904aac); /* Standard syntax (must be last) */
}	
#all_cont #fbshare span.color5 {
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -webkit-linear-gradient(to bottom, #facb3d , #fd9a01); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -o-linear-gradient(to bottom, #facb3d, #fd9a01); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -moz-linear-gradient(to bottom, #facb3d, #fd9a01); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, linear-gradient(to bottom, #facb3d , #fd9a01); /* Standard syntax (must be last) */
}	
#all_cont #fbshare span.color6 {
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -webkit-linear-gradient(to bottom, #ee7d15 , #dc5400); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -o-linear-gradient(to bottom, #ee7d15, #dc5400); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -moz-linear-gradient(to bottom, #ee7d15, #dc5400); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, linear-gradient(to bottom, #ee7d15 , #dc5400); /* Standard syntax (must be last) */
}	
#all_cont #fbshare span.color7 {
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -webkit-linear-gradient(to bottom, #f24c34 , #c83a22); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -o-linear-gradient(to bottom, #f24c34, #c83a22); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -moz-linear-gradient(to bottom, #f24c34, #c83a22); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, linear-gradient(to bottom, #f24c34 , #c83a22); /* Standard syntax (must be last) */
}	
#all_cont #fbshare span.color8 {
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -webkit-linear-gradient(to bottom, #ecf0f1 , #bbc3c6); /* For Safari 5.1 to 6.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -o-linear-gradient(to bottom, #ecf0f1, #bbc3c6); /* For Opera 11.1 to 12.0 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, -moz-linear-gradient(to bottom, #ecf0f1, #bbc3c6); /* For Firefox 3.6 to 15 */
	background: url("../img/icon-kviz-pohar.png") no-repeat center left, linear-gradient(to bottom, #ecf0f1 , #bbc3c6); /* Standard syntax (must be last) */
	color: #000000;
}	



.uprav_app .cont_vysledek .photo,
.uprav_app .cont_vysledek .vysledek {
/*	float: left;	 
	width: 206px; */
}

/* vysledek kviz */
#vysledky_testu,
.cont_vysledek,
#kviz-vysledek {
	color: #ffffff;
	text-align: center;
}

.cont_vysledek .title_vysledek,
#kviz-vysledek .title {
	font-size: 260%;
}	
.cont_vysledek .text_vysledek,
#kviz-vysledek .txt {
	font-size: 120%;
}	
.cont_vysledek .title_vysledek p,
#kviz-vysledek .title p {
	margin: 10px auto;
}
#kviz-vysledek .photo {
	margin: 30px auto;
}
#kviz-vysledek .photo img {
	display: inline-block;
}


#otazky .title_otazka {
	font-size: 250%;
	font-weight: bold;
	color: #ffffff;
}

.cont_otazka p {
	margin: 0.5em 0;
}

/* all odpovedi */
ul.cont_odpovedi {
	position: relative;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.cont_odpovedi li {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 10px;
}
ul.cont_odpovedi.druh_odpovedi_2 li {
	display: inline-block;
	width: 213px;
	margin-left: 11px;
	margin-bottom: 20px;
}
ul.cont_odpovedi.druh_odpovedi_2 li.col_1 {
	margin-left: 0;
}
ul.cont_odpovedi input[type="radio"],
ul.cont_odpovedi input[type="checkbox"] {
	display:none;
}
ul.cont_odpovedi input.txt,
ul.cont_odpovedi input[type="text"],
ul.cont_odpovedi textarea {
	position: relative;
	height: 33px;
	border: 0;
	width: 100%;
	padding: 0px 10px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
}
ul.cont_odpovedi textarea {
	height: 80px;
	padding: 8px 10px;
}
ul.cont_odpovedi.druh_odpovedi_2 input[type="text"] {
	width: 100%;
	margin-left: 0;
	margin-top: 5px;
	top: 0;
	font-size: 110%;
}
ul.cont_odpovedi label {
	display: block;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	color: #ffffff;
}
ul.cont_odpovedi label.poradi_odpovedi {
	margin-bottom: 4px;
}

ul.cont_odpovedi label.check_box {
	display:inline-block;
	background:#ffffff url("../img/check_kviz.png") -9999px -9999px no-repeat;
	background-image: url("../img/check_kviz.png"); /* hack for iphone fb browser*/
	font-family:Arial;
	font-size:16px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	float: left;
}
ul.cont_odpovedi.druh_odpovedi_2 label.check_box {
	position: absolute;
	top: -8px;
	left: -8px;
	z-index: 8;
}
 
ul.cont_odpovedi input[type="checkbox"]:checked + label.check_box,
ul.cont_odpovedi input[type="radio"]:checked + label.check_box {
	background-position: center center;
}



#frm_kviz ul.cont_odpovedi label {
/*    background-image:  url("../img/icon-kviz-check-cross.png"); */
}
/* /all odpovedi */

#repeat,
#start_kviz #frm_kviz button {
	float: none;
	background-color: transparent;
	border: 1px solid #ffffff;
	border-radius: 5px;
	padding: 12px 10px 12px 10px;
}



#cont_repeat,
#start_kviz #repeat {
	margin: 30px auto;
	display: inline-block;
}

#start_kviz #repeat {
	background: transparent url(../img/icon-kviz-reload.png) center right no-repeat;
}
#repeat {
	padding: 22px 50px 22px 20px;
	font-size: 140%;
	background: transparent url(../img/icon-kviz-reload.png) center right no-repeat;
}

/*
#all_cont .button_more1 span.color8,
#all_cont .button_more1 span.color7,
#all_cont .button_more1 span.color6,
#all_cont .button_more1 span.color5,
#all_cont .button_more1 span.color4,
#all_cont .button_more1 span.color3,
#all_cont .button_more1 span.color2,
#all_cont .button_more1 span.color1 {
	background-image: url("../img/check_kviz.png");
	background-position: center left;
	background-repeat: no-repeat;
}
*/
@media screen and (min-width: 808px) {
	ul#cont_odpovedi.druh_odpovedi_2 li:nth-of-type(3n+1) {
		margin-left: 0;
	}
}
@media screen and (min-width: 591px) and (max-width: 807) {
	ul#cont_odpovedi.druh_odpovedi_2 li:nth-of-type(2n+1) {
		margin-left: 0;
	}

}
@media screen and (max-width: 590px) {
	ul#cont_odpovedi.druh_odpovedi_2 li {
		margin-left: 0;
	}
	ul#cont_odpovedi.druh_odpovedi_2 li:nth-of-type(2n+1) {
		display: block;
	}
}