﻿/* ------------------------------ RESET ------------------------------ */

* { margin: 0px; padding: 0px; border-width: 0px; border-style: solid; box-sizing: border-box; background-color: transparent; text-decoration: none; }

/* ------------------------------ RESET ------------------------------ */

html		{ height:		100%; 
		margin-left: 	calc(100vw - 100%);
		} 

body                         { height:                     100%;
		background-image:	url('../img/bg.jpg');
		background-attachment:	fixed;	/* posouvání obrázkového pozadí */
                               	/* background-color:           NavajoWhite; 
		background: 	linear-gradient(45deg,  NavajoWhite, lavender); */
		font-weight:	normal;
		font-size:		16px;
       		/* float: 		left; */ 		/* obtékání prvku */
		}

#hlava	 	{ 
		/* background-color:	MistyRose; */
		position:		absolute;
		left:		280px;

		width:		670px;
		height:		65px;
		border-style:	none;
		padding:		10px;
		}

#all		{ 
		/* background-color:	moccasin; */
		/* background-image:	url('../img/bg.gif'); */
		position:		relative;
		width:		1000px;
		min-height:	100%;
		margin:		0px auto 0px auto;
		}

iframe		{ width:		100%; }

#left		{ display:		block;
		/* background-color:	yellow;  */
		position:		absolute;
		top:		0px;
		left:		0px;
		width:		234px;
		padding:		10px;
		}

#right 		{ display:                    block;
		/* background-color:	LightCyan; */
		position:		absolute; 
		right: 		0px; 
		width:		756px;
		top: 		65px;
		min-height:	40%;
		padding:		15px;
		border: 		double;	/* dvojitá čára rámečku */
		color: 		black;	/* barva rámečku */
		border-radius:	20px;	/* zaoblení rámečku */
		/* background: 	transparent; */	/* barva výplně rámečku #f4a460 */
		}

#pata 		{
		display:               block;
		position:              relative;
		font-size: 	12px;
		font-family: 	Arial, Helvetica, sans-serif;
		color: 		black;
		text-align: 	center;
		background-repeat: no-repeat;
                              width:                 720px;

                              margin:                0px 0px 0px 0px;
                              padding:               0px 0px 0px 0px;
                clear:		both;
		}

#patalink a:link, #patalink a:visited, #patalink a:active 
		{
		font-size: 	12px;
		font-family: 	Arial, Helvetica, sans-serif;
		color: 		grey;
		text-decoration: 	none;
		} 

H1		{ text-align:	center; }

.ban234x60	{ display:		block;
		position:		relative;
		left:		450px;
		width:		234px;
		}

.p_linka 		{
		border-top: 	1px solid black;	/*  linka = "nadtržení" */
		padding-top: 	.2em;
		text-indent: 	2em;
		}

.td_top		{ 
		text-align:		left;
		vertical-align:	top;
		}

.box-shadow_10	{ box-shadow: 	 4px 6px 10px black; }
.box-shadow	{ box-shadow: 	 4px 6px 20px black; }
 
.box-shadow_400	{ box-shadow: 	 4px 6px 20px black;
		width: 		400px; 
  		margin-left:	auto ;
  		margin-right:	auto ;
		}

.border-radius	{ border-radius: 	5px; }
.border-radius10	{ border-radius: 	10px; }

.blue		{ color:		#0000FF; }

.red		{ color:		red; }

.center		{ text-align:	center; }

.center_red	{ text-align:	center; 
		color:		red; }

.center_blue	{ text-align:	center; 
		color:		#0000FF; }

.justify		{ text-align:	justify; }

.clear_5                   { height:		5px;
		margin:		0px 0px 0px 0px;
		padding:		0px 0px 0px 0px;
		clear:		both;
		 }

.clear_10                   { height:		10px;
		margin:		0px 0px 0px 0px;
		padding:		0px 0px 0px 0px;
		clear:		both;
		 }

.clear_15                   { height:		15px;
		margin:		0px 0px 0px 0px;
		padding:		0px 0px 0px 0px;
		clear:		both;
		 }

.clear_20                   { height:		20px;
		margin:		0px 0px 0px 0px;
		padding:		0px 0px 0px 0px;
		clear:		both;
		 }