/* Tagy */

/* - Reset */
html,body,div,span,h1,h2,h3,p,ul,ol,li,form,a,img{margin:0;padding:0;border:0;list-style:none;}

/* - Hlavní */
html{text-align:center;}
body{width:870px;margin:50px auto;text-align:left;font-family:Courier New,Arial,Lucida Grande,Tahoma;font-size:12px;}

/* -- Logo */
h1{position:relative;float:left;clear:both;width:222px;height:58px;margin-right:25px;overflow:hidden;background:transparent;text-align:center;font-size:18px;}
h1 span{position:absolute;left:0;top:0;z-index:1;display:block;width:222px;height:58px;}
h1 span a{display:block;width:222px;height:58px;}

/* -- Menu */
menu{padding-top:5px;}
menu li{position:relative;float:left;height:35px;overflow:hidden;line-height:35px;margin-left:6px;text-align:center;text-transform:lowercase;font-weight:bold;}
menu li.novinky, menu li.novinky span{width:103px;}
menu li.portfolio, menu li.portfolio span{width:158px;}
menu li.o-mne, menu li.o-mne span{width:117px;}
menu li.kontakt, menu li.kontakt span{width:132px;}
menu li.sk{width:35px;height:29px;margin-top:10px;line-height:normal;}
menu li.sk span{width:35px;height:29px;}
menu li.sk span:hover, menu li.sk span.akt{width:37px;}
menu li.en{width:35px;height:29px;margin-top:10px;margin-left:2px;line-height:normal;}
menu li.en span{width:35px;height:29px;}
menu li.en span:hover, menu li.en span.akt{width:36px;}
menu li:hover{color:#EC016A;background:#E3E3E3;}
menu li span{position:absolute;position:absolute;left:0;top:0;z-index:1;display:block;height:37px;}
menu li a{display:block;height:35px;text-decoration:none;color:black;}

/* - Obsah */
h2{font-size:16px;text-transform:lowercase;padding:10px 0;color:#EC016A;}
h3{font-size:14px;text-transform:lowercase;padding:10px 0;color:#EC016A;}

/* ID */
#portfolio{margin-top:76px;}
#fotky{float:right;width:503px;margin:69px 89px 0 0;}
#fotky a img{border:2px solid #E3E3E3;}
#fotky a:hover img{border:2px solid #808080;}
#paticka{margin-top:20px;padding-top:10px;border-top:1px solid #CDCDCD;text-align:center;}
#paticka a{text-decoration:underline;color:black;}
#paticka a:hover{text-decoration:none;color:black;}

/* Třídy */
.portfolionad{float:right;width:503px;margin:76px 89px 0 0;}
.portfolionad2{float:right;width:503px;margin:10px 89px 0 0;}
.portfolio2{float:right;width:503px;margin:10px 89px 0 0;text-transform:lowercase;font-size:13px;}
.portfolio2 li{position:relative;height:34px;line-height:34px;margin-bottom:2px;padding-left:10px;}
.portfolio2 li:hover{background:#E3E3E3;}
.portfolio2 li a{display:block;width:210px;text-decoration:none;color:black;}
.portfolio2 li:hover a{color:#EC016A;}
.portfolio2 li a.odkaz img{position:absolute;z-index:2;top:4px;left:200px;display:none;}
.portfolio2 li:hover a.odkaz img{display:inline;}
.portfolio2 li:hover a.odkaz img:hover{top:0;left:195px;}
.obsah{float:right;width:523px;margin:-4px 89px 0 0;padding-top:80px;background:white;}
.obsah.levy{border-left:5px solid #E3E3E3;}
.obsah.pravy{border-right:5px solid #E3E3E3;}
.obsah h2{border-top:20px solid white;}
.obsah h2, .obsah h3, .obsah p{background:#E3E3E3;padding:10px;}
.obsah ul, .obsah ol{background:#E3E3E3;padding:10px 10px 10px 40px;}
.obsah ul li{list-style-type:disc;}
.obsah ol li{list-style-type:decimal;}
.obsah a{text-decoration:underline;color:black;}
.obsah a:hover{text-decoration:none;color:black;}
.levo{float:left;width:258px;margin-top:96px;background:url('../img/pozadil.png') repeat-x left top white;}
.levo.od{padding-top:10px;}
.levo.od p{padding-top:4px;}
.levo p{padding-bottom:10px !important;}
.levo h2,.levo h3,.levo p{background:#E3E3E3;padding:0 20px;}
.levo p.obr{padding-top:10px;background:transparent;text-align:center;}
.cistic{display:block;clear:both;}
.velky{height:170px;}