/* --------------------------------------------------------------------------------------------
    Autor:
      Jan Dousek (prace@jandousek.cz)
    Struktura:
      rozmery, pozice, vrstvy, pozadi, ramecky, pisma, barvy, kurzory
-------------------------------------------------------------------------------------------- */

@import url("framework.css");
@import url("content.css");

/* --- */
html {
  background: #eee url('../img/html.jpg');
  font: normal 85% Arial, Helvetica, sans-serif;
  color: #6a6a6a;
}
body {
  background: url('../img/body.jpg') repeat-x;
}

/* Drobne --- */
a{outline:none;color:#d3173f;}
a:hover,a:focus,a:active{color:#333;}
img{display:block;}

/* Obaly --------------------------------- */
.center{width:950px;position:relative;margin:0 auto;}
.outer{min-height:500px;background:url('../img/outer.png') center top no-repeat;}

/* --------------------------------------------------------------------------------------------
    Logo, jazyky, navigace, navigace 2
-------------------------------------------------------------------------------------------- */

/* Logo --------------------------------- */
.logo{float:left;margin:40px 0 38px 0;}

/* Jazyky --------------------------------- */
.lang{float:right;margin:0 -27px 0 0;}
.lang li{float:left;margin-left:-38px;}
.lang li a{width:85px;height:74px;display:block;overflow:hidden;background:url('../img/lang-li-a.png') left -100px no-repeat;}
.lang li a img{margin:27px 0 0 29px;}

/* Stavy */
.lang li:hover{position:relative;z-index:2;}
.lang li a:hover,
.lang li.ac a {
	background-position: center center;
}

/* Navigace --------------------------------- */
.menu{float:right;clear:right;margin-right:-20px;}
.menu li{float:left;}
.menu li a{display:block;padding:6px 21px;text-decoration:none;color:#fff;}
.menu li.home a{overflow:hidden;background:url('../img/icons/home.png') center 4px no-repeat;text-indent:-200px;}

/* Stavy */
.menu li a:hover,
.menu li.current-menu-item a,
.menu li.current-page-ancestor a {
	text-decoration: underline;
}

/* Navigace 2 --------------------------------- */
.menu-2{width:996px;position:absolute;left:-23px;top:360px;z-index:12;font-size:1.1em;}
.menu-2 ul{width:100%;background-color:#dd1e26;}
.menu-2 ul li{width:20%;float:left;}
.menu-2 ul li a{min-height:31px;display:block;padding-top:16px;border-right:1px solid #c51b22;border-left:1px solid #e13b42;text-align:center;text-decoration:none;color:#fff;}
.menu-2 ul li.first a{border-left:none;}
.menu-2 ul li.last a{border-right:none;}

/* Rohy po stranach ----------------- */
.menu-2 .corner{width:23px;height:18px;position:absolute;bottom:-18px;z-index:11;background:url('../img/corners.png') no-repeat;}
.menu-2 .corner.left{left:0;background-position:left bottom;}
.menu-2 .corner.right{right:0;background-position:right bottom;}

/* Stavy */
.menu-2 ul li a:hover,
.menu-2 ul li.current-menu-item a {
  font-weight: bold;
  font-size: 1.1em;
}

/* --------------------------------------------------------------------------------------------
    Promo slider
-------------------------------------------------------------------------------------------- */

.promo,.promo .slides,.promo .slides li{width:100%;height:227px;}
.promo{height:320px;position:relative;clear:both;}

/* Strankovani --------------------------------- */
.promo .paging{width:996px;height:122px;position:absolute;left:-23px;top:227px;background:#cc0505 url('../img/promo-paging.png') repeat-x;text-transform:uppercase;}
.promo .paging li{width:20%;position:relative;float:left;background:url('../img/promo-paging-li.png') left bottom no-repeat;}
.promo .paging li a{min-height:30px;display:block;padding-top:92px;background-position:center 25px;background-repeat:no-repeat;text-align:center;text-decoration:none;color:#fff;}
.promo .paging li.last a{width:200px;}
.promo .paging li span{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;display:none;cursor:pointer;}

/* Stavy */
.promo .paging li.ac a{text-shadow:0 0 8px #fff,0 0 3px #fff;}
.promo .paging li:hover span{display:block;}

/* Rohy po stranach --------------------------------- */
.promo .corner{width:23px;height:18px;position:absolute;top:209px;z-index:11;background:url('../img/corners.png') no-repeat;}
.promo .corner.left{left:-23px;background-position:left top;}
.promo .corner.right{right:-23px;background-position:right top;}

/* --------------------------------------------------------------------------------------------
    PostThumb
-------------------------------------------------------------------------------------------- */

.postthumb{width:100%;height:227px;clear:both;background-position:left top;background-repeat:no-repeat;}

/* --------------------------------------------------------------------------------------------
    Obsah (postranni sloupec, text)
-------------------------------------------------------------------------------------------- */

.content{min-height:370px;overflow:hidden;background:#fff url('../img/content.gif') repeat-y;font-size:0.9em;}
.content.wide{background:#fff;}

/* -----------------------------------------------
    Text
----------------------------------------------- */

.content .text{width:720px;float:right;margin:65px 30px 40px 0;}
.content.wide .text{width:auto;float:none;margin-left:30px;}

/* -----------------------------------------------
    Subnavigace
----------------------------------------------- */

.content .submenu{width:174px;float:left;margin:0;padding:59px 0 30px 0;background-color:#f7f7f7;border-right:1px solid #ededed;}
.content .submenu li{margin:0;padding:0;background:transparent !important;line-height:100%;}
.content .submenu li a{display:block;padding:1px 15px 3px 20px;line-height:190%;text-decoration:none;color:#6a6a6a;}

/* Stavy */
.content .submenu li a:hover,
.content .submenu li.current-menu-item a {
  text-decoration: underline;
  color: #dd1e26;
}

/* --------------------------------------------------------------------------------------------
    Paticka
-------------------------------------------------------------------------------------------- */

.footer{min-height:57px;padding:39px 0 35px 0;background:url('../img/footer.jpg') no-repeat;font-size:0.95em;}

/* Odkazy hromadne --------------------------------- */
.footer a{text-decoration:none;color:#6a6a6a;}
.footer a:hover{text-decoration:underline;}

/* Navigace --------------------------------- */
.footer ul{margin:0 0 10px 200px;}
.footer ul li{float:left;}
.footer ul li a{display:block;padding:13px 15px 13px 15px;border-bottom:1px solid #d6d6d6;}

.footer ul li a:hover,
.footer ul li.ac a {
  text-decoration: none;
  border-bottom-color: #dd1e26;
}

/* Popis --------------------------------- */
.footer p{text-align:center;}

/* --------------------------------------------------------------------------------------------
    Socialky
-------------------------------------------------------------------------------------------- */

.fb-fixed{position:absolute;right:-55px;top:165px;z-index:12;}

/* --------------------------------------------------------------------------------------------
    1. UROVEN KOMENTARE
-------------------------------------------------------------------------------------------- */

/* 2. UROVEN KOMENTARE --------------------------------- */

/* 3. UROVEN KOMENTARE ----------------- */

/* 4. UROVEN KOMENTARE -------- */

/* DOVETKY */