@media screen {

* {
	margin: 0px; padding: 0px;
}
body {
	color: #7D7D7D; background-color: White;
	font-size: 90%;	
	line-height: 160%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	position: relative;		
	top: 0px; left: 0px;
	width: 100%;
}	
h1, h2, h3, h4, p, ul {
	margin: 0 0 1.5em 0;
	font-weight: normal;
}
h1 {
	font-size: 1.5em;
   color: #336699; background-color: white;
}
h2 {
	font-size: 1.3em;
   color: #336699; background-color: white;
	padding-bottom: 0.3em;
	border-bottom: 1px dotted #336699;
}
h3 {
	font-size: 1.1em;
	margin-top: 2.5em;
	color: green; background-color: white;
}
h4 {
	color: #336699; background-color: white;
	font-size: 1em;
	margin-bottom: 0.5em;
}
p {
	margin-bottom: 2em;
}
hr {
	display: none;
}
.clear {
	display: block;
	clear: both;
	height: 1px;
}



/* ********************************************************** 
            = Kontejner
********************************************************** */
#kontejner, #zapati, .nav-in {
	margin: 0 auto; padding: 0;
	width: 760px;
   border: none;
	text-align: left;	
}  
.kontejner-in {
	padding: 0px;	
}



/* ********************************************************** 
            = Zahlavi
********************************************************** */
#zahlavi {
	height: 227px;
	margin-bottom: 130px;	
	background-image: url(../img_web/pozadi_strom.jpg);
	background-repeat: no-repeat;
	background-position: 90px 0px;
	position: relative;
}
#zahlavi .logo {
	color: #336699;
	font-size: 2em;
	position: relative;
	top: 170px; left: 0px;
}
#zahlavi .logo a, #zahlavi .logo a:link, #zahlavi .logo a:visited {
	color: #336699;
	text-decoration: none;
}
#zahlavi .logo a:hover {
	color: #339933;
	text-decoration: underline;
}
#zahlavi .logo strong {
	font-weight: normal;
}
#zahlavi blockquote p {
	font-size: 1.2em;
	font-weight: bold;
	width: 20em;
	float: right;
	margin-right: 0em;
	line-height: 160%;
	color: #336699; background-color: white;
	font-family: "Times New Roman", Times, serif;
	text-align: right;
	margin-top: -30px;
	padding-left: 70px;
}
#zahlavi blockquote p span.left {
	margin-right: 20px;
}
#zahlavi blockquote p span.right {
	margin-left: 20px;
}


/* ********************************************************** 
            = Obsah
********************************************************** */
#obsah {
	width: 600px; 
	float: left;	
}
.obsah-in {
	padding-right: 50px;
}
#obsah p a, #obsah p a:link, #obsah p a:visited, #obsah ul li a, #obsah ul li a:link, #obsah ul li a:visited  {
	color: #336699; background-color: white;
}
#obsah p a:hover, #obsah ul li a:hover {
	color: #339933; background-color: white;
}
#obsah ul {
	margin-left: 0px;
}
#obsah ul li {
	margin-bottom: 10px; margin-left: 0px;
	padding-left: 15px;
	background-image: url(../img_web/odrazka_projekty.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
	list-style: none;
}
#obsah p strong {
	color: #336699;
	font-style: italic;
}

/* = Index */
/************************* */
#index #obsah p {
	background-image: url(../img_web/linka.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 30px;
}
#index #obsah p.posledni {
	background-image: none;
}


/* = Zkusenosti */
/************************* */
#zkusenosti #obsah h2 {
	margin-top: 3em;
}


/* = Kontakt */
/************************* */
#kontakt #obsah p {
	line-height: 180%;
	margin-bottom: 3em;
}



/* ********************************************************** 
            = Obsah-2
********************************************************** */
#obsah-2 {
   width: 158px; height: 720px;
	float: right;
	background-image: url(../img_web/pozadi_obsah_2.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}


/* ********************************************************** 
            = Nav
********************************************************** */
#nav {
	position: absolute;
	top: 227px; left: 0;
	width: 100%;
	color: white; background-color: transparent;
	background-image: url(../img_web/pozadi_nav.gif);
	background-repeat: repeat-x;		
}
#nav .nav-in {
   height: 62px;
	background-image: url(../img_web/pozadi_nav_koreny.gif);
	background-repeat: no-repeat;
	background-position: 70px 0;
}
#nav ul {
	margin-left: 0px; 
	position: absolute;
	top: 25px;
}
#nav ul li {
	float: left;
	background-color: #0f8bb7;
	list-style-type: none;
	padding-right: 20px;
	margin-right: 20px;
	font-size: 1em; 
	line-height: 1em;
	padding-top: 0px; margin-top: 0px;
	border-right: 1px solid white;
}
#nav ul li a {
	color: White; background-color: transparent;
	text-decoration: none;
	display: block;
	padding-top: 10px;	
}
#nav li a:hover {
	text-decoration: underline;
}
#index #nav li.nav-index a,
#zkusenosti #nav li.nav-zkusenosti a,
#projekty #nav li.nav-projekty a,
#kontakt #nav li.nav-kontakt a, 
#calendar #nav li.nav-calendar a, 
#blog #nav li.nav-blog a {
	border-top: 3px solid #C3D9EB;
	padding-top: 7px;
}
#index #nav li.nav-index a:hover,
#zkusenosti #nav li.nav-zkusenosti a:hover,
#projekty #nav li.nav-projekty a:hover,
#kontakt #nav li.nav-kontakt a:hover, 
#calendar #nav li.nav-calendar a, 
#blog #nav li.nav-blog a:hover {
	text-decoration: none;
}
.nav-index {
	border-left: 1px solid white;
	padding-left: 20px; margin-left: 0px;
}
#nav li.nav-blog a {
	padding-right: 25px;
	background-image: url(../img_web/odrazka_out.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
}



/* ********************************************************** 
            = Zapati
********************************************************** */
#zapati {
	color: White; background-color: transparent;
	clear: both;
	width: 800px;
	margin-bottom: 150px;
	padding-top: 115px;
   background-image: url(../img_web/pozadi_zapati_koruna.jpg);
	background-repeat: no-repeat;
	background-position: 230px 0;
}
#zapati .koreny {
	background-image: url(../img_web/pozadi_zapati.gif);
	background-repeat: repeat-x;			
	background-image: url(../img_web/pozadi_zapati_velke.gif);
	background-repeat: no-repeat;
	background-position: top;		
}
#zapati .zapati-in {		
	padding-top: 20px;
	background-image: url(../img_web/pozadi_zapati_koreny.gif);
	background-repeat: no-repeat;
	background-position: 230px 12px;
	height: 120px;
}
#zapati p {
	margin: 0px 10px 10px 20px;
	font-family: "Times New Roman", Times, serif;	
}
#zapati p a, #zapati p a:link, #zapati p a:visited {
	color: White; background-color: transparent;
}
#zapati p a:hover {
	color: Navy; background-color: transparent;
}
	
}



@media print {

#obsah-2, #nav, hr {
	display: none;
}
#zahlavi {
	margin-bottom: 100px;
}
#zahlavi blockquote p {
	margin: 0;
}
	
}

/* ********************************************************** 
            = ostatní
********************************************************** */




/*   = Opravy lezecek   */            
/************************* */