/* INFO *******************************************

  CSS file | goodplaces.cz
  Author: Petr Jasník
  Homepage: http://www.jasnik.cz
  Date: 20.11.2009 
  
  OBSAH  
  1.  RESET, PNG fix
  2.  ELEMENTY
  3.  POZADI
  4.  LAYOUT - HORNI LISTA (horni menu)
  5.  LAYOUT - TELO, HEADER (logo, banner, slogan)
  6.  LAYOUT - LEVY PANEL  (leve menu)
  7.  LAYOUT - PROSTREDNI PANEL (oblast clanku)
  8.  LAYOUT - PRAVY PANEL (odkazy na clanky)
  9.  LAYOUT - FOOTER (kontakt, copyright)
  10. LAYOUT - SLIDESHOW (fotografie nad clankem)
  11. SIMPLEX - menu
  12. SIMPLEX - prehled clanku
  13. SIMPLEX - clanek
  14. SIMPLEX - galerie
  
*************************************************/

/* 1. RESET, PNG fix ****************************/
* {
      padding:0;
      margin:0;
      }
img,div {
      /*behavior: url(../js/iepngfix.htc);*/
      }
img { 
      text-align:center;
      }

/* 2. ELEMENTY **********************************/
body {
    	background-color: #f1ede0;
    	text-align: center;
    	color:#554640;
    	font-family:Georgia, serif;
    	font-size:12px;
    	line-height: 1;
      }
p {
      font-size:12px;
    	line-height:1.5em;
    	margin:5px 0 18px 0;
      }
form {
    	margin:0;
      }
h1 {
    	background-image: url("../img/h1.jpg");
    	background-repeat:repeat-y;
    	font-family:Georgia, serif;
    	font-size:1.8em;
    	color:#800000;
    	padding:3px 3px 3px 8px;
    	margin:0 0 20px 0;
      }
h2 {  font-size: 1.5em; margin:0 0 10px 0;}
h3 {  font-size: 1.4em; margin:0 0 10px 0;}
h4 {  font-size: 1.3em; margin:0 0 10px 0;}
h5 {  font-size: 1.2em; margin:0 0 10px 0;}
h6 {  font-size: 1.1em; margin:0 0 10px 0;}
a {
    	color:#800000;
    	text-decoration:none;
      }
a:hover {
    	text-decoration:underline;
    	}
a:hover, a:visited {
    	color:#800000;
      }
a img {border:0; }

/* 3. POZADI ************************************/
DIV#bg {
    	position:absolute;
    	top:160px;
    	left:0px;
    	height:226px;
    	width:100%;
    	background-color:#e4e0d4;
    	background-image: url("../img/bg.jpg");
    	background-repeat: repeat-x;
      }

/* 4.  LAYOUT - HORNI LISTA *********************/
DIV#lista {
    	position:relative;
    	top:0px;
    	width:100%;
    	height:31px;
    	background-color:#5c534e;
    	background-image: url("../img/lista.png");
      background-position:bottom;	
    	background-repeat:repeat-x;
    	text-align: center;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	color:#d8d4d1;
    	line-height: 28px;
      }
DIV#lista a {
	    margin:0 10px 0 10px;
      }
DIV#lista a:hover {
    	color:#fefefe;
      }
DIV#lista a, DIV#lista a:visited {
    	color:#cccccc;
    	text-decoration:none;
      }
      
/* 5.  LAYOUT - TELO, HEADER ********************/
DIV#telo {
    	position:relative;
    	top:0px;
    	width:980px;
    	overflow: hidden;
    	text-align:left;
    	margin:0 auto 0 auto;
      }
DIV#header {
    	position:relative;
    	float:left;
    	overflow: hidden;
    	width:980px;
    	height:70px;
      }
DIV#logo {
    	position:relative;
    	top:10px;
    	overflow: hidden;
    	float:left;
    	height:60px;
    	width:210px;
      }
DIV#banner {
    	position:relative;
    	top:10px;
    	float:left;
    	overflow: hidden;
    	text-align:center;
    	height:60px;
    	width:560px;	
      }
DIV#slogan {
    	position:relative;
    	top:18px;
    	float:left;
    	overflow: hidden;
    	height:52px;
    	width:210px;
    	border:0px solid red;
      }

/* 6.  LAYOUT - LEVY PANEL **********************/
DIV#panel_levy {
    	position:relative;
    	top:10px;
    	left:0px;
    	background-color: #f1ede0;
    	background-image: url("../img/panel_bg.jpg");
    	background-repeat: repeat-y;
    	width:210px;
    	float:left;
    	overflow: hidden;
    	margin-bottom:10px;
      }
DIV#panel_levy img {
      display:block;
      }
form.newsletter {text-align:center;}
input.newsletter {
    	border:1px solid #c3c3c3;
    	color:#aaaaaa;
    	font-size:13px;
    	text-align:center;
      }

/* 7.  LAYOUT - PROSTREDNI PANEL ****************/
DIV#panel_stred {
    	position:relative;
    	float:left;
    	overflow: hidden;
    	top:10px;
    	left:0px;
    	width:560px;
    	min-height:300px;
    	margin-bottom:10px;
    	background-color: #f1ede0;
      }
DIV#hlavni_obsah {
    	float:left;
    	overflow: hidden;
    	margin:312px 25px 40px 25px;
    	color:#444;
    	width:510px;
      }
DIV#drobecnav {
      font-family:Arial, Helvetica, sans-serif;
      margin-bottom:20px;
      font-size:11px;
      font-weight:bold;
      }
DIV.rubrika_nahled
      {
      display: block;      
      width:250px;
      height:287px;
      overflow: hidden;
      margin:10px 0 20px 5px;
      float:left;
      }
DIV.rubrika_nahled P
      {
      font-size:11px;
      line-height:13px;
      text-align:left;
      color:#800000;
      display:block;
      }
DIV.rubrika_nahled IMG
      {
      height:166px;
      width:250px;
      overflow:hidden;
      }
DIV.rubrika_nahled A.nazev
      {
      display: block;
      text-align:center;
      text-transform: uppercase;
      height:38px;
      overflow:hidden;
      font-weight:bold;
      line-height: 19px;
      font-size:18px;
      }
DIV.rubrika_nahled DIV.obrazek{
      display:block;
      width:250px;
      height:166px;
      }
/* 8.  LAYOUT - PRAVY PANEL *********************/
DIV#panel_pravy{
    	position:relative;
    	float:left;
    	overflow: hidden;
    	top:10px;
    	left:0px;
    	background-color: #f1ede0;
    	background-image: url("../img/panel_bg.jpg");
    	background-repeat: repeat-y;
    	width:210px;
    	margin-bottom:10px;
      }
DIV#panel_pravy a.social{
      height:auto;
      line-height:18px;
      vertical-align:middle;
      }
DIV#panel_pravy img {
      display:block;
      }
DIV#panel_pravy ul {
    	list-style-type: none;
    	margin:0 10px 40px 20px;
    	padding:0;
    	line-height:18px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size:11px;
    	}
DIV#panel_pravy .menu_nazev, DIV#panel_levy .menu_nazev {
    	font-family:Georgia, serif;
    	font-size:13px;
    	line-height: 24px;
    	font-weight:bold;
    	color:#800000;
    	text-transform: uppercase;
    	background-image:url("../img/h1_menu.png");
    	background-repeat:repeat-y;
    	background-position:top left;
    	padding:4px 10px 4px 12px;
    	margin:8px 0 1px 0;
    	vertical-align: middle;
      }
DIV#panel_pravy .menu_nazev IMG, DIV#panel_levy .menu_nazev IMG {
    	display:inline;
    	margin-right:6px;
    	vertical-align: middle;
      }
DIV#panel_pravy p, DIV#panel_levy p {
    	line-height:18px;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:11px;
    	margin:4px 14px 4px 14px;
      }

/* 9.  LAYOUT - FOOTER **************************/
DIV#footer {
    	position:relative;
    	top:40px;
    	left:0px;
    	height:80px;
    	width:100%;
    	background-color:#5c534e;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size:11px;
    	color:#cccccc;
    	line-height:30px;
      }
DIV#footer a{
      color:#aaaaaa;
      text-decoration:underline;
      }
/* 10. LAYOUT - SLIDESHOW ***********************/
DIV#slideshow {
    	position:absolute;
    	overflow: hidden;
    	clear:both;
    	float:left;
    	top:90px;
    	left:195px;
    	background-image: url("../img/slideshow.png");
    	background-repeat: no-repeat;
    	background-position:center center;
    	height:305px;
    	width:590px;
      }
DIV#slideshow img {
      position:absolute;
      top:18px;
      left:20px;
      height:266px;
      width:550px;
      overflow:hidden;
      }

/* 11. SIMPLEX - menu ***************************/
DIV.menu_blok {
      margin-bottom:25px;  
      } 
a.uroven1 {
    	display: block;
    	background-image:url("../img/h1_menu.png");
    	background-repeat:repeat-y;
    	background-position:top left;
    	padding:4px 8px 4px 14px;
    	margin:1px 0 1px 0;
    	font-size:11px;
    	font-weight: bold;
    	text-transform: uppercase;
    	line-height:14px;
    	color:#333333;
      }
a.uroven1:first-letter, a.uroven2:first-letter, a.uroven3:first-letter{
      color:#800000;
      }
a.uroven2 {
    	display: block;                          
    	padding:3px 8px 3px 16px;
    	margin:2px 0 2px 0;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:11px;
    	font-weight: normal;
    	text-transform: uppercase;
    	letter-spacing: 0px;
    	line-height:14px;
    	color:#111111;
      }
a.uroven3 {
    	display: block;
    	padding:3px 8px 3px 28px;
    	margin:4px 0 4px 0;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size:11px;
    	font-weight: normal;
    	letter-spacing: 0px;
    	line-height:12px;
    	color:#333333
      }
a.uroven1 strong, a.uroven2 strong, a.uroven3 strong {
      color:#800000;
      }
/* 12. SIMPLEX - prehled clanku *****************/
DIV.clanek_nahled {
      margin-bottom:10px;
      clear:both;
      float:left;
      width:100%;
      }
DIV.clanek_nahled strong {
      margin-left:6px;
      font-family: Arial, Helvetica, sans-serif;
      color:#999;
      font-size:11px;
      font-weight:normal;
      }
DIV.clanek_nahled p {
      margin-top:6px;
      margin-left:6px;
      }  
DIV.clanek_nahled h1 {
      margin-bottom:2px;
      }            
DIV.clanek_nahled h1 a {
      color:#333;
      }  
DIV.clanek_nahled p img {
      float:left;
      margin: 4px 6px 2px 0;
      }
  
/* 13. SIMPLEX - clanek *************************/  
DIV.clanek_blok {
      width:100%;
      float:left;
      clear:both;
      margin-bottom:10px;
      }
TABLE.kestazeni TD {
      padding:6px;
      border-top:1px dotted #AAAAAA;
      }
DIV.clanek_blok ul {
      line-height:1.3em;
      margin-left:30px;
      margin-bottom:18px;
      list-style-type: disc;
      }
DIV.clanek_blok ol  {
      line-height:1.3em;
      margin-left:30px;
      margin-bottom:20px;
      list-style-type: decimal;
      }

/* 14. SIMPLEX - galerie *************************/
.galerie_S
    {
    width:120px;
    float:left;
    margin:2px 1px 3px 4px;
    border:1px solid #d8cbb7;
    background-image: url("../img/galerie_s_bg.jpg");
    text-align:center;
    }
.galerie_S .obrazek
    {
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    vertical-align:middle;
    overflow:hidden;
    width:100px;
    height:75px;
    }
.galerie_S A IMG, .galerie_M A IMG, .galerie_L A IMG{
    /*border:1px solid black; */
    }
.galerie_M
    {
    width:220px;
    float:left;
    margin:2px 2px 2px 20px;
    border:1px solid #d8cbb7;
    background-image: url("../img/galerie_s_bg.jpg");
    text-align:center;
    }
.galerie_M .obrazek
    {
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    vertical-align:middle;
    overflow:hidden;
    width:200px;
    height:150px;
    }
.galerie_L
    {
    width:420px;
    float:left;
    margin:2px 2px 2px 45px;
    border:1px solid #d8cbb7;
    background-image: url("../img/galerie_s_bg.jpg");
    text-align:center;
    }
.galerie_L .obrazek
    {
    margin-left:auto;
    margin-right:auto;
    margin-top:2px;
    margin-bottom:10px;
    vertical-align:middle;
    overflow:hidden;
    width:400px;
    /*height:300px;*/
    }
.gal_obr_popis
    {
    font-family: Arial, Helvetica, sans-serif;
    margin:2px;
    height:10px;
    line-height:10px;
    overflow: hidden;
    text-align:center;
    line-height:10px;
    font-size:10px;
    }