/************************************************************************************
 * STRUKTŮRA WEBU
 ************************************************************************************/
body {font-family: arial; margin: 0px; padding: 0px; font-size: 14px; line-height: 18px; color: #5a5a5a; background: url('../images/pozadi.png') repeat; background-color: #ffffff;}
#hlavni {margin: auto; width: 970px; padding: 0px;}
#efekt {float: left; width: 648px; height: 562px; background: url('../images/efekt.png') no-repeat; margin: 0px 0px -562px -114px;}
#efekt2 {float: left; width: 786px; height: 520px; background: url('../images/efekt2.png') no-repeat; margin: 0px 0px -520px -105px;}
#horni {float: left; width: 970px; height: 26px; background: url('../images/horni.png') no-repeat;}
#dolni {float: left; width: 970px; height: 25px; background: url('../images/dolni.png') no-repeat;}
.clr {clear: both;}


/************************************************************************************
 * HLAVIČKA
 ************************************************************************************/
#hlavicka {float: left; width: 970px;}
#hlavicka .logo {float: left; width: 125px; height: 67px; margin: 39px 0px 24px 22px; position: relative; z-index: 10;}

#menu {float: right; padding: 0px 0px 0px 0px; margin: 13px 25px 12px 0px;}
#menu .menu {float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none;}
#menu .menu li {float: left; padding: 0px; margin: 0px;}
#menu .menu li a {float: left; color: #000000; font-size: 13px; font-family: arial; padding: 0px 6px 0px 5px; text-decoration: underline; background: url('../images/oddelovac.png') right center no-repeat;}
#menu .menu li a:hover {text-decoration: none;}
#menu .menu li.active a {text-decoration: none;}
#menu .menu li a.konec {background: none;}

#hlavni-menu {float: right; width: 718px; height: 52px; background: url('../images/menu.png') no-repeat; position: relative; z-index: 10;}
#hlavni-menu .menu {float: left; padding: 0px; margin: 0px 0px 0px 0px; list-style: none;}
#hlavni-menu .menu li {float: left; padding: 0px; margin: 0px;}
#hlavni-menu .menu li a {float: left; height: 52px; line-height: 52px; color: #3f3f3f; font-size: 15px; padding: 0px 35px 0px 34px; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url('../images/oddelovac2.png') right center no-repeat;}
#hlavni-menu .menu li a:hover {text-decoration: underline;}
#hlavni-menu .menu li.active a, #hlavni-menu .menu li.active a.konec {color: #ffffff; background: url('../images/active2.png') repeat-x;}
#hlavni-menu .menu li a.konec {background: none;}

#hlavni-menu .menu li a.zacatek {padding-left: 33px;}
#hlavni-menu .menu li.active a.zacatek {color: #ffffff; background: url('../images/active.png') repeat-x;}


/************************************************************************************
 * HOMEPAGE
 ************************************************************************************/

/* Slider */
#slider {float: left; width: 970px; margin: 0px 0px -20px 0px;}
#slider img {float: left; margin: 0px 20px 0px 0px;}
#slider strong {display: block; font-size: 45px; line-height: 45px; color: #00adef; font-weight: bold; font-family: arial; font-style: italic; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#slider .barva {color: #2e3192;}
#slider em {display: block; font-size: 24px; line-height: 24px; color: #00adef; font-weight: bold; font-family: arial; font-style: italic; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#slider p {display: block; font-size: 16px; line-height: 20px; color: #000000; font-weight: bold; font-family: arial; font-style: italic; padding: 15px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#slider a {display: inline-block; width: 162px; height: 52px; line-height: 52px; text-align: center; font-size: 15px; color: #ffffff; font-weight: bold;
padding: 0px 0px 0px 0px; margin: 15px 11px 0px 0px; background: url('../images/tlacitko.png') -206px 0px no-repeat; text-decoration: none; text-transform: uppercase;}
#slider a.button {width: 206px; background: url('../images/tlacitko.png') 0px 0px no-repeat;}


/* Slider podstránky */
#slider-podstranky {float: left; width: 970px; height: 169px; margin: -90px 0px 0px 0px;}
#slider-podstranky .typ0 {float: left; width: 425px; height: 169px; margin: 0px 0px 0px 95px; background: url('../images/slider/strih.png') 0 31px no-repeat;}
#slider-podstranky .typ1 {float: left; width: 425px; height: 169px; margin: 0px 0px 0px 96px; background: url('../images/slider/animace.png') 0 37px no-repeat;}
#slider-podstranky .typ2 {float: left; width: 340px; height: 169px; margin: 0px 0px 0px 82px; background: url('../images/slider/dvd.png') 0 0 no-repeat;}
#slider-podstranky .typ3 {float: left; width: 340px; height: 169px; margin: 0px 0px 0px 82px; background: url('../images/slider/zvuk.png') 0 50px no-repeat;}
#slider-podstranky .typ4 {float: left; width: 297px; height: 169px; margin: 0px 0px 0px 76px; background: url('../images/slider/nataceni.png') 0 8px no-repeat;}
#slider-podstranky .typ5 {float: left; width: 422px; height: 169px; margin: 0px 0px 0px 76px; background: url('../images/slider/dvd-authoring.png') 65px 4px no-repeat;}
#slider-podstranky .nadpis {float: right; margin: 85px 45px 0px 0px;}
#slider-podstranky strong {font-size: 45px; line-height: 45px; color: #00adef; font-weight: bold; font-family: arial; font-style: italic;}

/************************************************************************************
 * OBSAH
 ************************************************************************************/
#obsah {float: left; width: 970px; margin: 0px; padding: 0px 0px 0px 0px; background: #ffffff;}
#levy {float: left; width: 527px; padding: 0px; margin: 0px 0px 0px 13px;}

/* Článek */
.item-page {float: left; width: 648px;}
.item-page .text {padding: 0px 7px 0px 7px;}
.item-page h1 {font-size: 22px; line-height: 22px; color: #00adef; font-weight: bold; font-family: arial; font-style: italic;
padding: 0px 10px 15px 10px; margin: 0px 0px 14px 0px; border: 0px; border-bottom: 1px solid #dad5d9;}

.item-page h2, .item-page h3 {font-size: 22px; color: #96c036; font-weight: bold; font-family: arial; padding: 5px 0px 12px 0px; margin: 25px 0px 0px 0px;}
.item-page h3 {color: #4083b3; font-size: 16px; font-weight: bold;}

.item-page ul {padding: 0px; margin: 0px 0px 0px 30px;}
.item-page ul li {padding: 0px; margin: 0px 0px 10px 0px;}

.item-page ol {padding: 0px; margin: 0px 0px 0px 30px;}
.item-page ol li {padding: 0px; margin: 0px 0px 10px 0px;}


/************************************************************************************
 * PRAVÝ
 ************************************************************************************/
#pravy {float: right; width: 280px; padding: 0px; margin: -7px 17px 0px 0px;}
#pravy .modul {float: left; width: 280px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#pravy .modul .nadpis {float: left; width: 240px; height: 45px; line-height: 45px; background: url('../images/nadpis.png') no-repeat; font-style: italic;
font-size: 17px; color: #2e3192; font-weight: bold; font-family: arial; text-transform: uppercase; padding: 0px 20px 0px 20px; margin: 0px 0px 0px 0px;}
#pravy .modul .text {float: left; width: 240px; padding: 14px 20px 0px 20px; margin: 0px; background: #e5f6fd;}
#pravy .modul .dolni {float: left; width: 280px; height: 20px; background: url('../images/modul-dolni.png') no-repeat;}

#pravy .menu {float: left; padding: 0px 0px 5px 0px; margin: 0px; list-style: none;}
#pravy .menu li {display: block; width: 100%; padding: 0px; margin: 0px;}
#pravy .menu li a {display: block; color: #5a5a5a; font-size: 14px; line-height: 18px; font-weight: normal; text-decoration: none;
padding: 4px 0px 4px 17px; background: url('../images/odrazka.png') 2px 11px no-repeat;}
#pravy .menu li a:hover {text-decoration: underline;}
#pravy .menu li.active a {font-weight: bold;}

#pravy .menu ul {display: block; padding: 0px 0px 5px 0px; margin: 0px; list-style: none;}
#pravy .menu ul li a {clear: both; font-weight: normal !important; padding-left: 49px; background: url('../images/odrazka.png') 34px 11px no-repeat;}
#pravy .menu ul li.active a {font-weight: bold !important;}


/************************************************************************************
 * PATIČKA
 ************************************************************************************/
#paticka {margin: auto; width: 900px; color: #444444}
#paticka .text {float: left; width: 100%; padding: 0px 0px 20px 0px; margin: 0px; font-size: 12px;}
#paticka a {color: #444444; text-decoration: none;}
#paticka a:hover {text-decoration: underline;}

#paticka .menu {float: left; padding: 0px 0px 0px 0px; margin: 13px 0px 5px -5px; list-style: none; position: relative; z-index: 10;}
#paticka .menu li {float: left; padding: 0px; margin: 0px;}
#paticka .menu li a {float: left; color: #444444; font-size: 12px; font-family: arial; padding: 0px 6px 0px 5px; text-decoration: underline; text-transform: uppercase; background: url('../images/oddelovac.png') right center no-repeat;}
#paticka .menu li a:hover {text-decoration: none;}
#paticka .menu li.active a {text-decoration: none;}
#paticka .menu li a.konec {background: none;}


/************************************************************************************
 * TEXT
 ************************************************************************************/
p {margin: 0px 0px 15px 0px;}
img {border: 0px;}

a {color: #063688; text-decoration: underline;}
a:hover {text-decoration: none;}


/************************************************************************************
 * OSTATNÍ
 ************************************************************************************/

/* Navigační lišta */
.pagination {margin: auto; text-align: center; padding: 10px 0px 15px 0px; clear: both;}
.pagination p {text-align: center; margin: 10px 0px 0px 0px;}
.pagination ul {display: block; padding: 0px; margin: 0px; list-style: none;}
.pagination ul li {display: inline-block; padding: 0px; margin: 7px 0px 0px 0px;}
.pagination ul li .pagenav {font-size: 13px; text-decoration: none; font-weight: bold; display: inline-block; padding: 0px 7px 0px 7px; margin: 0px;}
.pagination ul li a, .pagination ul li.pagination-prev .pagenav, .pagination ul li.pagination-next .pagenav {}


/* Kontaktní formulář */
#contact-form {margin: 0px 0px 15px 0px;}
#contact-form label {display: inline-block; padding: 0px 15px 0px 0px; margin: 0px 0px 5px 0px; width: 75px; height: 26px; text-align: left; vertical-align: top;}
#contact-form input.required {display: inline-block; padding: 0px 5px 0px 5px; margin: 0px 0px 5px 0px; width: 210px; height: 24px; border: 1px solid #d4d4d4;}
#contact-form textarea {display: inline-block; padding: 5px 5px 5px 5px; margin: 0px 0px 5px 0px; width: 400px; height: 200px; border: 1px solid #d4d4d4;}


/* Systémové zprávy */
#system-message dt {display: none;}
#system-message dd {background: none; text-align: center; font-weight: bold; margin: 0px 0px 20px 0px;}
#system-message dd ul {padding: 0px; margin: 0px;}
#system-message dd ul li {padding: 0px; list-style: none;}

#system-message dd.message ul {color: #aa0000;}
#system-message dd.error ul {color: #008000;}
#system-message dd.notice ul {color: #aa0000;}


/* Systémové tipy */
.tip {float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 400px; position: relative; z-index: 50;}
.tip-title {padding: 15px 0px 0px 0px; margin: -15px 0px 0px 0px; font-weight: bold;}
.tip-text {margin: 0px;}

input:focus, select:focus, textarea:focus {background-color: #ffffff;}


/* Tlačítka upravit */
.actions {float: right; list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; position: relative; top: -42px; height: 0px;}
.edit-icon {float: left; padding: 0px; margin: 0px;}