/* --- layout --- */

body {min-width:807px;background:#fff;font-size:100%;font-family:Arial, sans-serif;color:#444;margin:15px 0px 7px 12px;padding:0} 

#page {width:807x;margin:0;}

#header {width:801px;background:rgb(0,0,0)}
#header .layout_1 {padding:0;}

#left {width:150px;height:22px;float:left;margin:5px 10px 5px 0;}
#right {width:150px;height:22px;float:left;margin:5px 0 5px 10px;}

#left, #right, #main, #footer {
font-size: 0.8em;
line-height: 1.5
}

#main {width:481px;float:left;border-top:5px solid #fff;}
#main .layout_1 {padding:12px 10px 12px 10px;}

#footer {width:800px;padding:10px;margin-top:10px;clear:both;font-size:0.7em;text-align:center}





.layout_2 {width:100%}

input, select, textarea { /* vlastnosti formularovych prvku */

	margin: 5px 5px 5px 5px;

	vertical-align: middle;}

/* --- hlavička --- */

#top {width:801px;height:150px;background: url("../img/main/vrch.jpg") no-repeat;border-bottom:0;font-weight:bold;padding:0px}

#label {background-color:rgb(0,0,0)}

/* --- drobnosti --- */

table,input,select,textarea {font:100% Arial, sans-serif}

p,form {margin:0}

#list {color:rgb(93,110,117);margin-top:0.5em;clear:both;text-align: right}
#list a{color:rgb(93,110,117)}

.al_right {text-align: right}
.al_left {text-align: left}

/* --- odkazy --- */

a:link {color:rgb(0,0,0);text-decoration:none}
a:active {color:rgb(0,0,0);text-decoration:none}
a:visited {color:rgb(0,0,0);text-decoration:none}
a:hover,a:focus {color:rgb(0,0,0);text-decoration:underline}

/* --- sloupce --- */

#left h2,#right h2 {
color:White;
background: url("../img/main/box_img.jpg") no-repeat ;
font-size:100%;
border: 1px solid rgb(161,161,161);
border-bottom: 0px;
margin:0.8em 0 0 0;
padding:0.1em 0.1em 0.1em 0.7em
}

#left h3,#right h3 {
font-size:110%;
margin:0;
margin-top:10px;
font-family:Tahoma,sans-serif
}

/* --- boxy --- */
.box {border:1px solid rgb(161,161,161);background:rgb(255,255,255);color:#4B4B4B;font-size:85%;padding:7px;margin-bottom:15px}

.box1 {border:1px solid rgb(161,161,161);background:rgb(255,255,255);color:#4B4B4B;font-size:85%;padding:0px 0px 0px 0px;margin-bottom:15px}

/* --- seznam článků --- */

#main h2 {font-size:140%}
#main h3 {clear: both;margin: 1em 0 0.4em 0;font-size:130%;color: green}

.rubrika {margin: 0em 0 0.4em 0;font-weight: bold;color: rgb(93,110,117)}
.info {float: left;padding: 0 0.4em 0 0;color: rgb(93,110,117);font-size: 85%}

.info a:link,
.info a:visited {color: rgb(93,110,117);}

.rubrika,
.rubrika a:link,
.rubrika a:visited {color: rgb(93,110,117);}

/* --- rubriky --- */

.menu {line-height: 1.6em}

.menu,
.menu a:link,
.menu a:visited {
color:#000;
text-decoration: none;
}

.menu a:hover {text-decoration: underline;}

/* --- zobrazení článku --- */

#clanek p {margin-top:0.5em;margin-bottom:1em;font-size: 85%;text-align: justify}
t
#clanek h2 {color:rgb(0,0,0);font-size: 120%}
#clanek h3 {color:rgb(0,0,0);font-size: 110%}

h4 {color:#fff;background-color:rgb(0,0,0);border: 1px solid rgb(161,161,161);padding:0 0 0 10px}



/* --- komentáře --- */

.com1 {background-color:rgb(263,263,263);
border:1px solid rgb(161,161,161);
font-weight:bold;
padding:3px}
.com1 a {font-weight: normal}

.com2 {border:1px solid rgb(161,161,161);border-top:0;border-bottom:0;background:rgb(255,255,255);padding:3px}

.com3 {border:1px solid rgb(161,161,161);border-top:0;background:rgb(239,239,239);padding:3px;text-align:right;margin-bottom:15px}

/* --- perex text ---*/

.justify {font-weight: normal;font-size: 85%;text-align: justify}


/* --- soupiska --- */

.s_hlavicka {border:1px solid black ;width: 460px;background:rgb(254,235,8) url("../img/main/box_img.jpg") no-repeat ; padding: 0px; margin: 0px; } 

.sb1 {width: 50px;text-align:center}  
.sb2 {width: 50px;text-align:center} 
.sb3 {width: 300px;} 
.sb4 {width: 50px;text-align:center} 

/* --- dotaznik,karta --- */

.n_karta {width:120px;height:10px;font-size : 11px;font-family : Arial;font-weight : bold;text-align : left; vertical-align: top;}
.t_karta {width:190px;height:10px;font-size : 11px;font-family : Arial;font-weight : normal;text-align : left;vertical-align: top;}
.n_dotaznik {width:120px;font-size : 11px;font-family : Arial;font-weight : bold;text-align : left; vertical-align: top;}
.t_dotaznik {width:340px;font-size : 11px;font-family : Arial;font-weight : normal;text-align : left;vertical-align: top;}
.h_dotaznik {border:1px solid black ;width: 460px;background:rgb(254,235,8) url("../img/main/box_img.jpg") no-repeat ; 
		padding: 2px; margin: 1px;font-size : 13px;font-family : Arial;font-weight : bold;} 
.n_jmeno {border-bottom:2px solid black ;width: 460px;font-size : 16px;
	font-family : Arial;font-weight:bold}


/* --- fotogalerie --- */
#galerie {
	text-align: center;
	padding: 0 0px;
	color: black;
}

#galerie #hlavicka {
	text-align: left;
}

#galerie #hlavicka h2 {
	font-size: 110%;
}

#galerie #nahledy {
	margin: 5px 0 0 0;
}

#galerie .radek {
	clear: both;
}

#galerie .radek .nahl {
	float: left;
	width: 130px;
	border: 0px solid;
	margin: 0 5px;
	background: white;
	padding: 5px 5px;
	text-align: center;
}

#galerie #nahledy .radek .text {
	text-align: center;
	margin: 0;
}

#galerie .cb {
	clear: both;
}

#galerie #strana {
	text-align: center;
}

#galerie #formulare {
	margin: 0 auto;
	width: 400px;
}

#galerie form {
	margin: 0;
	padding: 0;
	display: inline;
}

#galerie input {
	border: 1px solid black;
	background: white;
	color: #000;
	margin: 0;
	padding: 10px;
	width: 100px;
}

#galerie #formulare #prev {
	float: left;
}

#galerie #formulare  #next {
	float: right;
}

#galerie #image {
	padding: 15px 10px;
	text-align: center;
	width: 450px;
	border: 1px solid black;
	margin: 5px auto;
}

#galerie #image p {
	margin: 0;
	text-align: center;
}

#galerie #image .text {
	padding: 5px 0;
	text-align: center;
	margin: 10px 0;
}

#galerie img {
	border: 1px solid black;
}

#galerie .sipky img {
  border: 0;
  vertical-align: middle;
}

#galerie .sipky {
  margin: 0 20px;
}


.text_maly {margin-top:0.5em;margin-bottom:1em;font-size: 70%;text-align: justify}
.text_stredni {margin-top:0.5em;margin-bottom:1em;font-size: 85%;text-align: justify}

