/*=====================================================================================

  Project:      panorama-su.aspone.cz
  Author:        David Liprt
    
  == iNFO ===========================================
  
  Web width:      100%
  Page width:      960px (grid960)
  
  
  == CSS DETAiL ======================================
  
  
  
=====================================================================================*/
/*RESET*/
* {margin: 0;}
html, body {height: 100%;}
body {margin: 0;font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;background:#f2f2f2 url('/css/images/topbg.png') repeat-x left top;color:#5e5e5e; padding: 0 0 0px;}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li{margin: 0;padding: 0;}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{font-style: normal; font-weight: bold; font-size: 14px; color: #d43b01; text-decoration: none;background-color:White;}



ul{list-style-type: none;}
ol{list-style-position: inside;}



/*LINKS*/
a, a.docLink, a.bulLink{color:#ed6308; font-style: normal; font-weight: normal; font-size: 12px; text-decoration: none;}
a:visited, a.docLink:visited, a.bulLink:visited{color :  #ed6308;}
a:hover, a.docLink:hover, a.bulLink:hover{color :  #000000; text-decoration: underline;}
a.bulLink{padding-left:12px; background:white  url('/css/images/rightbul.gif') no-repeat scroll left center;}
a.docLink{padding-left:18px;}
/*Ikonky dokumentu*/
.wordIcon{background:white  url('/css/images/word_icon.png') no-repeat scroll left center;}
.pdfIcon{background:white  url('/css/images/pdf_icon.png') no-repeat scroll left center;}
.excelIcon{background:white  url('/css/images/excel_icon.png') no-repeat scroll left center;}
.musicIcon{background:white  url('/css/images/music_icon.png') no-repeat scroll left center;}
.textIcon{background:white  url('/css/images/text_icon.png') no-repeat scroll left center;}

/* MAIN CONTAINER */
.container {margin-bottom:10px;background:white;}
.containerLogoAnonym {
  margin: 0 0 0 0px;
  height:210px;
  display: block;
  background:#f2f2f2 url('/css/images/logo_anonym.png') no-repeat left top;
}
.containerLogo {
  margin: 0 0 0 0px;
  height:159px;
  display: block;
  background:#f2f2f2 url('/css/images/logo.png') no-repeat left top;
}
.containerMenu {
  margin: 0 0 0 0px;
  height:50px;
  display: block;
  background:#f2f2f2 url('/css/images/menubg.png') no-repeat left top;
}

.logoText{position:absolute; top:-1000px; left:-1000px;}

.logoText h1{text-indent:-9999px;}
.logoText h2{text-indent:-9999px;}


/* CONTENT */
.content{min-height:600px; margin:0px 0 0px 0px; padding:0px 0 30px 0;}

.content p{margin-bottom:10px;}

.content h3{display:block; padding-right:10px; font-size:12px;}

.content h3 a{color: #d43b01;font-size:14px;}

.content h3 a:hover{color: black;text-decoration:underline;}


.content h4 {
font-size:12px; text-transform:uppercase; text-decoration:none; margin-bottom:6px;color: #d43b01;
}

.content h5 {
font-size:12px; text-transform:uppercase; text-decoration:none; margin-bottom:6px; color:Black;color: Black;
}

.content .redText {
font-style: normal;  font-size: 12px;  color: #d43b01;  text-decoration: none; background-color:White;
}

.content .redTextBold {
font-weight:bold; font-size: 12px; color: #d43b01; text-decoration: none;  background-color:White;
}


.content .highlight{color: #d43b01;font-size:12px;font-weight:bold;}

.headerTitle { border-bottom: 1px #FFE279 dotted; margin: 10px 0 20px 0px;}    
.headerTitle  h3
{
position:relative;
top:11px;
display:inline;
padding-right:10px;
font-size:14px;
text-transform:uppercase;
text-decoration:none;
}
.headerTitle a{text-decoration:none;}
.headerTitle a:hover{color: black;text-decoration:underline;}

.content .rightBar
{
  background:white url('/css/images/Slice%2018.png') repeat-y -120px top;
  padding:0px 10px 10px 10px;
  width:290px;  
}

.content .rightBar .rss
{
  background:url('/css/images/rss_20-2.png') no-repeat left 50%;
  width:20px;
  height:20px;
  float:right;
  margin:5px 0px;
}

.content .rightBar .emptyLine
{
    height:20px;
    clear:both;
}



/*UL/OL*/
/*
.content  ol, .content ul{margin: 12px 0 12px 24px;padding: 0;}
.content li{font-size: 12px;color: #000000; margin: 0 0 5px -20px;padding: 0 0 0 28px;}
.content li ol, .content li ul{margin: 6px 0 6px 24px;padding: 0;}
.content ol>li{background: none;padding-left: 0;overflow: visible;}*/
.content ul.point>li{background: url('/css/images/point.gif') no-repeat left center; padding-left: 20px;}
/*.content li.rightBullet{background: url('/css/images/Slice 22.gif') no-repeat left center;padding-left: 20px;}
.content li.clearBackground{background:transparent;padding-left: 20px;}*/


/* BreadCrumb - DROBECKOVE MENU*/
.breadCrumb{list-style-type: none; margin-top:5px; display: block;}
.breadCrumb li{margin:0; float: left; font-size: 10px; text-align: center; text-decoration: none;}
.breadCrumb  a{ 
  background:white url('/css/images/rightbul.gif') no-repeat right center;
  padding-right: 12px;
  margin-right: 3px;
  display: block;
  outline:none;
  color:#ed6308;
  font-size: 10px;
  text-align: center;
  text-decoration: none;
 }

.breadCrumb  a:hover{color:Black;text-decoration:underline;}

/*HLAVNI MENU*/
.mainMenu{position: relative; top:0px; height: 50px; width: 650px; margin-left: auto; margin-right: auto; list-style-type: none; display: block;}
.mainMenu li{margin:0 0 0 0px; padding:0 0 0 0px; float: left;}
.mainMenu  a 
{
    padding:0px 32px 0px 32px;
    margin:0px 0px 0px 0px;
  float:left;
  display: block;
  outline:none;
  line-height :50px;
  height: 50px;
  cursor: pointer;
  font-weight: bold;
  color: white;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;

 }
 
.mainMenu a:hover{background-color:#fbcf49;color: white;}
.mainMenu a:visited{color: white;}
.mainMenu a.active{background-color:#f58f26;color: white;}

/*PATICKA*/
 .clearfooter {height: 80px;}
.footer{height: 80px;margin-bottom:0;margin-top:0px;width:100%;text-decoration: none;color: #888888;}
.footerCopyright{vertical-align: text-bottom;text-align:center;margin-top:15px;color: #888888;}
.footerMenu{position: relative; width: 700px; margin-top:5px; margin-left: auto; margin-right: auto; display: block; list-style-type: none;}
.footerMenu li{margin:0; float: left; border-right: 1px dotted #aaaaaa;}
.footerMenu a
{ 
  padding-right: 52px;
  padding-left: 52px;
  display: block;
  outline: none;
  
  cursor: pointer;
  font-weight: normal;
  color: #888888;
  font-size: 10px;
  text-align: center;
  text-decoration: none;
 }
 
 .footerMenu a:hover{text-decoration:underline; color:Black;}
 .footerMenu a:visited{color: #888888;}
 .footerMenu li:last-child{border-right:none;}
 .footerMenu li:last{border-right:none;}






/* FORM ELEMENTS   
----------------------------------------------------------*/

.mainSearch fieldset {margin:0 0 0 0px;}
.mainSearch .searchInput {float: left; margin: 118px 0px 0px 0px; background:transparent; padding:6px 0px 2px 5px; height:20px; width:260px; border:0px transparent none;}
.mainSearch .searchInput:focus,
.mainSearch .searchInput:active{background:transparent; border:0px transparent none;}
.mainSearch .searchButton{width: 33px; height: 28px; cursor: pointer; float: right; margin: 117px 0px 0px 0px; background:transparent; border:0px transparent none;}

/*  LOGIN FORM */
.loginform{margin-left: auto; margin-right: auto; height:100%;  width:350px;}
.accountInfo fieldset{padding: 12px; border: 1px dotted #FFE279 ;}
.accountInfo fieldset p {margin: 2px 12px 10px 10px;}
.accountInfo fieldset.login label, fieldset.register label, fieldset.changePassword label
{display: block;}

.accountInfo fieldset label.inline{display: inline;}
.accountInfo legend{font-size: 13px; font-weight: 600; color: #d43b01; padding: 2px 4px 8px 4px;}
input.textEntry{width: 320px;border: 1px solid #ccc;}
input.passwordEntry{width: 320px;border: 1px solid #ccc;}
div.accountInfo{margin-bottom:10px;}
.failureNotification{font-size: 12px;color: Red;}

.submitButton{text-align: right; padding-right: 10px;}
.submitButton input {cursor:pointer; padding:2px 2px; background-color:#d43b01; border:1px solid #d43b01; color:White;}
.submitButton input:hover {cursor:pointer; padding:2px 2px; background-color:#f58f26; color:White;}








/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */