/*LAYOUT*/

html {background: url('pic/body-bg-bottom.png') bottom center repeat-x #6D0C0C; width: 100%;}
body {background: url('pic/body-bg-top.png') top center repeat-x #4E0505; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: #ffffff; font-size: 13px; margin: 0px 0px 30px 0px; padding: 0px; float: left; width: 100%;}
.pgcenter {margin: auto; width: 980px; position: relative;}
.pgcontent {float: left; width: 832px; margin: 0px 0px 0px 0px; padding: 0px 71px 30px 71px; position: relative; z-index: 10; background: url('pic/page-bg.png') repeat-y #9F0A0A; min-height: 700px;}
.pagetop {position: absolute; top: 0px; left: 0px; background: url('pic/page-bg-top.png') no-repeat; width: 980px; height: 620px;}
.bottom {height: 30px; width: 100%; background: #6D0C0C; float: left; margin-bottom: -30px;}
.content {position: relative; z-index: 10; float: left; width: 832px;}
hr {display: none;}
.gandhi {position: absolute; left: 71px; bottom: -16px; z-index: 9; width: 156px; height: 144px; background: url('pic/gandhi.png') no-repeat;}


/*HEADER*/

.header {float: left; height: 150px; width: 100%;}
h1 {margin: 0px; padding: 0px; position: absolute; left: 75px; top: 59px; display: block; float: left; font-weight: normal;}
h1 a {display: block; float: left; color: #ffffff; text-decoration: none; font-size: 48px;}
h1 a img {display: block; float: left; border: 0px;}
.header b {display: none;}


/*MENU*/

.left  {width: 149px; float: left;}
.left a {color: #ffffff;}
.fb {display: block; padding-left: 23px; background: url('pic/facebook.png') no-repeat left 3px; float: left; clear: both; width: 120px; margin: 3px 0px 0px 10px;}
a.fb {text-decoration: underline;}
a.fb:hover {text-decoration: none;}



.menu {width: 149px; float: left; display: block; list-style-type: none; padding: 0px; margin: 0px;}
.menu li {width: 111px; height: 30px; background: url('pic/menu-item.png') repeat-y #D80E0E; float: left; display: block; padding: 0px 19px; margin: 0px 0px 4px 0px; line-height: 31px; vertical-align: middle; overflow: hidden;} 
.menu li a {font-size: 20px; font-weight: normal; text-decoration: none; text-transform: uppercase; color: #ffffff;}
.menu li a:hover {color: #ddbbbb;}


/*RIGHT*/

.right {float: left; width: 613px; padding: 0px 35px 10px 35px;}
.right h2 {font-size: 22px; text-transform: uppercase; font-weight: bold; margin: 0px 0px 15px 0px; padding: 0px;}
.right p {text-align: justify; margin: 0px 0px 15px 0px; padding: 0px;}
.right a {color: #000000; text-decoration: underline;}
.right a:hover {text-decoration: none;}


/*SERIÁLY*/

.serial img {display: block; float: left; width: 160px; margin-right: 20px; border: 1px solid #ff6666;}
.serial div {display: block; float: left; width: 400px;}
.serial h3 {margin: 0px 0px 7px 0px; font-size: 17px; font-weight: bold;}
.serial h3 span {font-weight: normal; color: #ff6666;}
.serial p {margin: 0px;}
.serial {width: 100%; float: left; padding-bottom: 20px; border-bottom: 1px solid #ff6666; margin-bottom: 20px;}
.serial a {color: #ff6666;}

.serial b {color: #ff6666; margin: -10px 0px 6px 0px; display: block;}
.hist {position: relative; top: 6px;}



/*PROGRAM*/

.program-links {float: left; width: 200px; font-size: 16px; line-height: 200%;}
.program-links a {color: #ffffff;}
.program-img {display: block; float: right;}


/*FOTKY*/

.fotky h2 {font-size: 19px; text-transform: uppercase; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px;}
.fotky a {color: #ffffff;}


/*BOTTOM*/

.pagebottom {position: absolute; bottom: -151px; left: 0px; background: url('pic/page-bg-bottom.png') no-repeat; width: 837px; padding: 30px 71px 7px 71px;} 
.pagebottom img {border: 0px;}
.pagebottom a {color: #ffffff; text-decoration: underline;}
.pagebottom a:hover {text-decoration: none;}

.bottom-left {float: left; margin-top: 45px;}
.bottom-right {display: block; float: right;}