@media only screen and (max-width: 1200px)
{

	.wrapper {width: 92%;padding: 4%;}
	
	#mainrow section#uvod #intro_img {width: 45%;}
	#mainrow section#uvod #intro_img img {width: 100%;}
	
	#mainrow section#uvod #intro_text {width: 47%;}
	#mainrow section#uvod #intro_text #wantmore {margin: 20px 15% 0 0;}
	
	#mainrow section#aktuality .blog .items-row {width: 48%;margin: 0 0 20px 0;}
	#mainrow section#aktuality .blog .items-row .item .art_intro {width: 100%;}
	
	#mainrow section#prihlaska .block table tr td input {width: 97%;}
	
	
	#mainrow section#kestazeni .download {width: 20%;}
	
	
	#mainrow section#prihlaska .block .teacher {width: 20%;}
	#mainrow section#prihlaska .block .teacher .img {width: 95%;height: 95%;}
	#mainrow section#prihlaska .block .teacher label img {width: 100%;}
	
	#mainrow section#prihlaska .block .car {width: 20%;text-align: center;}
	#mainrow section#prihlaska .block .car label img {width: 135%;left: 0px;}
	#mainrow section#prihlaska .block .car .img {width: 160px;height: 160px;margin: 0 auto;}
	

	
	
	input[type="submit"] {-webkit-appearance: none;}
}


@media only screen and (max-width: 1100px)
{

	.button {width: 150px;}
	
	#mainrow section#procmy .pictogram .container .con {font-size: 18px;}
	#headrow #title a h1 {font-size: 1.3em;}
	#headrow #logo a {width: 90px;}
	#headrow #logo img {width: 80px;}
	#headrow #title {left: 132px;}
	
	
	.tabulky.w50 {width: 100%;float: none;}
	table#sberny {margin-bottom: 40px;}

}


@media only screen and (max-width: 1000px)
{

	
	
	#mainrow section#procmy .pictogram {width: 48%;}
	#mainrow section#procmy .pictogram#pictogram_2,
	#mainrow section#procmy .pictogram#pictogram_4 {width: 50%;margin: 0 0 2% 0;}
	#mainrow section#procmy .pictogram#pictogram_3 {width: 48%;margin: 0 2% 2% 0 !important;}

}


@media only screen and (max-width: 950px)
{
	#headrow #nav ul li.item-104 {border-top: 1px solid #D12018;}
	#headrow #nav ul li {border-bottom: 1px solid #D12018;}
	#headrow #nav ul li a { font-size: normal;line-height: 40px;height: 40px;}
	ul.category-module {padding:  0 0 0 0;}
	
}


@media only screen and (max-width: 999px)
{

	#nav-toggle {display: block; position: relative; width: 100%; height: 50px; cursor: pointer; background: none;margin: 10px 10px 0 0;}
	
	#head #nav {top: 90px;}
	#head #nav-toggle img {display: inline-block; vertical-align: middle; margin: -8 0 0 7px;}
	#head #nav-toggle span {height: 50px; line-height: 50px; color: white; margin: 0 0 0 20px; text-transform: uppercase; display: inline-block; vertical-align: middle;}
	
	#nav .navigationmobile {display: none;position: absolute;top: 50px;right: 0px;z-index: 1000000;background: #9F0C04;width: 200px;}
	#nav .navigationmobile ul {width: 100%;margin: 0;padding: 0;}
	#nav .navigationmobile ul li {width: 100%;}
	
	#mainrow section#prihlaska .block table tr td {display: block;}
	#mainrow section#prihlaska .block.first {height: auto;}
	
	.navigation {display: none !important;}
	
	#fotogalerie,
	#ofirme,
	li.item-105,
	li.item-101 {display: none !important;}
	
		
	#ofirmemobile {display: block;}
	#ofirmemobile img {width: 100%;}
	
	
	section#novinky,
	section#kontakt {background: white !important;}
	section#ofirmemobile {background: #F9F9F9;}
	
}


@media only screen and (max-width: 850px)
{

	#intro_img {display: none;}
	#mainrow section#uvod #intro_text {width: 100%;display: table;}
	#mainrow section#uvod #intro_text .button {display: table-cell;width: 48%;margin: 0 0 0 0 !important;}
	#mainrow section#uvod #intro_text .button#wantmore {margin-right: 20px !important;}
	
	#mainrow section#uvod #intro_anim {float: none;margin: 0 auto;}
	
	
	#mainrow section#aktuality .blog .items-row {width: 100%;}
	
	#nav-toggle {margin: 2px 5px 0px 0;}
	
	#headrow {height: 50px;}
	#headrow #title {top: 10px;}

}


@media only screen and (max-width: 750px)
{

	#mainrow section#kestazeni .download {width: 33%;}

	#mainrow section#prihlaska .block .teacher {width: 33%;}
	#mainrow section#prihlaska .block .car {width: 33%;}


}


/* ONLY FOR LANDSCARE MODE */

@media only screen and (max-width: 750px) and (orientation: landscape) 
{

	#uvod ul li {line-height: 25px;font-size: 10px !important;line-height: 20px !important;}
	.tabulka th {font-size: 14px !important;}

}



@media only screen and (max-width: 650px)
{


	#mainrow section#uvod #intro_text .button {display: table-cell;width: 48%;margin: 0 0 20px 0 !important;}
	#mainrow section#uvod #intro_text .button#wantmore {margin-right: 10px !important;}
	
	#mainrow section#uvod #intro_anim {float: none;margin: 0 auto;width: 500px;display: none;}

	#mainrow section#procmy .pictogram {width: 100%;}
	#mainrow section#procmy .pictogram#pictogram_2,
	#mainrow section#procmy .pictogram#pictogram_4 {width: 100%;margin: 0 0 2% 0;}
	#mainrow section#procmy .pictogram#pictogram_3 {width: 100%;margin: 0 0 2% 0 !important;}
	
	.kontakt_info {display: none;}
}


@media screen and (max-width: 600px)
{
	#footrow #copy p {font-size: smaller;padding-top: 5px;}


	.phocagallery-box-file, .pg-csv-box {width: 98% !important;}
	ul.category-module {padding: 0 0 0 0 !important;}
	ul.category-module li {width: 100%;display: block;}

}

@media screen and (max-width: 550px)
{

	#mainrow section#kestazeni .download {width: 50%;}
	
	#mainrow section#prihlaska .block .teacher {width: 50%;}
	#mainrow section#prihlaska .block .car {width: 50%;}
	
	table.tabulka {width: 100%;}
		

}


@media screen and (max-width: 480px)
{
	#footrow #copy p {font-size: 12px;line-height: 1.5em; }
	#footrow {padding-top:43px;}
	#footrow #copy {line-height: 1.5em; height: 3em; overflow: hidden;}
	
	.kontakt_box {font-size: 12px;}

}

@media screen and (max-width: 460px)
{
	#slider p {font-size: 45px;}

}



@media only screen and (max-width: 450px)
{

	#headrow #logo {left: 10px;top: 5px;}
	#headrow #logo a img {margin: -3px 0 0 0;}
	#headrow #title {left: 105px;}
	
	
	
	#mainrow section#cenik .druh .pict {width: 60px;height: 60px;}
	#mainrow section#cenik .druh .pict img {left: 10px;top: 10px;}
	
	#mainrow section#cenik .druh .cena.right {padding: 10px 10px 0 0;}
	#mainrow section#cenik .druh .cena.left {padding: 10px 0 0 10px;}
	
	#mainrow section#cenik .druh .cena p {font-size: 16px;}

}



@media only screen and (max-width: 420px)
{

	#headrow #title a h1 {font-size: 14px !important; }
	
	#mainrow section#kestazeni .download {width: 100%;}

}


@media screen and (max-width: 360px)
{
	#slider p {font-size: 34px;}

}

@media screen and (max-width: 340px)
{
	#headrow #title a h1 {font-size: 12px !important;}
}



@media screen and (max-width: 320px)
{


}

@media screen and (max-width: 300px)
{
	#headrow #title a h1 {font-size: 10px !important;}
}