@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700,700i&display=swap&subset=latin-ext');

*{
padding: 0;
margin: 0;
box-sizing:border-box;
}

a img
{
border: 0px;
}

body
{
  margin: 0;
  padding: 0;
  background: white url('../grafika/pozadi_hlavicka.jpg') LEFT TOP repeat-x; /* vyška pozadi: 139px */
  font-family: 'Roboto', sans-serif;
  font-size: 100%;
}


#pataPozadi
{
  margin-top: 60px;
  width: 100%;
  padding-bottom:30px;
  //background: #f76426 url('../grafika/pozadi_paticka.jpg') TOP LEFT repeat-x;
  background-color:#12326e;
}

#pata-inner
{
	font-size: 100%; 
	line-height: 1.3em; 
	width: 845px; 
	margin: -5px auto 20px auto; 
	text-align: center; 
	color: white;
	padding-left:50px;
	clear:both;
}


#obal 
{
	width: 960px;	
	text-align: left;
	padding: 0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	vertical-align: top; 
}



#hlavicka
{
width: 960px; height: 227px; 
position:absolute; top: 0px;
/*background: url('/grafika/novahut.png') right 35px no-repeat;*/
}

.nadpis
{
float: left;
width: 100%;
height: 38px;
display: block;
margin: 0;
}

a.linkedin
{
float: left;
width: 29px;
height: 29px;
display: block;
position:relative; top: -23px;
background: url('../grafika/ico_linkedin.png');
margin: 0 ;
background-size:29px 29px;
padding: 0;
}

a.youtube
{
float: left;
width: 40px;
height: 29px;
display: block;
position:relative; top: -23px;
background: url('../grafika/ico_youtube_.png');
background-size:40px 29px;
margin: 0 15px 0 15px;
padding: 0;
}

a.twitter
{
float: left;
width: 35px;
height: 29px;
display: block;
position:relative; top: -23px;
background: url('../grafika/ico_twitter_s.png');
margin: 0;
background-size:35px 29px;
padding: 0;
}

a.facebook
{
float: left;
width: 29px;
height: 29px;
display: block;
position:relative; top: -23px;
background: url('../grafika/ico_fcb.png');
margin: 0 -0 0 15px;
background-size:29px 29px;
padding: 0;
}


#logoHlava
{
position:absolute; top: 0px; left: 0px;
}



#paticka a
{
color: white;
text-decoration: none;
}

#paticka a:hover
{
color: #36BCEE;
text-decoration: underline;
}

#pataMenu
{
	clear: both; 
	margin: 0 auto 10px auto; 
	font-size: 85%; 
	padding-left: 0px;
	text-align: center;
	width:auto;
	display:inline-block;
}

#pataMenu a
{
color: white;
font-weight: bold;
font-size: 85%;
text-decoration: none;
float: left;
margin-left: 5px;
}

#pataMenu a:hover
{
text-decoration: underline;
}

#pataMenu span
{
color: white;
font-weight: bold;
font-size: 85%;
text-decoration: none;
float: left;
margin-left: 5px;
}


                         


.borderColorAlert
{
border: 2px solid orange;
}

.stridatNev
{
display: none;
}

.stridat
{
display: block;
}

table.tabFormSoutez
{
font-size: 85%; line-height: 1.5em; color: #646464;
}

table.tabFormSoutez tr td
{
padding: 6px 3px; 
}

#paticka
{
	width: 960px; 
	margin-left: auto; 
	margin-right: auto; 
	display: block;
	text-align:center; 
}

#copy
{
	clear: both; 
	margin: 10px 0 0 0; 
	font-size: 75%; 
	width: 100%; 
	text-align: center;
}

.nadpis h2
{
	font-size:35px;
	font-weight:300;
	text-transform:uppercase;
	padding-left:15px;
	color:#200f08;
	margin-bottom:10px;
}

.content-block
{
	padding:10px 15px;
}

h1
{
	font-size:35px;
	font-weight:300;
	text-transform:uppercase;
	padding-left:30px;
	color:#200f08;
	padding-bottom:20px;
}

#logoHlava
{
	margin:34px 20px 39px 20px;
}

#logoHlava img
{
	height:70px;
}

#stredniPanel
{
	float: left; 
	margin-top: 248px; 
	width: 960px; 
	min-height: 400px;
}

@media(max-width:992px)
{
	 #obal, #stredniPanel, #hlavicka, #paticka, #pata-inner, .obsah
	 {
	 		max-width:100%;
	 }
	 
	 #pata-inner
	 {
	 		padding-left:30px;
	 		padding-right:30px;
	 }
	 
	 #paticka-social
	 {
	 		text-align:center;
	 }
	 
	 #paticka-social a
	 {
	 		display:inline-block;
	 		float:none;
	 }
	 
}

@media(max-width:768px)
{
	#stredniPanel
	{
		margin-top:380px;
	}
}



#lightbox-container-image-box 
{
	max-width:90%;
	padding-bottom:50px;
	z-index:9998;
}

#lightbox-container-image-data-box
{
	margin-top:-40px;
	z-index:9999;
	position:relative;
}

#lightbox-container-image-box
{
	height:auto!important;
}

#lightbox-container-image-box *
{
	max-width:100%;
}

@media(max-width:992px)
{
	#lightbox-container-image-data-box
	{
		max-width:90%;
	}
}

#vyroci-head
{
    float:right;
    margin-top:43px;
    height:51px;
    margin-right:18px;
}

@media(max-width:768px)
{
    #vyroci-head 
    {
       height:30px;
       margin-top:114px; 
    }        
}