/* ******************************************************* */
/* Copyright © 2015 Váš prostor, s.r.o. - všechna práva vyhrazena*/
/* Autor: Váš prostor, s.r.o.*/
/* ****************************************************** */
* {
  box-sizing: border-box;
}

@font-face {
    font-family: font_black;
    src: url(../font/NunitoSans-Black.ttf);
}
@font-face {
    font-family: font_blackitalic;
    src: url(../font/NunitoSans-BlackItalic.ttf);
}

@font-face {
    font-family: font_regular;
    src: url(../font/NunitoSans-Regular.ttf);
}

@font-face {
    font-family: font_light;
    src: url(../font/NunitoSans-Light.ttf);
}

@font-face {
    font-family: font_bold;
    src: url(../font/NunitoSans-Bold.ttf);
}

@font-face {
    font-family: font_semibold;
    src: url(../font/NunitoSans-SemiBold.ttf);
}

@font-face {
    font-family: font_extralight;
    src: url(../font/NunitoSans-ExtraLight.ttf);
}
		
@font-face {
    font-family: font_mediumitalic;
    src: url(../font/NunitoSans-MediumItalic.ttf);
}	




body, html
{	
	border: 0px none;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	text-align:center;
	font-family: font_regular;
	height: 100%;
	background-color:white;
}

div{position:relative;}

a{
		font-family: font_regular;
		color:#3fbc93;
		font-size:14px;
		text-decoration:none;
}

a:hover
{
	font-family: font_regular;
	color:#3fbc93;
	font-size:14px;
	text-decoration:underline;
}

p{
	font-size:14px;
	font-family: font_regular;
	color:#000000;
}

ul{
	padding:0px;
	margin:0px;
	list-style: none;
	list-style-position: inside;
	}

	
	ul li
	{
		line-height:30px;
		font-family: font_regular;
		font-size: 14px;
	}
	
	

img
{
	border:0px;
	max-width: 100%;
	
}

h1, h2
{	

font-size:24px;
line-height: 30px;
font-weight:normal;
color:#3fbc93;

padding:0px 0px 0px 0px;


min-height:20px;
	_height:20px;

/*border-top:1px #a9d574 solid;*/ 
/*border-bottom:1px #a9d574 solid;*/ 

font-family: font_black;
margin-left:0px;
margin-bottom:0px;
width:100%;
/*padding-left:calc((100% - 1180px)/2);*/
}

	 @media only screen and (max-width: 600px)
		{
			h1, h2
			{
			line-height:25px;
			}
		}

h2.nadpis_oranzova, h1.nadpis_oranzova
{
	background:none;
	background-color: #ffa72c;
}


	h1 a, h2 a
	{
	font-size:24px;
	line-height: 30px;
	font-weight:normal;
	color:#3fbc93;
	text-decoration:none;
	}

		h1 a:hover, h2 a:hover
		{
		
		font-size:24px;
		line-height: 30px;
		text-decoration:none;
		color:#3fbc93;
		font-weight:normal;
		}
		
		@media only screen and (max-width: 600px)
		{
			h1 a, h2 a, h1 a:hover, h2 a:hover
			{
			line-height:20px;
			}
		}



h3
{	
font-family: font_black;
color:#1a1a1a;
font-size:20px;
padding: 0px 0px 0px 0px;
font-weight:bold;
text-transform: uppercase;
font-weight:normal;
}

	h3 a
	{
	text-decoration:none;
	color:black;
	}
	
	h3 a:hover
	{
	text-decoration:none;
	font-weight:normal;
	color:black;
	}

h4
{	
font-family: font_regular;
color:#ff7f40;
font-size:20px;
padding: 0px 0px 0px 0px;
font-weight:bold;
text-transform: uppercase;
font-weight:normal;
}

	h4 a
	{
	text-decoration:none;
	color:#ff7f40;
	}
	
	h4 a:hover
	{
	text-decoration:none;
	font-weight:normal;
	color:#ff7f40;
	}	
	
	
table
{width:100%;}
	
	table tr
	{}
	
		table tr.licha
		{}
		
		table tr.suda
		{background:#fafafa;}

	table tr th 
	{}

		table tr td
		{}

div.vypis_tabulka_univerzal
{
overflow: auto;
width: 100%;
}

/*********FORMULAR**************/

	form {
		font-size:12px;
		width:260px;
		font-family: font_light;		
		padding:14px;
		text-align:center;
		margin:auto;
	}
	
	@media only screen and (max-width:500px)
	{
		form 
		{
		width:100%;
		}
	}
	
	form fieldset 
	{
	margin:5px;
	border:0px;
	}
	
	form label 
	{
	font-weight:normal;
	width:260px;
	font-family: font_light;
	text-align:left;
	display:block;
	}
	
	@media only screen and (max-width:500px)
	{
		form label 
		{
		width:100%;
		}
	}
	
	form div.popisek_form, form div.popisek_form_aktiv
	{
		background-image:url('../images/struktura/formular_popisek.jpg');
		background-repeat: no-repeat;
		background-position: right center;
		line-height:20px;
		font-family: font_light;
		font-size:18px;
		position:absolute;
		left:-10px;
		width:250px;
		text-align:right;
		padding-right:40px;
	}
	
	@media only screen and (max-width: 720px)
	{
		form div.popisek_form
		{
		position:relative;
		left:0;
		text-align:left;
		
		}
	}
	
	div.obal_kontrola
	{position:relative;}
	
	div.obal_kontrola #login_status, div.obal_kontrola #email_status
	{
		position:absolute;
		right:0px;
		top:30px;
	}
	
	div.obal_checkbox
	{
		text-align:left;
		
	}
	
	form input
	{
	font-weight:normal;
	font-size:12px;
	font-family: font_light;
	padding:4px 2px;
	border:0px;
	width:260px;
	background:#f5f5f5;
	margin:2px 0 15px 0px;
	line-height:40px;
	}
	
	@media only screen and (max-width:500px)
	{
		form input
		{
		width:100%;
		}
	}
	
		input.velky
		{width:400px;}
	
		input.spam
		{width:100px;}
		
		
	div.datum_narozeni select
	{width:30%;}
	
	
	form input[type="checkbox"]{
	width:30px;
	border:1px solid black;
	}
	
	form input[type="radio"]{
	width:20px;
	}
	
	form select
	{
	font-size:12px;
	padding:4px 2px;
	background:#f5f5f5;
	border:0px;
	line-height:40px;
	width:260px;
	margin:2px 0 15px 0px;
	}
	
	@media only screen and (max-width:500px)
	{
		form select
		{
		width:100%;
		}
	}
	
	form legend
	{
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #029AAF;
	width:206px;
	margin:2px 0 15px 0px;
	font-weight:bold;
	}
	
	form textarea, .poznamka_rezervace{
	background:#f5f5f5;
	font-weight:normal;
	font-size:12px;
	font-family: font_light;
	padding:4px 2px;
	border:0px;
	width:260px;
	background:#f5f5f5;
	margin:2px 0 15px 0px;
	}
	
	form label.povinne {color:red;}
	
	form .text_checkbox
	{float:left;width:180px;}
	
	form .text_checkbox_2
	{float:right;width:330px;}
	
	form input[type="submit"], input[type="button"]
	{
	background:#3c3c3c;
	color:white;
	width:200px;
	font-size:16px;
	
	border:0px;
	line-height: 40px;
	font-family: font_light;
	font-weight: normal;
	}

/*********FORMULAR**************/

#zobraz_chyby_formular, #zobraz_chyby_formular2
{
width:100%;
background:#E00022;
color:white;
text-align:left;
padding:10px;
font-size:14px;
margin-top:30px;
display:none;
border:2px solid silver;
}


.resetovac
{	border: 0px none;
	margin: 0px;
	padding: 0px;
	float: none;
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

/* ***************************** */
/* styly k ok chyba                 */
/* ***************************** */
.error
{	display:block;
	background-image: url('/modul/error.png') ;
	background-color:#CF3333;
	background-position: center left;
	background-repeat: no-repeat;
	padding: 12px 2px 12px 42px;
	border:1px solid red;
	font-weight:bold;
}
.ok {
	font-size:1em;
	color:green;	
	font-weight:bold;
}

.ok_uzivatel {
	font-size:1em;
	color:white;
	padding:4px;	
	font-weight:bold;
	background:green;
}
.error_prohlizec
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:60px;
text-align:center;
background:red;
z-index:1000;
color:white;
line-height:4em;
font-size:16px;
font-weight:bold;
}

	.error_prohlizec a
	{
	color:orange;
	text-decoration:underline;
	}

/*************HLASENI INFOBOX***************/
div.infobox div.ok {background-color:green;color:white;padding:10px 10px 10px 10px;position:absolute;top:0px;left:0px;z-index:15000000;width:100%;}
div.infobox div.informace {background-color:grey;color:white;padding:10px 10px 10px 10px;position:absolute;top:0px;left:0px;z-index:15000000;width:100%;}
div.infobox div.chyby {background-color:red;color:white;padding:10px 10px 10px 10px;position:absolute;top:0px;left:0px;z-index:15000000;width:100%;}