/* ------------------ barvicky pro potreby testu responzivity - pouze pro model - jinde smazat!!!!   ----------- 
#topBanner {border:1px solid red;}
#ContainerC {border:1px solid green;}
#topNavigC {border:1px solid blue;}
#contentC {border:1px solid greenyellow;}     */
/* --------------------------- responzivni cast -----------------------------  */


ul li img,.AddPcitures img {width:auto;}

@media only screen and (max-width: 1200px) {
	#home_produkty {
		/*background:transparent;*/
		height:auto;
	}
	/*#home_produkty img{
		width:100%;
	}*/
}

@media only screen and (max-width : 980px) {
    #prepni {display:block;}
	/*#home_produkty {
		background-size:180%;
		height: 660px;
	}*/
	#body2.menu3 {
		background-size: 150%;
	}
	.home_prvni_new {
		height: 700px;
		padding-top: 60px;
	}
	#youtubeplay {
		margin-top: 40px;
	}
	.home_prvni_new iframe{
		height:580px;
	}
}

@media only screen and (max-width : 930px) {
	#bg_home {
		font-size: 0.9em;
	}
}

@media only screen and (max-width : 900px) {
	#logoC {
		height: 80px;
		float:none;
		overflow: hidden;
	}
	#jazyky {
		height: 40px;
		position: absolute;
		top: 22px;
		right: 0;
	}
	#jazyky li {
		padding: 0;
	}
	#topNavigC {
		margin: 0 auto;
		width: 100%;
		text-align: center;
		float: none;
	}
	#topNavigC li {
		display: inline-block;
		margin-right: 20px;
		font-size: 1.3em;
		float:none;
	}
	.home_prvni_new {
		height: 650px;
		padding-top: 40px;
	}
	.home_prvni_new h3 {
		font-size: 2.5em;
	}
	#youtubeplay {
		margin-top: 20px;
	}
    #home_produkty img{
		width:100%;
	}
    #home_produkty .odkazyprodukty a img {
        display:none;
    }
}


@media only screen and (max-width : 850px) {
	.home_prvni_new iframe{
		height:500px;
	}
}

@media only screen and (max-width : 840px) {
	/*#home_produkty {
		height: 600px;
	}*/
	.home_prvni_new {
		height: 610px;
	}
	.blok_nahore img{
		display:none;
	}
	#linka_centris_prostredek_new p,
	#linka_doris_prostredek_new p,
	#linka_optaris_prostredek_new p {
		padding-left:40px;
		background-position:10px 7px;
	}
}


@media only screen and (max-width : 800px) {
	#bg_home {
		font-size: 0.8em;
	}
	.home_prvni_new h3 {
		font-size: 2em;
	}
}


@media only screen and (max-width: 780px) {
	/*#home_produkty {
		height: 550px;
	}*/
	#cookiesAlert {
		height: 45px;
	}
	#odskokCookies{
		height:55px;
	}
	.blok_nahore {
		font-size: 1.4em;
	}
	#body2.menu918 h2.barevne,
	#body2.menu919 h2.barevne,
	#body2.menu920 h2.barevne	{
		font-size: 1.7em;
	}
	.home_prvni_new {
		height: 550px;
	}
}

@media only screen and (max-width : 700px) {
	.home_prvni_new iframe{
		height:400px;
	}
	.home_prvni_new {
		height: 500px;
	}
	/*#home_produkty {
		background-size: 180%;
		height: 480px;
	}*/
	#bg_home {
		font-size: 0.7em;
	}
	#cisla .jedna, #cisla .dva, #cisla .tri, #cisla .ctyri, #cisla .pet {
		width: 100%;
		width: calc(100% - 20px);
		margin-left: 20px;
	}
	#cisla .jedna span, #cisla .dva span, #cisla .tri span, #cisla .ctyri span, #cisla .pet span {
		float: left;
		margin-bottom: 10px;
	}
	#cisla p {
		text-align: left;
		padding: 0 20px;
		margin: 0px;
		display: table-cell;
		height: 88px;
		vertical-align: middle;
	}
	.blok_dole {
		font-size: 1.2em;
		line-height: 1.5em;
	}
	#content .menuText {
		float: none;
	}
}

@media only screen and (max-width: 680px) {
	#leftC{	
		width: 203px; 	
	}
	#contentC {width:100%;}

}

@media only screen and (max-width: 650px) {
	.home_prvni_new {
		height: 470px;
		padding-top: 10px;
	}
    #dorisanimace , #optarisanimace , #centrisanimace  {
        display:none;
    }
}

/* --------------- tady schovam navigaci a poresim jeji vzhled po ukazani ----------------*/

@media only screen and (max-width: 600px) {
	#body2.menu918,
	#body2.menu919,
	#body2.menu920 {
		background-size: 250%;
	}
	h1 {
		margin-bottom: 0;
	}
	#linka_centris_prostredek_new p, #linka_doris_prostredek_new p, #linka_optaris_prostredek_new p {
		font-size: 0.9em;
		line-height: 1.4em;
	}

	.home_prvni_new {
		height: 430px;
	}
	.home_prvni_new h3 {
		font-size: 1.5em;
	}
	/*#home_produkty {
		height: 440px;
	}*/
	#bg_home {
		font-size: 0.6em;
	}
	.home_druhy h3 {
		padding-bottom: 0;
	}

   /* #topNavigC.hidenav {display:none;}
    #hidenavig  {
		background:#3c4143 url(/images/resp_navi_bg.png) no-repeat 50% 50%;
		display:block;
		width:36px;
		height:28px;
		margin:0 0 0 20px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
        cursor:pointer;
        position:relative;
        float:left;
	}
        
    #topNavigC li {display:block; float:none;background:#fff;margin:0 0 2px 0;padding:0 0 0 15px;}
    
    #topNavigC li a {display: block;color:#676767;
        text-transform:uppercase; 
        text-align:left;
        text-decoration:none;
        padding:3px 4px 5px 4px;
    }

    #topNavig a:hover,
    #topNavig a:active, 
    #topNavig a:focus,
    #topNavig li.actual a { text-decoration: none;color:#9f1b32;background:none;}
   #topNavigC ul li ul {display:none;} */
}

@media only screen and (max-width : 580px) {
	.home_prvni_new iframe{
		height:350px;
	}
}

@media only screen and (max-width: 550px){
	.home_prvni_new {
		height: 390px;
	}
	#youtubeplay {
		width: 150px;
		height: 150px;
	}
	
}

@media only screen and (max-width: 500px){
	.home_prvni_new iframe{
		height:300px;
	}
	#body2.menu918 h1,
	#body2.menu919 h1,
	#body2.menu920 h1 {
		margin-top: 105px;
	}
	.home_prvni_new {
		height: 350px;
		padding-top: 0;
	}
	.home_prvni_new h3 {
		font-size: 1.3em;
	}
	/*#home_produkty {
		height: 350px;
	}*/
	#bg_home {
		font-size: 0.5em;
	}
	.home_prvni {
		line-height: 1em;
	}
	.home_druhy p {
		font-size: 1.2em;
		line-height: 1.5em;
	}
	#cislo1 p,
	#cislo2 p,
	#cislo3 p,
	#cislo4 p,
	#cislo5 p,
	#cislo6 p,
	#cislo7 p,
	#cislo8 p{
		font-size: 1.1em;
		padding-left: 10px;
		padding-right: 10px;
		width: 37%;
	}
	.blok_nahore {
		font-size: 1.3em;
	}
	#body2.menu918 h2.barevne,
	#body2.menu919 h2.barevne,
	#body2.menu920 h2.barevne	{
		font-size: 1.3em;
	}
}

@media only screen and (max-width: 460px){
	.home_prvni_new {
		height: 310px;
	}
	#youtubeplay {
		margin-top: 10px;
	}
}

@media only screen and (max-width: 450px){
	#bg_home {
		font-size: 0.4em;
	}
	.home_druhy p {
		font-size: 1.4em;
		line-height: 1.6em;
	}
	#logoC {
		width: 200px;
		background-size: contain;
	}
	#topNavigC li {
		margin-right: 15px;
	}
	#jazyky {
		height: 40px;
		top: 26px;
		width: 100px;
	}
	#jazyky a.active {
		color: #fff;
		width: 35px;
		height: 28px;
		line-height: 28px;
		border-radius: 5px;
		background: #919294;
	}
	#jazyky a {
		font-size: 1.1em;
		width: 35px;
		height: 28px;
		line-height: 28px;
	}
	#jazyky a:hover {
		width: 35px;
		height: 28px;
		line-height: 28px;
	}
}

@media only screen and (max-width : 430px) {
	.home_prvni_new iframe{
		height:250px;
	}
}

@media only screen and (max-width: 414px){
	#body2.menu918 h1, #body2.menu919 h1, #body2.menu920 h1 {
		margin-top: 55px;
	}
	.home_prvni_new {
		height: 270px;
	}
	#youtubeplay {
		height: 100px;
		width: 100px;
	}
	/*#home_produkty {
		height: 300px;
	}*/
	#topNavigC {
		font-size: 0.8em;
	}
	#topNavigC li {
		margin-right: 10px;
	}
	#logoC {
		width: 180px;
	}

	#slideShow{display:none;}
	#cookiesAlert {
		height: 65px;
	}
	#odskokCookies{
		height:75px;
	}
	
	#cislo1 p,
	#cislo2 p,
	#cislo3 p,
	#cislo4 p,
	#cislo5 p,
	#cislo6 p,
	#cislo7 p,
	#cislo8 p{
		font-size: 1em;
		line-height:1.3em;
		text-align:left;
	}
	
	#cislo1 p,
	#cislo3 p,
	#cislo5 p,
	#cislo7 p{
		text-align:right;
	}
	#bottomC {
		font-size: 1em;
	}
	.home_druhy {
		top: 20.8%;
	}
	.home_prvni {
		line-height: 0.8em;
		top: 9%;
	}
	#cisla .jedna span, #cisla .dva span, #cisla .tri span, #cisla .ctyri span, #cisla .pet span {
		float: none;
		margin-bottom: 0;
	}
	#cisla .jedna, #cisla .dva, #cisla .tri, #cisla .ctyri, #cisla .pet {
		width: 100%;
		margin-left: 0;
	}
	#cisla p {
		text-align: center;
		padding-bottom: 30px;
		padding-top: 10px;
		height: auto;
		width:calc(100% - 40px);
		display:block;
	}
	#rozcestnik img {
		width: 90px;
	}
}


@media only screen and (max-width: 370px) {
	.home_prvni_new {
		height: 240px;
	}
	.home_prvni_new h3 {
		font-size: 1.2em;
		margin-top: 0px;
		margin-bottom: 5px;
	}
	.home_prvni_new iframe{
		height:220px;
	}
}

@media only screen and (max-width: 350px){
	#bg_home {
		font-size: 0.35em;
	}
	.home_druhy {
		top: 20%;
		font-size: 1.4em;
	}
	.home_prvni {
		line-height: 0.5em;
	}
	/*#home_produkty {
		height: 250px;
	}*/
}


@media only screen and (max-width: 340px){
	.home_prvni_new {
		height: 220px;
	}
}