/* ===================== 2. zobrazeni start - desktop/mobil  =====================  */	
	
	@media only screen and (min-width : 521px) and (max-width : 799px)
{	

/* ==================== Základní parametry start ====================== */

body, html
{
	margin:0;
	padding:0;
	font-size: 100%;
	color: Black;
	background-color : White;
	font-family : Arial, Helvetica, sans-serif;
}


#wrapper 
    {
	width:100%;
	max-width:960px;
	margin:0 auto;     /* zarovnání na střed stránky */
}

/* ==================== Základní parametry end  ====================== */

/* ====================  Header 1 start  ====================== */		
	
.header_1_wrap{
	max-width:880px;
	margin:0 auto;
	background-color : #CFCFCF;
	margin-top : 10px;
}
		
	.header_1_sloupec_levy{
	width: 35%;
	float: left;
	sbackground-color : Fuchsia;
}
	
	
.header_1_sloupec_levy p
	{
	text-align : left;
	sfont-size : 2.6875em;
	/* 43px/16=2.6875% */
	color:#3d3d3d;
	padding-left : 0px;
}	

.header_1_sloupec_levy a
	{
	font-size : 20px;
	text-decoration : none;
	color : Black;
	font-weight : bold;
	font-family : "Arial Black";
}	

/* ======================================== */				

.header_1_sloupec_stredovy
	{
	width: 30%;
	float: left;
	sbackground-color : green;
	text-align : center;
}	

      .header_1_sloupec_stredovy p
	{
	text-align : center;
	/* line-height : 25px;   */
	font-size : 21px;
	color:black;
}	

.hledej_input
{
	width : 55%;
	font-size : 18px;
	height : 20px;
	padding-top : 1px;
	padding-bottom : 2px;
}	

.hledej_tlacitko
{
	background-color : #b9b9b9;
	border : 1px solid black;
	padding-top : 5px;
	padding-bottom : 2px;
	padding-left : 10px;
	padding-right : 10px;
	font-weight : bolder;
}	



/* ======================================== */			


.header_1_sloupec_pravy
	{
	width: 35%;
	float: right;
	sbackground-color : Blue;
}	

      .header_1_sloupec_pravy p
	{
	text-align : right;
	/* line-height : 25px;
	*/
	font-size : 16px;
	color:black;
	line-height : 8px;
}	

/* ======================================== */		


/* ======================================== */		

/* ====================  Header 1 end  ====================== */	

/* ====================  Header 2 start  ====================== */		

.header_2 {
	max-width:880px;
	margin:0 auto;
	background-color : #b9b9b9;
	height : 8px;
}

/* ====================  Header 2 end  ====================== */	

/* ====================  Main start  ====================== */		

.main_wrap {
	max-width:880px;
	margin:0 auto;
	height : 500px;
}

	.sidebar {
	width: 25%;
	float: left;
	padding-top : 6%;
}

	.main {
	width: 73%;
	float: left;
	padding-left : 4%;
	padding-right : 0%;
	padding-top : 6%;
	padding-bottom : 1%;
	text-align : center;
	font-size: 18px;
	line-height : 26px;
	color : #373737;
	
	
		/*   kvuli vnitrnim paddingum aby nemely vliv na celou velikost     */ 
	  box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
	
}

.main p
{
text-align : left;
}



/* ====================  Main end  ====================== */	

/* ====================  Footer 1 start  ====================== */		

.footer_1 {
	max-width:880px;
	margin:0 auto;
	background-color : #b9b9b9;
	height : 8px;
}

/* ====================  Footer 1 end  ====================== */	

/* ====================  Footer 1 start  ====================== */		

.footer_2 {
	max-width:880px;
	margin:0 auto;
	height : 50px;
	text-align : center;
	color : Gray;
}

.footer_2  a
{
	color : Gray;
	font-size : 15px;
	text-decoration : none;
}

/* ====================  Footer 1 end  ====================== */	

/* ====================  Galerie vypis start  ====================== */		

		  .galerie_vypis
	{
		width: 100%;
		margin:0 auto;
		text-align:center;
		margin-top:0px;
		margin-bottom:0px;
	}
	
		.galerie_vypis_sloupec_50{
	width: 40%;
	float: left;
	padding-left : 5%;
	padding-right : 5%;
	padding-top : 2%;
	padding-bottom :2%;
}

.galerie_vypis_sloupec_50 p{
	text-align : center;
}

/* ====================  Galerie vypis end  ====================== */		

/* ====================  stranky vypis start  ====================== */		

.stranky_vypis_wrap 
{
	width : 100%;
}

.stranky_vypis_sloupec_levy
{
	float : left;
	width : 48%;
	padding-top : 25px;
}

.stranky_vypis_sloupec_pravy
{
	float : right;
	width : 48%;
}

.stranky_vypis_sloupec_pravy a
{
	font-size : 22px;
}


/* ====================  stranky vypis end  ====================== */		

/* ====================  detail fotky start  ====================== */		


.detail_fotky_wrap
    {
	width:100%;
	max-width:960px;
	margin:0 auto;
	text-align : center;
}

.detail_fotky_wrap hr
    {
	width:100%;
	color : Black;
	background-color : Black;
	height : 1px;
	border : 0px;
}

/* ======================================== */		

.detail_fotky_header_1
{
	padding-top : 10px;
	padding-bottom : 5px;
}

.detail_fotky_header_1 p
{
	font-size : 26px;
}

.detail_fotky_header_1 a
{
	color : Black;
}

/* ======================================== */		

.buttony_vpred_zpet {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	font-family: Arial;
	color: black;
	font-size: 3.5vw;
	background: Silver;
	padding: 0.6vw 0.6vw 0.6vw 0.6vw;
	text-decoration: none;
	background-color : #ffbe0e;
	font-weight : bold;
	margin-left : 1.5vw;
	margin-right : 1.5vw;
}

/* ======================================== */		

.detail_fotky_header_2
{
	padding-top : 10px;
	padding-bottom : 5px;
}

/* ======================================== */		

.detail_fotky_header_3
{
	padding-top : 10px;
	padding-bottom : 15px;
}

/* ======================================== */		

.detail_fotky_main_foto
{
	padding-top : 10px;
	padding-bottom : 15px;
}

/* ======================================== */		

.detail_fotky_popis
{
	padding-top : 10px;
	padding-bottom : 15px;
}

/* ====================  detail fotky end  ====================== */		

/* ===================================== Detail start ================================================ */			
	
	
.detail_header_1_wrap
	{
	max-width:960px;
	margin:0 auto;
	background-color : #fcd228;
	margin-top : 20px;
	margin-bottom : 20px;
	height : 50px;
}
.detail_header_1_sloupec_1
	{
	float: left;  
	width : 60%;
	}
	
.detail_header_1_sloupec_1 p{
	padding-top : 0%;
	padding-left : 2%;
	margin-bottom : 1.7%;
	margin-top : 1.7%;
}

.detail_header_1_sloupec_1 a{
	font-size : 2vw;
	text-decoration : none;
	color : Green;
	font-style : italic;
	font-weight : bold;
}	
	
	
.detail_header_1_sloupec_2
	
	{
	float: right;
	width : 40%;
	padding-top : 0px;
}


.detail_header_1_sloupec_2 p
{
	font-size : 1.2vw;
	font-weight : bold;
	margin-bottom : 0px;
	padding-bottom : 0px;
	margin-top : 0px;
	padding-top : 10px;
	padding-bottom : 10px;
	text-align : center;
}

.detail_header_1_sloupec_2_vstupni_pole
{
	width : 40%;
	font-size : 1vw;
	height : 25px;
}

.detail_header_1_sloupec_2_tlacitko
{
	background-color : #39b44a;
	font-family : Arial;
	font-size : 1.2vw;
	color: White;
	font-weight : bolder;
	border : 1px solid black;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 10px;
	padding-right : 10px;
	margin-top : 0%;
	margin-left : 2%;
	height : 10%;
}



/* =================================== */		

.detail_header_2
	{
	max-width:960px;
	margin:0 auto;
	margin-top : 0px;
	margin-bottom : 0px;
	height : 40px;
}

.detail_header_2 p
	{
    margin-top : 0px;
	margin-bottom : 0px;
	padding-left : 1%;
	padding-top : 1%;
}

/*   exif data */

.detail_header_2_1
	{
	max-width:960px;
	margin:0 auto;
	margin-top : 0px;
	margin-bottom : 0px;
	height : 40px;
}

.detail_header_2_1 p
	{
    margin-top : 0px;
	margin-bottom : 0px;
	padding-left : 1%;
	padding-top : 1%;
}



/* =================================== */		
	

.detail_header_3_wrap
	{
	max-width:960px;
	margin:0 auto;
	height : 80px;

}
.detail_header_3_sloupec_1
	{
	float: left;  
	width : 85%;
	}
	
.detail_header_3_sloupec_1 h1{
	font-size : 1.5vw;
	padding-left : 1%;
	padding-top : 0.9%;
	padding-bottom : 0.7%;
}


	
.detail_header_3_sloupec_2
	
{
	float: right;
	width : 15%;
}

/* ============= Video start ====================== */	

.detail_hlavni_video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.iframe_video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ============= Video end ====================== */	

/* ===================================== Detail end ================================================ */			
	



	/* ==================== Header 6 start  ====================== */		

 .home_sloupce
	{
	margin:0 auto;
	max-width:959px;
	min-height: 50px;
	/*+ background-color:fuchsia;    */
}
	
		.home_sloupec{
	width: 24.3333333333%;
	min-height: 150px;
	background-color : #ACE4FF;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	text-align : center;
	margin-top:2.5%;
	margin-bottom:2.5%;
	padding-left : 2.5%;
	padding-right : 2.5%;
}
	
.home_sloupec p{

	text-align : center;
	margin-top : 0px;
	padding-top : 0px;
	margin-bottom : 0px;
	padding-bottom: 0px;
	
	
}	

.home_sloupec img{
	text-align : center;
	border : 0px solid #acacac;
}	

.home_sloupec a{
	color : #595959;
	font-size : 20px;
}	

p.home_sloupec_nadpis{
	color : black;
	font-size : 18px;
	padding-top : 10px;
	padding-bottom : 10px;
}	

p.home_sloupec_popis{
	color : black;
	font-size : 16px;
	padding-top : 12px;
	padding-bottom : 10px;
	
}	

p.home_sloupec_cena{
	color : Red;
	font-size : 20px;
	padding-top : 5px;
	padding-bottom : 15px;
}	

/* ==================== Header 6 end  ====================== */		

.detail_related_zbozi_sloupce_wrap {
	width : 90%;
	background-color : Aqua;
	margin-left : 10%;
}

.detail_related_zbozi_sloupec_levy{
	sbackground-color : Lime;
	width : 36%;
	min-height:250px;
	_height:250px;
	float : left;
	padding-left : 0%;
	padding-right : 2%;
	padding-top : 8%;
}


.detail_related_zbozi_sloupec_pravy {
	sbackground-color : #FCF8E7;
	width : 50%;
	float : left;
	text-align : center;
	smin-height : 312px;
	s_height:312px;
	padding-left : 0%;
	padding-right : 0%;
	padding-top : 4%;
	
}

.detail_related_zbozi_sloupec_pravy  p
{
	text-align : left;
	color : #5A5A5A;
	font-size : 16px;
	font-weight : Normal;
	line-height : 150%;
	padding-left : 6%;
	padding-right : 6%;
}

.detail_related_zbozi_ hr
{
	/*
	width : 90%;
	color : #2fa2fb;
	background-color : #2fa2fb;
	border : 0px solid Green;
	*/
	
	stext-align : center;
	width : 80%;
	margin:0 auto;
	color : #2fa2fb;
	background-color : #2fa2fb;
	height : 1px;
	border:0px;
	
}

/* ==================== Pokladna cast 1 start ====================== */

#pokladna_cast_1{

}

#pokladna_cast_1  hr
 {
	height : 1px;
	background-color : Gray;
	color : Gray;
	border : 0px;
}

#pokladna_cast_1  h2
 {
	color : Gray;
	text-align : center;
}

.tlacitko_prepocitat  {
	background-color : #7aa60f;
	font-family : Arial;
	font-size: 1.7vw;
	color: White;
	font-weight : bold;
	border : 1px solid black;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 7px;
	padding-right : 7px;
}


.pokladna_table_cast_1

{
	background-color : #EDFBCE;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	padding-bottom : 10px;
}


.pokladna_polozka_cast_1_1

{
	font-size: 1.7vw;
	font-weight : bold;
	width : 60%;
	  /* background-color : Aqua;  */ 
}

.pokladna_polozka_cast_1_2

{
	font-size: 1.7vw;
	font-weight : bold;
	width : 10%;
	  /* background-color : Fuchsia;  */ 
}

.pokladna_polozka_cast_1_3

{
	font-size: 1.7vw;
	font-weight : bold;
	width : 5%;
	padding-left : 5px;
	  /* background-color : Aqua;  */ 
}

.pokladna_polozka_cast_1_4

{
	font-size: 1.7vw;
	font-weight : bold;
	width : 10%;
	padding-left : 10px;
	/*  background-color : Fuchsia;  */
}

.pokladna_polozka_cast_1_5

{
  padding-left : 8px;
  /* background-color : Aqua;  */ 
}

.pokladna_soucet_cast_1_1

{
	font-size: 1.7vw;
	font-weight : bold;
	width : 60%;
	color : Red;
	padding-top : 30px;
}

.pokladna_soucet_cast_1_2

{
	font-size: 1.7vw;
	font-weight : bold;
	color : Red;
	padding-top : 30px;
	padding-left : 10px;
	width : 10%;
}


.pokladna_polozka_cast_1_input {
	font-size: 1.7vw;
	color: Black;
	background-color : White;
	font-weight : normal;
	width : 25px;
	border : 1px solid #8b8b8b;
	vertical-align : top;
	margin-top : 1px;
	margin-left : 5px;
}

.pokladna_kontaktni_udaje_input {
	font-size: 2.5vw;
	color: Black;
	background-color : White;
	font-weight : normal;
	width : 77%;
	border : 1px solid #8b8b8b;
}

td.popispolozka {
	font-size:1em;
	height : 32px;
}

/* ==================== Pokladna cast 1 end ====================== */	

/* ==================== Pokladna cast 2 rekapitulace start ====================== */	

p.rekapitulace_napis {
	font-size:1.4vw;
	color : Green;
	font-weight : bold;
}

/* ==================== Pokladna cast 2 rekapitulace end ====================== */		

.btn {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	font-family: Arial;
	color: black;
	font-size: 14px;
	background: #4169E1;
	padding: 8px 18px 8px 18px;
	text-decoration: none;
	margin-left:10px;
	font-weight : bold;
}

.btn:hover {
  background:#ffca00;
  text-decoration: none;
}	

/* ==================== Tlacitka  start ====================== */

.tlacitko_standart {
	background-color : #339900;
	/* background-color : #fcd228;
	*/
	font-family : Arial;
	font-size:3vw;
	color: White;
	font-weight : bolder;
	border : 1px solid black;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 10px;
	padding-right : 10px;
}

.tlacitko_koupit {
	background-color : #339900;
	/* background-color : #fcd228;
	*/
	font-family : Arial;
	font-size:11pt;
	color: White;
	font-weight : bolder;
	border : 1px solid black;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 10px;
	padding-right : 10px;
}


/* ==================== Tlacitka  end ====================== */




}