/* ******************************************************* */
/* Copyright © 2015 Váš prostor, s.r.o. - všechna práva vyhrazena*/
/* Autor: Váš prostor, s.r.o.*/
/* ****************************************************** */

.galerie
{
margin-bottom: 10px;
position: relative;
width: 100%;
}

@media all and (max-width : 1180px)
{
	.galerie
	{
		width: 100%;
		padding:1%;
	}
	
}

.galerie .nadpis_div
{
	
}

.galerie .hlavicka
{
		width:1180px;
		margin-left:auto;
		margin-right:auto;
}

	@media all and (max-width : 1180px)
	{
		.galerie .hlavicka
		{
			padding-left: 0;
			width: 100%;
		}
	}	

.galerie div.oddelovac_hlavicka
{
	width:10%;
	border-top:1px solid #3fbc93;
	text-align:left;
	
	margin-bottom:10px;
}	
	

.galerie .telo
{
	min-height:50px;
_height:50px;
width:1180px;
margin-left:auto;
margin-right:auto;
}

	@media all and (max-width : 1180px)
	{
		.galerie .telo
		{
			width:100%;

		}
	}		
	

	

/* ******************************************************* */
/* CSS pro box - nahledy
/* ****************************************************** */
.galerie div.foto_box 
{ 
	 
	display: block; 
	float: left;
	height:auto;
	width:24%;
	
	margin-right:1%;
	margin-bottom:1%;
	
	vertical-align: middle; 
	text-decoration : none;
	text-align:center;
	height:200px;
	position:relative;
	overflow: hidden;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	
	cursor: pointer;
	
}


	@media all and (max-width : 1180px)
	{
	  .galerie div.foto_box
		{
			width:49%;
			
		}
	}
	@media all and (max-width : 480px)
	{
	  .galerie div.foto_box
		{
			width:100%;
			
		}
	}


.galerie div.druhy
{
/*	 margin-left:5%;
   margin-right:5%;*/
}

	@media all and (max-width : 1180px)
	{
	  .galerie div.foto_box
		{
		margin-left:0.5%;
   	margin-right:0.5%;
			
		}
		
	}
	@media all and (max-width : 480px)
	{
	 	.galerie div.druhy
		{
/*		margin-left:0%;
   	margin-right:0%;*/
			 
		}
	}		

	
	
	
.galerie div.foto_box a    
{   
display:block;
width:100%;
height:100%;
}

.galerie  .galerie_telo
{
	margin-top:18px;
	width:100%;
}




.galerie div.foto_box a:hover   
{ 


}
.galerie div.foto_box img 
{ 
width:100%;
max-width:100%;

}


.galerie div.foto_box h3{color:white;font-size:12px;padding:5px 0px 0px 0px;margin:0px;height:40px;}
.galerie div.foto_box h3 a{color:white;font-size:12px;padding:0px;margin:0px;font-weight:normal;}

.galerie div.foto_box span {}
.galerie div.foto_box div.prispevek_datum_vyfoceni{}
.galerie div.foto_box div.prispevek_text{
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	background-color:rgba(0, 0, 0, 0.4);
}


/* ******************************************************* */
/* CSS pro box - nahledy
/* ****************************************************** */


h1.nadpis_galerie
{

}

h1.nadpis_galerie a
{

}


h2.nadpis_galerie
{

}

h2.nadpis_galerie a
{

}

.galerie 
{
position:relative;
}

.galerie a
{	
}

.galerie p a
{	
}

.galerie p
{

}


.galerie .tucna_cervena, .tucna_cervena
{}


.galerie .box
{

width:657px;
text-align:center;
margin:auto;
}
.galerie .box .hlavicka
{
height:10px;
width:657px;

}

.galerie .box .telo
{
width:657px;


}
.galerie .box .telo .obsah
{
padding:5px;
text-align:justify;
}

.galerie .box .paticka
{
height:8px;
width:657px;

}

	.galerie .telo ul.seznam_pokoj
	{
		float:left;
		width:33%;
	}
	
	@media only screen and (max-width: 600px)
	{
		.galerie .telo ul.seznam_pokoj
		{
			width:100%;
		}
	}
	
.galerie .telo ul
{
		padding-left:25px;
		padding-right:25px;
}
.galerie .telo ul li
{
		line-height:25px;
		font-family: font_regular;
		font-size: 14px;
		list-style-image: url('../images/odrazka_15.png');
		list-style-position: outside;
}






/*** GALERIE UVOD GENERATOR*****/
.galerie_uvod
{
width:100%;
overflow: hidden;
}

.galerie_uvod img
{

width:auto;
margin:5px;
cursor: pointer;
float: left;
border: 0px;
height: auto;
max-width: 100%;
display: none;
}



/*UPLOAD MANAGER*/
#filedrag
{
	display: none;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0;
	color: #555;
	border: 2px dashed #555;
	border-radius: 7px;
	cursor: default;
}

#filedrag.hover
{
	color: #f00;
	border-color: #f00;
	border-style: solid;
	box-shadow: inset 0 3px 4px #888;
}

#messages
{
	padding: 0 10px;
	margin: 1em 0;
	border: 1px solid #999;
}


#progress {
  width: 100%;
  background-color: transparent;
}

#progress div
{
	position: relative;
	width:32%;
	float:left;
	margin-right:0.5%;
	margin-left:0.5%;
	margin-bottom:0.5%;
	height:200px;
	overflow: hidden;
}

#progress p {
  width: 1%;
  background-image: linear-gradient(to right, #deefcf, #6ba63a);
	display: block;
	margin:0;
	text-align:center;
	line-height: 26px;
	
}

#progress p.text_o_souboru
{
	width: 100%;
	background:white;
	overflow: hidden;
	height:40px;
	line-height:20px;
}

#progress p.success
{
	width: 100%;
	
}

#progress p.failed
{
	width: 1%;
	
}

#progress i
{
	color:red;
	font-size: 18px;
	cursor: help;
	/*margin-left:10px;*/
	position: absolute;
	top: 45px;
	left: calc(100% - 25px);
}

.obalka
{
	cursor: pointer;
	margin: 10px 0px 0px 5px;
}

.kontrola_soubor_ikona
{
	float: left;
	
}

img.nahled_obrazek_multiupload
{
	width:100%;
}