/* obecne */

body
    {
    background-image: url(./ikony/tp3.jpg);
	background-position: 0% 0%;
	background-repeat: repeat-x;
    background-color: #C6AC4F;
	font-family:  Arial, sans-serif;
	font-size: 13px;
	color: #272727;
	border: 0px;
	margin: 0px;
	padding: 0px;
  }
  
h1    {font-family: Century Gothic; color: #FFCC66; text-shadow: 1px 1px 1px white; text-transform: uppercase; font-size: 40px; letter-spacing: 2px; word-spacing: 1px;}
h2    {font-family: Courier New; text-align: center; text-transform: uppercase; font-size: 20px; letter-spacing: 1px; word-spacing: 2px;}
h3    {font-family: Arial; text-align: center; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; word-spacing: 2px;}
  
a         {text-decoration: none;}
a:link    {color: #003366;}
a:visited {color: #003366;}
a:active  {color: #003366;}
a:hover   {color: red; text-decoration: underline;}

/*
p {line-height: 17px; margin-bottom: 7px; color: #003366;}
p.cervene {line-height: 17px; margin-bottom: 7px; color: #ff0000;}
*/

div.house
{
/*border: 2px white;
border-style: solid;*/
width: 750px; 
height: 380px; 
padding: 0px;
position: relative;
margin:0px auto 0px auto;
}

#zimni {background-image: url(./foto/zimachata.gif); background-position: 48% 100%; background-repeat: no-repeat;}
#letni {background-image: url(./foto/chatacolor2.gif); background-position: 48% 100%; background-repeat: no-repeat;}
/* layout */
   /* #hlavicka 
      {   
	position: relative; 	
	z-index: 10;
   }
 */  
#telo {width: 750px; margin: auto;}

#obsah 
{
vertical-align: top; 
position: relative; 
padding: 15px;}

.stred
{
text-align: center;
}

.cele
{
text-align: justify;
}

#aktuality {float: center; width: 200px;}



/* hlavicka */

#hlavicka a#proklik {display: block; position: absolute; width: 317px; height: 84px; left:0; top: 0px; text-decoration: none;}
#hlavicka #odkazy {word-spacing: 4px; color: #004B93; font-size: 13px; position: absolute; right: 30px; top: 10px;}
#hlavicka #odkazy a {color: #004B93;}
#hlavicka #nadpis {position: absolute; left: 0px; top: 0px; color:  white; z-index: 10;}

#hlavicka #menu {width: 150px; -webkit-box-shadow: 3px 3px 3px #442200;
    -moz-box-shadow: 3px 3px 3px #442200;
    box-shadow: 3px 3px 3px #442200; position: absolute; left: 590px; top: 170px; }
#hlavicka #menu ul {float: left; font-size: 10px; color: white; font-weight: bold;}
#hlavicka #menu ul {padding: 0; margin: 0; list-style-type: none;}
#hlavicka #menu ul li {display: block; font-size: 13px; font-weight: bold; float: none; padding: 0; margin: 0; width: 150px;  border:0; border-top: 1px solid black; background-color: #CC9933; opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; z-index: 5;}
#hlavicka #menu ul li.aktivni {background-color: #CC6600; opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; z-index: 5; }
#hlavicka #menu ul a {margin: 0; text-transform: none; font-weight: normal; padding: 5px 10px 5px 10px; text-align: left; display: block;	color: white; text-decoration: none;}
#hlavicka #menu ul a:hover {background-color: #FF9900; z-index: 5;}

/* paticka */
#paticka {width: 100%; margin: auto; border-top: 0px solid ; height: 44px; text-align: center; padding-top: 15px; word-spacing: 3px;}


div.baner
      {
     border: 4px #ffffff;
     border-style: solid;
	 text-align: center;
	 vertical-align: 50%;
     padding: 0px;
     position: relative;
     margin:0px auto 0px auto;
   }

     div#uvod {height: 192px; width: 720px; color: #ffffff; text-shadow: 2px 2px 1px #000000; background-image: url(./foto/albrecht.jpg); background-position: 0% 0%; background-repeat: no-repeat;}
	 div#nchata {height: 192px; width: 720px; color: #ff0000; text-shadow: 2px 2px 1px #ffffff; background-image: url(./foto/web/sezn.jpg); background-position: 0% 0%; background-repeat: no-repeat;}
	 div#leto {height: 192px; width: 720px; color: #FFCC00; text-shadow: 2px 2px 1px #000000; background-image: url(./foto/leto.jpg); background-position: 0% 0%; background-repeat: no-repeat;}
	 div#zima {height: 191px; width: 720px; color: #000059; text-shadow: 2px 2px 1px #ffffff; background-image: url(./foto/zima.jpg); background-position: 0% 0%; background-repeat: no-repeat;}
	 div#strava {height: 192px; width: 720px; color: #33CCFF; text-shadow: 2px 2px 1px #ffffff; background-image: url(./foto/strava.jpg); background-position: 0% 0%; background-repeat: no-repeat;}
	 div#kont {height: 192px; width: 720px; color: #ffffff; text-shadow: 2px 2px 1px #000000; background-image: url(./foto/drive.jpg); background-position: 0% 0%; background-repeat: no-repeat;}

	 
div#jadro
        { 
	  border-style: none;
	  border-top-right-radius: 8px;
	  border-top-left-radius: 8px;
	  border-bottom-left-radius: 8px;
	  border-bottom-right-radius: 8px;
	  -moz-border-radius-bottomleft: 8px;
	  -moz-border-radius-bottomright: 8px;
	  -moz-border-radius-topright: 8px;
	  -moz-border-radius-topleft: 8px;
	  -webkit-box-shadow: 3px 3px 3px #442200;
    -moz-box-shadow: 3px 3px 3px #442200;
    box-shadow: 3px 3px 3px #442200;
      position: relative;                     
      margin: 0px 0px 0px 0px;
	  padding: 0 0;
	  float: auto;
	}
	
 div.vr
{
   border-style: none;
   border-top-right-radius: 8px;
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
   -moz-border-radius-bottomleft: 8px;
   -moz-border-radius-bottomright: 8px;
   -moz-border-radius-topright: 8px;
   -moz-border-radius-topleft: 8px;
   background-color: white;
   opacity: 0.7;
   filter: alpha(opacity=70);
   -moz-opacity: 0.7;
   -khtml-opacity: 0.7;
   position: relative;                      
   margin: 0 auto;
   padding: 15px 20px 15px 20px;
   z-index: 0;
}	 	 

div#indx { width: 510px; height: 1500px;}
div#chat { width: 510px; height: 1055px;}
div#kont { width: 510px; height: 710px;}
div#lsez { width: 510px; height: 740px;}
div#zsez { width: 510px; height: 830px;}
div#rest { width: 510px; height: 530px;}
div#food { width: 510px; height: 1025px;}
div#ubpo { width: 600px; height: 1550px;}

div.vnitrni
          {
      border: none;
	  font-family: Arial;
	  position: absolute;
      z-index: 8;	  
     }

	 
div#vn1 { top: 4%; width: 500px; margin: 0 20px;  padding: 0px; font-size: 14px;}	 
div#vn2{ top: 40%; width: 500px; margin: 0 60px;  padding: 0px; font-size: 14px;}
div#vn3{ top: 1%; width: 500px; margin: 0 20px;  padding: 0px; font-size: 14px;}
div#vn4{ top: 0%; width: 500px; margin: 0 20px;  padding: 0px; font-size: 14px;}
div#vn5{ top: 1%; width: 500px; margin: 0 120px;  padding: 0px; font-size: 14px;}

.ram
      {
     border: 6px #ffffff;
     border-style: solid;
	 -webkit-radius: 8px;
	 border-radius: 8px;
	 -moz-border-radius: 8px;
	 -webkit-box-shadow: 3px 3px 3px #442200;
    -moz-box-shadow: 3px 3px 3px #442200;
    box-shadow: 3px 3px 3px #442200;
	 width: 190px; 
	 height: 100%;
     padding: 0px;
     position: relative;
     margin: 0px 5px 10px 0px;
   }   
	 
div.pata
        { 
	  border-style: none;
	  font-family: Lucida Console;
	  font-size: 14px;
	  width: 720px;
	  text-align: justify;
      position: relative; 
      top: 20px;	  
      margin: 5px 5px 5px 5px;
	  padding: 0 0;
	}	  

div#xt
{

font-size: 15px;
text-align: center;
}
/* Thumbnail Index */
div#galery{
	
	z-index: 10;
}

div#galery table {

	margin: 0px 0px 0px 10px;
	
}

div#galery td.thumbcell {

	width: 220px;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	z-index: 10;
}

div#galery td.thumbcell img {
	border: 1px black;  border-style: solid;	
	margin: 0px 10px 10px 0px;
}

div#index div.pages {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
}	  
	 	 
     .box {
	    width: 610px;
	    background-image: url(./ikony/box-back5.gif);
        background-position: 20px 0;
		background-repeat: repeat-y;
		}

		.boxin1 {
	    background-image: url(./ikony/box-top5.gif);
        background-position: 20px top;
		background-repeat: no-repeat;	
        
      }
      .boxin2 {
        background-image: url(./ikony/box-bottom5.gif);
		background-position: 20px bottom;
		background-repeat: no-repeat;
        padding: 5px 25px 15px 20px;
      }
      .box p {
        margin: 0.5em 0;
        }