﻿@charset "utf-8";
/* CSS Document */

body {
	background: #dfe8f6 url(../grafika/pozadi.png) left top repeat-x; 
	color:black; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; cursor:default; 
	margin: 0px 0px 20px 0px; 
	}
 
a img { 
	border:none; 
	}
 
a { 
	color:#931b0c;
	text-decoration: none;
	
	}
 
a:hover { 
	color:#ba4e40;
	text-decoration: underline;
	}

h1 { 
	font-size:24px; 
	font-weight:normal; 
	color:#931b0c; 
	margin:0px 0px 10px 0px;  
	}
 
h2 { 
	font-size:14px; 
	font-weight:normal; 
	color:#083a83; 
	margin:0px;  
	}
 
h3 { 
	font-size:14px; 
	font-weight:normal; 
	color:#083a83; 
	margin:0px; 
	font-style: italic; 
	}
 
#hlavnidiv { 
	width: 1000px; 
	position:relative; 
	left:50%; 
	margin-left:-500px; 
	color: #000000; 
	padding-top:0px;  
	padding-bottom: 20px;
	}
 
 
/*header*/
#hlavicka { 
	height:103px; 
	background:#dfe8f6 url(../grafika/logo.jpg) left top no-repeat;  
	}

/*menu*/
#menu { 
	height:31px; 
	background:#dfe8f6 url(../grafika/menu-podklad.jpg) left top no-repeat; 
	padding: 4px 0px 0px 10px; 
	font-size:13px;  
	}
	
.odkaz { 
	width:116px; 
	height:31px; 
	float:left;  
	text-align:center; 
	margin-right:15px; 
	padding-top:0px; 
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
	
.odkaz a { 
	color:#083a83; 
	display:block; 
	padding: 12px 0px 3px 0px;
	background: url(../grafika/odkaz-podklad.png) left top repeat-x; 
	text-decoration: none;
	font-style: italic;
	}
	
.odkaz a:hover { 
	color:#781308;
	background: url(../grafika/odkaz-podklad-hover.png) left top repeat-x; 
	}
	
.odkaz-aktiv { 
	width:116px; 
	height:31px; 
	float:left;  
	text-align:center; 
	margin-right:15px; 
	padding-top:0px; 
	background: url(../grafika/odkaz-podklad-aktiv.png) left top repeat-x; 
	}
	
.odkaz-aktiv a  { 
	color:#000000; 
	display:block; 
	padding: 12px 0px 3px 0px; 
	text-decoration:none; 
	font-weight:normal; 
	}

/*contain*/   
#levy-sloupec { 
	width:660px; 
	float:left; 
	background:#81a2d5; 
	padding: 0px 0px 0px 0px;  
	margin-bottom: 20px;
	}
	
#levy-sloupec p { 
	margin:8px 0px 8px 0px;
	}
	
#levy-sloupec li { 
	background: url(../grafika/odrazka.png) left 3px no-repeat; 
	padding:0px 0px 3px 15px; 
	list-style:none;
	}
	
#levy-sloupec ul {
	margin: 5px 0px 5px -30px;
	}
	
*+html div #levy-sloupec ul {
	margin: 5px 0px 5px 0px;
	}
	
#text { 
	width:640px; 
	min-height:363px; 
	float:left; 
	background:#cedef4 url(../grafika/levy-sloupec-podklad.png) left top repeat-x; 
	padding: 15px 9px 0px 9px; 
	margin:0px 1px 0px 1px  }
	
#uvodni-text { 
	background:#CEDEF5; 
	padding: 15px 15px 10px 15px; 
	margin-bottom:10px; 
	font-size:13px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;  
	}
	
#uvodni-text em { 
	font-size:16px; 
	padding-bottom:10px !important; 
	display: block;}
	
#uvodni-text p { 
	margin-top:10px;
	}
	
#uvodni-text img { 
	border: none !important; 
	margin-right: 15px !important;
	}
	
#text img { 
	float:left; 
	margin:0px 10px 15px 0px;   
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
	}
	 
#seznam {   
	}
	 
#button {
	background: #336BB8; /* old browsers */
	background: -moz-linear-gradient(top, #336BB8 0%, #2b88d9 50%, #207cca 51%, #86B5EB 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#336BB8), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#86B5EB)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336BB8', endColorstr='#86B5EB',GradientType=0 ); /* ie */

	-moz-box-shadow: 3px 3px 4px #2A5BA7;
	-webkit-box-shadow: 0px 0px 4px #2A5BA7;
	box-shadow: 3px 3px 4px #2A5BA7;
	/* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#2A5BA7')";
	/* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#2A5BA7');

	display: block; 
	padding: 10px; 
	width: 220px; 
	text-align: center; 
	color: #CEDEF5; 
	border-radius: 3px; 
	font-size: 16px; 
	margin-top: 80px;
	}

 
#button:hover {
	background: #004FB7; /* old browsers */
	background: -moz-linear-gradient(top, #004FB7 0%, #0077D8 50%, #006EC9 51%, #599DEA 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004FB7), color-stop(50%,#0077D8), color-stop(51%,#006EC9), color-stop(100%,#599DEA)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004FB7', endColorstr='#599DEA',GradientType=0 ); /* ie */
	cursor: pointer;  
	}
		
#button a {
	color:#CEDEF5 ; 
	text-decoration: none;
	}

#uvodni-text input { 
	width:270px;
	height: 25px;  
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:#fff; 
	}
	
#uvodni-text textarea { 
	width:615px; 
	height: 200px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: #fff;
	}
	
#uvodni-text input.odeslat { 
	background: #336BB8; /* old browsers */
	background: -moz-linear-gradient(top, #336BB8 0%, #2b88d9 50%, #207cca 51%, #86B5EB 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#336BB8), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#86B5EB)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336BB8', endColorstr='#86B5EB',GradientType=0 ); /* ie */

	-moz-box-shadow: 3px 3px 4px #2A5BA7;
	-webkit-box-shadow: 0px 0px 4px #2A5BA7;
	box-shadow: 3px 3px 4px #2A5BA7;
	/* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#2A5BA7')";
	/* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#2A5BA7');

	display: block; 
	padding: 10px; 
	width: 220px; 
	text-align: center; 
	color: #CEDEF5; 
	border-radius: 3px; 
	font-size: 16px; 
	margin-top: 10px;
	border: none;
	height: 37px;
	}
	
#uvodni-text input.odeslat:hover {
	background: #004FB7; /* old browsers */
	background: -moz-linear-gradient(top, #004FB7 0%, #0077D8 50%, #006EC9 51%, #599DEA 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004FB7), color-stop(50%,#0077D8), color-stop(51%,#006EC9), color-stop(100%,#599DEA)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004FB7', endColorstr='#599DEA',GradientType=0 ); /* ie */
	cursor: pointer;  
	}
	
#rohy { 
	width:660px; 
	height:6px; 
	float:left; 
	background:#dfe8f6 url(../grafika/rohy.png) left top no-repeat; 
	padding: 0px 0px 0px 0px; 
	margin:0px 0px 0px 0px  
	}
	

   
/*sidebar*/
#druhy-sloupec { 
	width:320px; 
	float:right; 
	padding-left:20px; 
	border-left:#81a2d5 1px solid;
	}
   
#pravy-sloupec { 
	width:298px; 
	min-height:393px; 
	float:left; 
	background:#84B7E6 url(../grafika/pravy-sloupec-podklad.png) left bottom repeat-x; 
	padding: 0px 0px 0px 0px; 
	padding: 15px 21px 0px 21px;  
	} 
   
#galerie { 
	width:296px; 
	border:#74a1d6 1px solid;  
	padding: 0px 0px 3px 0px; 
	margin-bottom:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;  
	}
	
#galerie img, .fotogalerie img  { 
	  
	margin: 9px 5px 5px 9px;   
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	opacity: 0.9;  
    filter: alpha(opacity=90);  
    -moz-opacity: 0.9;  
    -khtml-opacity: 0.9; 
	}
	
.fotogalerie img  { 
	  
	margin: 9px 0px 5px 7px !important;   
	}
	
#galerie img:hover, .fotogalerie img:hover { 
	opacity: 1;  
    filter: alpha(opacity=100);  
    -moz-opacity: 1;  
    -khtml-opacity: 1; 
	}
   
#novinky { 
	width:276px; 
	border:#74a1d6 1px solid;  
	padding: 10px 10px 10px 10px; 
	margin:0px 0px 0px 0px; 
	font-style:italic;  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
#novinky p { 
	margin:3px 0px 3px 0px; 
	}
   
#novinky input { 
	width:270px; 
	 
	}
	
#novinky input.email { 
	width:270px; 
	height:20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:#fff;
	 
	}

	
#novinky textarea { 
	width:270px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:#fff;  
	}
	
.odeslat { width:70px;   
	}
   
#neviditelny { 
	display:none; 
	}

/*footer*/   
	
#copyright { 
	color:#739fbd; 
	text-align:left; 
	font-size:11px; 
	margin:0px 20px 20px 0px;
	
	width: 1000px; 
	position:relative; 
	left:50%; 
	margin-left:-500px; 
	color: #000000; 
	padding-top:0px;  
	padding-bottom: 20px;
	}

#copyright a, #copyright-index a { 
	color:#083a83; 
	}
	
#copyright a:hover, #copyright-index a:hover { 
	color:#1e59b0; 
	}
