/* PAGE */

body {
color:  #0053a3;
font-size: 11px;
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
background: #fff;
text-align : center;
margin : 0 0 0 auto;
padding: 0;
}

#page-middle {
position : relative; 
background: #fff url('../images/prechod.gif') repeat-x;
width : 100%;
height : auto;
text-align : center;
margin : 0;
padding: 0;
border: 0;
}


#page-middle-text {
position : relative; 
background: #fff url('../images/prechod.gif') repeat-x;
width : 700px;
height : auto;
text-align : left;
margin : 0 auto auto;
padding: 10px;
padding-top: 0;
border: 0;
#width : 720px;
}

h1 {
position: absolute;
top: 51px;
left: 125px;
font-size: 11px;
font-weight: normal;
padding: 0;
margin: 0;
}

h2 {
font-size: 12px;
font-weight: bold;
padding: 0;
margin: 0;
padding-bottom: 10px;
line-height: 12px;
}

h3 {
font-size: 11px;
font-weight: bold;
padding: 0;
margin: 0;
padding-top: 10px;
padding-bottom: 5px;
line-height: 11px;
}

h4 {
font-size: 11px;
font-weight: bold;
padding: 0;
margin: 0;
padding-top: 10px;
line-height: 11px;
}


p {
margin: 0;
margin-bottom: 10px;
}

a {
margin: 0;
padding: 0;
text-decoration: underline;
color: #0053a3;
}

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

form {
margin: 0;
padding: 0;
}

img {
border: 0;
}

hr {
display: block;
position : relative; 
visibility: hidden;
clear: both;
margin:0;
padding:0;
border: 0;
height: 0;
_display: none;
}

#page-top {
position : relative; 
background:  #bed630;
width : 100%;
height : 115px;
text-align : center;
margin: 0;
padding: 0;
padding-top: 55px;
#height : 170px;
}

#head {
position : relative; 
background: #fff url('../images/head-background.jpg') no-repeat left bottom;
width : 634px;
height : 82px;
text-align : left;
margin : 0 auto auto;
padding: 33px;
padding-bottom: 0;
#width : 700px;
#height : 115px;
}


#page-menu {
position : relative; 
background-color : #0053a3;
width : 100%;
height : 30px;
text-align : center;
margin: 0;
padding: 0;
}

#podmenu {
position : relative; 
background-color : #fff;
width : 800px;
height : 30px;
text-align : left;
margin : 0 auto auto;
padding: 0;
clear: both;
}

#podmenu-left {
position : relative; 
background: #0053a3 url('../images/menu-prechod-left.gif') repeat-y left;
width : 85px;
height : 30px;
text-align : left;
margin : 0;
padding: 0;
float:left;
}

#podmenu-center{
color: #fff;
font-size: 11px;
line-height: 20px;
position : relative;
background: #0053a3;
width : 630px;
height : 30px;
text-align : left;
margin : 0;
padding: 0;
float:left;
list-style: none;
}

#podmenu-center li {
text-align : left;
margin : 0;
padding: 0;
border: 0;
float:left;
}

#podmenu-center li a{
color: #fff;
position : relative;
background: #0053a3;
width : auto;
height: 30px;
line-height: 30px;
text-align : left;
margin: 0;
padding: 0;
padding-left: 15px;
padding-right: 15px;
border: 0;
display: block;
float:left;
text-decoration: none;
}

#podmenu-center li a:hover{
color: #0053a3;
background: #e3e3e3 url('../images/menu-prechod.gif') repeat-x bottom;
border-top: solid 1px #0053a3;
height: 29px;
line-height: 29px;
text-decoration: none;
}

#podmenu-center li a.aktiv{
color: #0053a3;
background: #e3e3e3 url('../images/menu-prechod.gif') repeat-x bottom;
border-top: solid 1px #0053a3;
height: 29px;
line-height: 29px;
text-decoration: none;
}

#podmenu-right {
position : relative; 
background: #0053a3 url('../images/menu-prechod-right.gif') repeat-y;
width : 85px;
height : 30px;
text-align : left;
margin : 0;
padding: 0;
float:left;
}


#page-img {
position : relative; 
background: #0053a3 url('../images/image-home.jpg') no-repeat left top;
width : 700px;
height : 230px;
text-align: left;
margin: 0;
padding: 0;
border: 0;
}


#extranet-home {
position : absolute;
right: 35px;
top: 45px; 
background: #000;
width : 210px;
height : 150px;
text-align: left;
margin: 0;
padding: 0;
border: 0;
filter: alpha(opacity=40); 
-moz-opacity: 0.40;
KhtmlOpacity: .40;
opacity: .40;
}



#extranet-home-top {
position : absolute;
background: #fff;
right: 40px;
top: 40px; 
width : 180px;
height : 120px;
text-align: left;
margin: 0;
padding: 15px;
border: 0;
#width : 210px;
#height : 150px;
}

#extranet-home-top input {
color: #0053a3;
font-size: 11px;
background: #fff url('../images/input-prechod.gif') repeat-x;
width : 116px;
height : 22px;
line-height: 16px;
text-align: left;
margin: 0;
border: solid 1px #0053a3;
padding: 2px;
#width : 120px;
}

#extranet-home-top label {
width: 34px;
padding: 0;
margin: 0;
padding-right: 3px;
text-align: right;
line-height: 24px;
display: block;
height: 22px;
float: left;
#width: 37px;
}

#extranet-home-top h2 {
margin: 0;
padding: 0;
}

#extranet-home-top p {
margin: 0;
margin-top: 10px;
}

#extranet-home-top .home-ok {
color: #0053a3;
font-size: 11px;
background: #fff url('../images/input-prechod-ok.gif') repeat-x;
width : 44px;
height : 22px;
text-align: center;
margin: 0;
padding: 2px;
border: solid 1px #0053a3;
margin-left: 37px;
#margin-left: 40px;
}


#left-text {
position : relative; 
width : 430px;
height : auto;
text-align: left;
margin: 0;
padding: 15px;
padding-left: 5px;
border: 0;
float: left;
#width : 450px;
}

#left-text hr{
position : relative; 
clear: both;
margin: 10px;
margin-left: 0px;
margin-right: 0px;
padding: 0;
border: 0;
border-top: solid 1px #f1f1f1;
visibility: visible;
display: block;
#margin: 5px;
}

#right-text hr {
position : relative; 
clear: both;
margin: 10px;
margin-left: 0px;
margin-right: 0px;
padding: 0;
border: 0;
border-top: solid 1px #f1f1f1;
visibility: visible;
display: block;
#margin: 5px;
}

#left-text ul {
margin: 0;
padding: 0;
margin-left: 20px;
}


#right-text {
position : relative; 
width : 219px;
height : auto;
text-align: left;
margin: 0;
padding: 15px;
border: 0;
float: right;
border-left: solid 1px #f1f1f1;
#width : 250px;
}

#right-text p {
margin: 0;
margin-bottom: 20px;
}



.html {
background: url('../images/html.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.htm {
background: url('../images/html.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.doc {
background: url('../images/doc.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.pdf {
background: url('../images/pdf.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.jpg {
background: url('../images/jpg.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.gif {
background: url('../images/gif.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.xls {
background: url('../images/xls.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.rtf {
background: url('../images/rtf.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.zip {
background: url('../images/zip.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.rar {
background: url('../images/rar.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.tif {
background: url('../images/rar.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.ppt {
background: url('../images/ppt.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.txt {
background: url('../images/txt.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.png {
background: url('../images/rar.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.eps {
background: url('../images/eps.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.psd {
background: url('../images/psd.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.fla {
background: url('../images/rar.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.swf {
background: url('../images/swf.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.css {
background: url('../images/css.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

.bmp {
background: url('../images/bmp.gif') no-repeat left center;
padding-left: 20px;
line-height: 20px;
height: 20px;
}

#page-copy {
font-size: 10px;
position : relative; 
background: #fff;
color: #b1b1b1;
width : 690px;
height : auto;
text-align : left;
margin : 0 auto auto;
margin-bottom: 20px;
padding: 15px;
border: solid 1px #f1f1f1;
#width : 720px;
}

#page-copy a {
color: #b1b1b1;
text-decoration: none;
}

#page-copy a:hover {
text-decoration: underline;
}

label {
display: block;
height: 22px;
width: 110px;
margin: 0;
padding: 0;
padding-right: 3px;
line-height: 24px;
text-align: right;
float:left;
z-index: 99;
}

textarea {
font-size: 11px;
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
color: #0053a3;
display: block;
background: #fff url('../images/input-prechod.gif') repeat-x;
height: 100px;
width: 250px;
margin: 0;
padding: 2px;
line-height: 16px;
margin-left: 113px;
border: solid 1px #0053a3;
#margin: 0;
}

input {
font-size: 11px;
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
color: #0053a3;
font-size: 11px;
background: #fff url('../images/input-prechod.gif') repeat-x;
height : 22px;
line-height: 16px;
text-align: left;
margin: 0;
border: solid 1px #0053a3;
padding: 2px;
}

input.big {
width: 250px;
}

.home-ok {
color: #0053a3;
font-size: 11px;
background: #fff url('../images/input-prechod-ok.gif') repeat-x;
height : 22px;
text-align: center;
margin: 0;
padding: 2px;
border: solid 1px #0053a3;
margin-left: 113px;
}

.check{
border: 0;
background: none;
margin-left: 80px;
}

.upravykinobazar {
font-size: 10px;
text-align: right;
padding: 0;
margin: 5px;
margin-top: 0;
float: right;
visibility: visible;
display: block;
}

.date {
font-size: 10px;
color:  #bed630;
padding: 0;
margin: 5px;
}

a.datemail {
font-size: 10px;
color:  #bed630;
text-decoration: underline;
}

a:hover.datemail {
color:  #bed630;
text-decoration: none;
}


.napoveda {
font-size: 10px;
color: #b1b1b1;
padding: 10px;
padding-bottom: 0;
}

.odhlasit {
position: absolute;
top: 10px;
right: 10px;
font-size: 11px;
font-weight: normal;
text-align: right;
padding: 0;
margin: 0;
}

#banners {
position: absolute;
top: 33px;
right: 33px;
padding: 0;
margin: 0;
border: 0;
}

#banners img {
border: 0;}