﻿/*
Theme Name: 3Vek
Theme URI: http://www.tretivek.cz/
Description: Nový vzhled webu 3vek
Version: 1.0
Author: Marek Par
Tags: yellow

*/

/* Begin Typography & Colors */
body {
	font-size: 12px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        background-color: #ffffc0;
	color: #333;
      	margin: 0 0 20px 0;
	padding: 0;

	}
#page {
   background: #ffffc0 url('images/podklad.jpg');
   background-repeat: repeat-y;
	background-color: white;
	margin: 00px auto;
	padding: 0;
	width: 994px;
	border: 0px solid #959596;
        text-align: left;
	}
#header {
   position: relative;
   top: 0px;
   left: 0px;
   /*background: #d5d6d7 url('images/podklad.jpg');*/
   background-color: #ffffc0;
   margin: 0px 0 0 35px;
   padding: 0px;
   width: 935px;
   border: 0px solid green;
   height: 160px;
	}

#content {
   padding: 0 0 0 0px;
   margin-left: 35px;
   width: 810px;
   position: relative;
   top: 18px; 
   height: 1500px;
   border: 0px solid blue;
}

#leader{
	padding: 0 0 0 0px;
	margin-left: 68px;
	width: 858px; 
	position: relative; 
  top: 0px; 
	border: 0px solid blue;
  /* left: 68px; */
}

#menu {
   border-bottom: 1px solid black;
   width: 935px;
   height: 21px;
   padding: 0px;
   margin: 5px 0 0px 35px;
   background: url('images/menu/podklad_02.jpg');
   overflow: hidden;
}
#menu a {
   text-decoration: none;
   color: black;
}
.menu_up {
   padding: 4px;
   text-align: center;
   font-weight: bold;
   float: left;
   border-right: 1px solid #ffffc0;
   border-left: 0px solid #ffffc0;
}
.menu_up:hover,
.menu_sub:hover {
   background: white;
}

#submenu {
   border: 0px solid red;
   width: 935px;
   padding: 0px 0 0px 0;
   margin: 0px 0 10px 35px;
   background: url('images/menu/podklad_13.jpg');
   overflow: auto;
}
.menu_sub {
   float: left;
   padding: 4px 3px;
   font-size: 12px;
   border-right: 1px solid #ffffc0;
}
.menu_sub a {
   color: #000;
   text-decoration: none;
/*   padding: 0;
   margin: 0;*/
}

#infomenu {
   
   width: 935px;
   height: 18px;
   padding: 2px 0 2px 0;
   margin: 0px 0 15px 35px;
   background: url('images/menu/podklad_13.jpg');
}
.svatek {
   float: left;
   margin-top: 1px;
   padding: 0 4px;
   }
.napistenam {
   float: right;
   margin-top: 1px;
   padding: 0 4px;
}
.napistenam:hover {
   background:white;
}
.napistenam a {
   color: black;
   text-decoration: none;
}
#obsah {
   position: absolute;
   width: 620px;
   top: 0px;
   height: auto;
   border: 0px solid blue;
   left: 183px;
   overflow: visible;

}

.perex {
   border: 0px solid #aaa;
   padding: 4px;
   margin: 0px 0px 4px 0px;
   height: 96px;
}
.perex img {
   border: 0px;
}
.prvni_img {
   width: 145px;
   height: 96px;
   overflow: hidden;
   margin-right: 5px;
   border: 0px solid red;
   text-align: center;
}
.uvodnik {
   width: 450px;
   border: 0px solid red;
   height: 96px;
   float: right;
   overflow: hidden;
   position: relative;
}
.uvodnik h2{
   margin: 0;
   color: red;
   text-decoration: none;
   font-size: 12px;
   width: 390px;
}
.uvodnik h2 a {
   color: #333;
}
.uvodnik a {
   color: red;
}
.uvodnik .datum_clanku {
   position: absolute;
   top: 0px;
   left: 383px;
   font-size: 12px;
   color: white;
   width: 60px;
   text-align: right;
   background-color: #bbb;
   padding: 0px 2px 0px 2px;

}
.uvodnik .autor {
   position: absolute;
   top: 80px;
   left: 3px;
   font-size: 12px;
   color: #666;
   width:350px;
   background-color: white;
   padding-left: 2px;
}
.uvodnik .pokracovani {
   position: absolute;
   top: 80px;
   right: 0px;
   width: 40px;
   color:gray;
   border: 0px solid #ccc;
}
.uvodnik .pokracovani a {
   color: #333;
}
.clanek {
   border: 0px solid #aaa;
   padding: 3px;
}
.clanek td {
    font-size: 12px;
}
.clanek a {
   color: black;
}
.clanek, .perex, .reklama, .komentar {
   width: 610px;
 }
.clanek, .perex {
   background: white;
}
.clanek h1 {
   font-size: 14px;
   color: #000;
   margin-bottom: 4px;
   margin-top: 0px;
   padding: 2px;
   background: #eee;
}
.clanek h1 a {
   color: #000;
   text-decoration: none;
   font-size: 14px;
   padding: 0;
   margin: 0;
}
.clanek h2 {
   font-size: 13px;
   background: #eee;
   margin: 0 0 5px 0;
   padding: 2px;
}
.clanek h3 {
   font-size: 12px;
   background: #eee;
   padding: 2px;
   margin: 0 0 5px 0;
}
.clanek form {
   font-size: 12px;
}

#footer {
   text-align: center;
}
#fotogalerie {
   border: 0px solid #aaa;
   margin-top: 8px;
   width: 170px;
}
.butonky {
   width: 170px;
   text-align: center;
   height: 16px;
   background: url('images/menu/podklad_13.jpg');
   margin-bottom: 10px;
   padding: 2px;
   font-size: 12px;
   font-weight: bold;
}
.butonky a {
   color: black;
   text-decoration: none;
}
.butonky:hover {
   color: #000;
   text-decoration: none;
   background: white;
}
.nadpis {
   text-align: center;
   height: 16px;
   font-size: 16px;
   font-weight: bold;
   padding: 2px;
   margin-top:0px;
   margin-bottom:10px;
   margin-right:35px;
   margin-left:0px;
}
#organizace {
   position: absolute;
   top: 0px;
   left: 423px;
}
#logo3v {
   position: absolute;
   top: 7px;
   left: 40px;

}
#left_bar {
   position: absolute;
   width: 170px;
   border: 0px solid silver;
   text-align: center;
   padding: 0;
   margin: 0;
   font-size: 12px;
   height: 600px;
   top: 0px;
   left: 0px;
}
.left_top {
   background-image:url('images/left_nadpis.jpg');
   background-repeat:no-repeat;
   height: 28px;
   padding-top: 3px;
   margin-top: 10px;

}
.left_center {
   background: white;
   height: 200px;
   color: #666;

}
.left_bottom {
   background-image:url('images/left_bottom.jpg');
   background-repeat:no-repeat;
   background-position: 2px 0;
   height: 20px;
}

#posledni_diskuse {
 width: 170px;
 border: 0px solid #aaa;
 background: white;
 background-image:url('images/left_nadpis.jpg');
 background-repeat:repeat-x;
 height: 202px;
 margin-top: 0px;
 padding: 0 0px 10px 0px;
 overflow: hidden;
}
#posledni_diskuse h3 {
   font-size: 12px;
   padding: 2px;
   margin: 0;
   margin-bottom: -12px;
}
#posledni_diskuse h4 {
   font-size: 12px;
   padding: 2px;
   margin: 0;
   background: #eee;
}
#posledni_diskuse img {
   border: 0;
}
#posledni_diskuse a {
   color: #444;
   text-decoration: none;
}

.navigation .alignleft{
   float: left;
   color: red;
}
.navigation .alignright{
   float: right;
   color: red;
}
.navigation a {
   color: red;
   font-weight: bold;
   
}
#navigace {
   padding: 0px 0px 10px 10px;
   margin: 5px 0 0 0;
}
#navigace a {
   color: black;
   
}
#toolbar {
   font-size: 10px;
   width: 180px;
   position: absolute;
   right: 0px;
   border: 0px solid red;
   text-align: right;
   height: 150px;
   padding: 0;
}
#toolbar a {
   color: #000;
}
#toolbar #s {
   width: 90px;
}
#toolbar #searchsubmit {
   width: 55px;
}
#toolbar form {
   margin-top: 10px;
}
#toolbar input {
   padding: 0px;
   margin: 0px;
}
#pocasi {
   position: absolute;
   bottom: 0px;
   right: 0px;
   border: 0px solid green;
   text-align: right;
}
#pocasi td {
   background: white;
   border: 1px solid silver;
   width: 60px;
}
#pocasi h4 {
   background-color:#ddffff;
   margin: 0;
   padding:0;
   color: #666;
   font-size: 10px;
}
#pocasi p {
   background-color: white;
   margin: 0px 0 0 0;
   border-top: 2px solid #999;
   font-size: 9px;
   font-weight: lighter;
}
#reklama_1 img {
    border: 0;
}
#reklama_1 {
   position: relative;
   background-image: none;
   width: 467px;
   height: 61px;
   border: 0px solid silver;
   margin-right: 60px;
   overflow: hidden;
}
#reklama_2 {
   position: absolute;
   left: 588px;
   width: 150px;
   height: 150px;
   border: 0px solid silver;
   margin-right: 60px;
   overflow: hidden;
}
#reklama_3 {
   position: absolute;
   margin: 0;
   padding: 0;
   height: 600px;
   top: 0px;
   left: 50%;
   margin-left: 352px;
   width: 120px;
   border: 0px solid blue;
}
#reklama_4 {
   border: 0px solid red;
   margin: 0 0 4px 0;
   height: 78px;
   background: white;
   padding-top: 18px;
   text-align: center;
   width: 618px;
}
#reklama_5 {
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 0px;
   height: 60px;
   text-align: center;
}
#reklama_6 {
   width: 150px;
   height: 150px;
   border: 0px solid silver;
   overflow: hidden;
   margin: 10px;
}


.komentar {
   border: 1px solid #666;
   background: #eee;
   color: #333;
   padding: 2px;
}
.komentar h4 {
   background: #fff;
   margin-top: 0;
   padding: 3px;
}
.firma {
   height: 75px;
   border: 1px solid #eee;
   padding: 3px;
   margin-bottom: 4px;
   overflow: hidden;
}
.firma .foto {
   width: 100px;
   height: 75px;
   margin: 0px;
   border: 0px solid red;
   overflow: hidden;
   text-align: center;
   float: left;
   vertical-align: middle;

}
.firma .udaje {
   float: left;
   width: 490px;
   margin-left: 5px;
   height: 75px;
   overflow: hidden;
   border: 0px solid silver;
}
.firma .udaje5 {
   float: left;
   width: 580px;
   margin-left: 5px;
   height: 75px;
   overflow: hidden;
   border: 0px solid silver;
}
.firma p {
   font-size: 12px;
   margin: 0px;
   text-align:justify;
}
.firma h2 {
   text-align: left;
   margin: 0px;
   font-size: 12px;
}
.firma h2 a, .firma3 h2 a, .firma_ostatni h2 a {
    color: #333;
    font-size: 12px;
}

.firma3 {
   border: 1px solid #eee;
   padding: 3px;
   margin-bottom: 4px;
   overflow: hidden;
   font-size: 12px;
}
.firma3 h2 {
    margin: 0;
    font-size: 12px;
}
.firma3 p {
    margin: 0px;
    font-size: 12px;
}

.firma_ostatni {
   padding: 3px;
   margin-bottom: 2px;
   font-size: 12px;
}
.firma_ostatni h2 {
   font-size: 12px;
   margin: 0px;
   padding: 0;
}
.firma_ostatni p {
   padding: 0;
   margin: 0;
   font-size: 12px;
}
.slozka img {
    border: 0;
}
.button {
    font-size: 14px;
    font-weight:bold;
    padding-left:8px;
    padding-right:8px;
    padding-top:4px;
    padding-bottom:4px;
    margin:20px;
    border:0px solid #ddd;
    background:#ba0109;
    height:28px;
    background: url('images/menu/podklad_13.jpg');
    color: black;
    text-decoration: none;
        }

.prispevek {
   border: 0px solid #999;
   background: #fff;
   color: #333;
   margin: 5px 0 15px 0;
   padding: 3px;
   font-size: 12px;
}
.prispevek h3 {
   font-size: 12px;
   margin: 0;
   padding: 2px;
   background: #ddd;
   color: black;
}
.prispevek p {
   padding: 3px;
   margin: 0;
   font-size: 12px;
}
.seznam_rubrik li, .seznam_rubrik a {
   color: #444;
   font-size: 12px;
}
#prihlasen_id {
   margin-top: 7px;
   margin-bottom: 9px;
   font-weight: bold
}
#prihlasen_id a {
   color: black;
}
/*
.menu_low {
   background: url('images/menu/podklad_10.jpg');
   background-position: bottom;
   height: 22px;
   overflow: hidden;
   padding: 0 4px 0 4px;
}
.menu_middle {
   background: url('images/menu/podklad_13.jpg');
   height: 18px;
   text-align: left;
   padding: 2px;
}
.menu_middle li {
   display: inline;*/
   /*border-right: 2px solid #959596;*/
   /*background: ;*/
   /*
   list-style-position: outside;
   margin-left: 5px;
   margin-right: 0px;
   padding: 0px;
}
.menu_middle_sep {
   height: 24px;
   background: url('images/menu/podklad_16.jpg');
   width: 1px
}

.menu_up_sep {
   height: 31px;
   background: url('images/menu/podklad_03.jpg');
   border-bottom: 1px solid black;
   width: 2px
}
.menu_left_up, .menu_right_up {
   height: 31px;
   overflow: hidden;
   /*background: url('images/menu/podklad_01.jpg');*/
   /*width: 8px;
   border-bottom: 1px solid black;
}
.menu_left_dw, .menu_right_dw {
   background-position: bottom;
   height: 22px;
   overflow: hidden;
   background: url('images/menu/podklad_09.jpg');
   width: 8px;
}
.menu_left_middle, .menu_right_middle {
   height: 22px;
   overflow: hidden;
   background: url('images/menu/podklad_14.jpg');
   width: 8px;
}
.menu_right_middle {
   background: url('images/menu/podklad_15.jpg');
   width: 7px;
}
.menu_right_up {
   background: url('images/menu/podklad_05.jpg');
   width: 7px;
}
.menu_right_dw {
   background: url('images/menu/podklad_12.jpg');
   width: 7px;
}
.menu_up a, .menu_middle a, .menu_low a {
   text-decoration: none;
   color: black;
   padding: 2px;
}
#menu a:hover {
   color: #000;
   text-decoration: underline;
   background: #fff;
}
*/
