/*
Nový design pro y-port.cz
Matouš Skála 2010
*/

*{
  margin:0;
  padding:0;
  background-repeat:no-repeat;
}

body{
  background-color:#f18f4e;
  background-image:url('../images_new/pozadi.jpg');
  background-position: center top;
  font-family:'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
  font-size:12px;
  color:#2a2a2a;
}

/* Obecné styly */

a{
  color:#1f787b;
  text-decoration:underline;
}

a:hover{
  color:#59483f;
  text-decoration:underline;
}

a img{
  border:none;
}

h2{
  font-size:24px;
  color:#ff6400;
  font-weight:normal;
  margin:5px 0 10px 0;
}

h3{
  margin:10px 0 5px 0;
}

p{
  margin:10px 0;
}

#left ul{
  margin:10px 10px 10px 20px;
  list-style-type:square;
}

#left ol{
  margin:10px 10px 10px 20px;
}

/* Stránka */

#wrap{
  width:900px;
  padding:0;
  margin:auto;
}

/* Hlavička */

#logo{
  background-image:url('../images_new/hlavicka.jpg');
  height:95px;
  background-color:#fbebd7;
}

#logo h1{
  float:left;
  width:90px;
  height:90px;
  font-size:18px;
}

#logo h1 a{
  color:black;
}

#jazyk{
  float:right;
  list-style:none;
  height:30px;
}

#jazyk li{
  float:left;
  margin-left:2px;
}

#jazyk li a{
  display:block;
  height:30px;
  line-height:30px;
  padding:0 15px;
  color:white;
  text-decoration:none;
  background-color:#cebca4;
}

#jazyk li a.active{
  background-color:#a3907c;
}

#jazyk li a:hover{
  background-color:#59483f;
}

#logo address{
  float:right;
  margin-top:40px;
  margin-right:-130px;
  font-size:12px;
  color:#7c695a;
  font-style:normal;
  text-align:right;
}

#logo address a{
  color:#7c695a;
}

#logo address a:hover{
  color:#59483f;
}

/* Menu */

#menu { 
  position: absolute;
  top: 95px; 
  width: 900px;
  background-color: #59483f;
  background-image:url('../images_new/menu.jpg');
  list-style: none;
  height:30px;
}
#menu li { 
  list-style:none;
  float: left; 
} 
#menu a {  
  padding: 8px 26px 7px;
  color: white; 
  display: block; 
  text-decoration: none;
  text-transform: uppercase;
} 

#menu a:hover{
  color:#f8b356
}
#menu #posledni > a{
  padding-right:32px;
}

#menu #posledni ul li a{

}

#menu li a:hover {   
} 
#menu li ul li a:hover, #menu #active {   
  background-color:#8a7865;
  color: #f8b356; 
} 
#menu .active, #menu .active:hover, #menu #active.active {
  background-color: #ff6400;  
  color: #fff;
}  
#menu ul a { 
  border-top: none; 
  margin: 1px 0 0 0;
  background: #a3907c;
  padding:7px 13px;
} 
#menu ul { 

  position: absolute; 
  visibility: hidden; 
  background: transparent;
} 
#menu li:hover ul, #menu li.hover ul { 
  visibility: visible; 
} 
#menu li li { 
  float: none; 
  border: none; 

} 
#menu li { 
  behavior: url('http://www.y-port.cz/hover.htc'); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */ 
} 

/* Obsah */

.chyba{
  border:1px solid red;
  padding:5px 15px;
}

.hide{
display:none;
}

#content-center{
  margin-top:32px;
}

#content{
  margin-top:32px;
  background-color:white;
  overflow:hidden;
}

#flash{
  float:right;
  width:400px;
  height:250px;
}

/* Aktuální akce */

#uvodni_akce{
  background-image:url('../images_new/aktualni-akce.jpg');
  width:458px;
  height:90px;
  padding:160px 0 0 40px;
  background-color:#20787b;
  float:left;
}

#uvodni_akce h2{
  color:#f8b356;
  font-size:20px;
  font-weight:bold;
  margin-bottom:-3px;
}

#uvodni_akce a{
  color:white;
  text-decoration:none;
  font-weight:bold;
  margin-right:8px;
}

#uvodni_akce a:hover{
  text-decoration:underline;
}

#uvodni_akce dl dt,
#uvodni_akce dl dd.charakteristika{
  float:left;
  color:white;
  font-size:19px;
  margin-bottom:0px;
}
#uvodni_akce dl dd.charakteristika{
  clear:both;
  font-size:15px;
  margin-bottom:3px;
  margin-top:-2px;
}
/*
#uvodni_akce dl dd.charakteristika:before{
  content: "- ";
}
*/

#uvodni_akce .limit,
#uvodni_akce .zapis{
  color:white;
  float:left;
  width:auto;
}


#uvodni_akce .limit{
  clear:both;
  width:auto;
  margin-right:20px;
}


/* Tři sloupce */

#clanky, #akce, #galerie{
  width:260px;
  float:left;
  padding:5px 15px 10px 15px;
  margin-right:15px;
  margin-top:15px;
  margin-bottom:15px;
}

#clanky h2,
#akce h2,
#galerie h2{
  font-size:24px;
  color:#7c695a;
  text-transform: lowercase;
  font-weight:normal;
  margin-bottom:80px;
}

#clanky dl,
#akce dl,
#galerie dl{
  font-size:12px;
  margin-bottom:20px;
}

#clanky dl dt,
#akce dl dt,
#galerie dl dt{
  margin-top:10px;
  font-weight:bold;
}

#clanky dl dd a,
#akce dl dd a,
#galerie dl dd a{
  color:black;
  text-decoration:none;
}

#clanky dl dd a:hover,
#akce dl dd a:hover,
#galerie dl dd a:hover{
  color:#59483f;
  text-decoration:underline;
}

#clanky{
  background-image:url('../images_new/novinky.jpg');
  background-color:#e9fdfc;
}

#akce{
  background-image:url('../images_new/akce.jpg');
  background-color:white;
}

#galerie{
  background-image:url('../images_new/galerie.jpg');
  background-color:#fae7d0;
  margin-right:0;
}

p.right{
  text-align:right;
  font-size:11px;
  margin:5px 0;
  clear:both;
}

/* Patička */

#footer{
  clear:both;
  background-color:#59483f;
  color:white;
  color:11px;
  margin-top:15px;
  overflow:hidden;
  padding:9px 12px;
  font-size:11px;
  background-image:url('../images_new/paticka.jpg');
  height:26px;
}

#footer a{
  color:white;
}

#footer a:hover{
  color:#cebca4;
}

#footer #footer-left{
  float:left;
}

#footer #footer-right{
  float:right;
  text-align:right;
}

/* Layout - dva sloupce */

#left{
  width:625px;
  float:left;
  padding:20px 20px 30px 30px;
}

#left .podskupiny{
  background-color:#fbebd7;
  padding:10px;
}

#left .podskupiny h3{
  font-size:13px;
  margin-bottom:5px;
}

#left .podskupiny ul{
  list-style:none;
  margin:0;
}

#left .popis{
  /*border:1px solid #a3907c;*/
  padding:10px;
  background-color:#e9fdfc;
  font-weight:bold;
}

#right{
  width:200px;
  float:right;
  background-color:#fbebd7;
  padding:0 10px;
}

#right h2{
  background-color:#1f787b;
  font-size:13px;
  height:25px;
  line-height:25px;
  color:white;
  font-weight:normal;
  padding:0 10px;
  margin:0 -10px;
}

#right ul{
  list-style:none;
  margin:5px 0 10px 0;
}

#right ul li{
  margin:10px 0 10px 0;
}

#right a{
  color:#7c695a;
}

#right a:hover{
  color:#1f787b;
}

#left .article_footer{
  border:1px solid #cebca4;
  padding:5px 10px;
  overflow:hidden;
  margin:0;
  margin-bottom:20px;
}

.article_footer li{
  float:left;
  list-style:none;
  width:200px;
  text-align:center;
    border-right:1px solid #cebca4;
}

.article_footer li.bottom{
  border:none;
}

.clear{
  clear:both;
}

h3#komentare{
  color:#1f787b;
  font-size:18px;
  font-weight:normal;
  margin-bottom:10px;
  margin-top:20px;
}

#comments dl{
  background-color:#e9fdfc;
  padding:10px 15px 5px;
  margin-bottom:10px;

}

#comments dl dt a img{
  margin-bottom:-8px;
  margin-right:5px;
}

h2#new_comment{
  color:#7c695a;
  margin-top:30px;
}

.formular fieldset{
  border:1px solid #cebca4;
  padding:10px 20px 5px;
}

input.tlacitko{
  background-color:#1f787b;
  border:none;
  color:white;
  padding:5px 15px;
  width:auto;
}

input{
  padding:5px;
  width:300px;
  margin-top:2px;
  margin-bottom:5px;
}

.checkbox input{
  width:auto;
  margin-right:5px;
}

.kod img{
  margin-top:3px;
}

textarea{
  padding:5px;
  width:570px;
  margin-top:2px;
}

#left img{
  max-width:625px;
}

/* Seznam článků */

.zaznamy dt{
  font-size:18px;
  margin-bottom:10px;
  clear:both;
  margin-top:10px;
}

.zaznamy dt strong{
  font-weight:normal;
}

.zaznamy dd.uvod{
  margin-top:10px;
  margin-bottom:10px;
}

.zaznamy dd.posledni{
  text-align:right;
  font-size:11px;
  width:200px;
  float:right;
  margin-top:-5px;
  margin-bottom:5px;
  color:#7c695a;
}

.zaznamy dd.popisek{
  margin-bottom:70px;
  border:1px solid #cebca4;
  overflow:hidden;
  float:left;
  padding:5px 10px;
  display:block;
}

.zaznamy dd.popisek > span{
  height:25px;
  padding-left:30px;
  line-height:25px;
  display:block;
  width:176px;
  float:left;
}

.zaznamy dd.popisek .jmeno_barevne{
  background-image:url('../images_new/ikonka_autor.jpg');
  width:150px;
}

.zaznamy dd.popisek .datum{
  background-image:url('../images_new/ikonka_kalendar.jpg');
  width:210px;
}

.zaznamy dd.popisek .komentare{
  float:right;
  width:153px;
  background-image:url('../images_new/ikonka_komentare.jpg');
}


/* Fotogalerie */

#left .fotogalerie_seznam{
  list-style:none;
  margin:0;
}

.fotogalerie_seznam li{
  background-color:#e9fdfc;
  padding:5px;
  list-style:none;
  margin-bottom:10px;
  overflow:hidden;
}

.fotogalerie_seznam li a{
  float:left;
  margin-right:10px;
}

table.fotogalerie{
  border-spacing:5px;
}

table.fotogalerie td{
  text-align:center;
}

table.fotogalerie caption{
margin-bottom:10px;
}