/* 
CSS style of Pujckypresweb.cz 

Default style: style.css
Colours box: boxs.css
*/

/* Body */

body {
 margin: 0;
 padding: 0;
 background: #fff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #666;
 letter-spacing: 0;
 line-height: 25px;
}

* {
 margin: 0;
 padding: 0;  
}

h1, h2, h3, h1 a, h2 a, h3 a {
 margin: 0;
 padding: 10px 0;
 font-weight: normal;
 font-size: 16px;
 color: #666; 
}

p, ol, ul, dl {
 margin-top: 0;
 text-align: justify;
}

ul {
 margin-left: 0;
 padding-left: 0;
 list-style: none;
}

.box {
 padding: 20px;
 border: 1px solid #ddd;
}

strong span {
 color: #EA8813;
}

a {
 color: #bd1a02;
 text-decoration: underline;
}

a:hover {
 text-decoration: none;
}

.clear {
 clear: both;
}

/* Wrapper */

#wrapper {
 background: #fff url(images/bg.png) repeat-x;
}

.container {
 width: 980px;
 margin: 0 auto;
}

/* Header */

#header {
 height: 102px;
 background: url(images/header.png);
}

#logo {
 float: left;
 width: 263px;
 height: 35px;
 border: none; 
}

#logo img {
 padding: 32px 0 0 50px;
 border: none;
}

#header-title {
 width: 514px;
 float: right;
 height: 40px;
 padding: 31px 30px 0 0;
 line-height: 22px;
}

#header-title h1, #header-title-small h1 {
 color: #4887c1;
 font-size: 17px;
 font-weight: bold;
 padding: 0 0 0 0;
}

#header-title h1.orange, #header-title-small h1.orange {
 color: #f7941d;
}

#header-title h1.red, #header-title-small h1.red {
 color: #ff4b4b;
}

#header-title h1.green, #header-title-small h1.green {
 color: #60a427;
}

#header-title h2, #header-title-small h2 {
 color: #999;
 font-size: 13px;
 padding: 0 0 0 4px;
}

#header-title-small {
 width: 260px;
 float: left;
 padding: 31px 30px 0 162px;
 line-height: 22px;
 overflow: hidden;
 height: 40px;
}

.logo-corp {
 float: right;
 margin: 30px 40px 0 0;
}

/* Side menu */ 

#side-menu ul {
 width: 960px;
 height: 38px;
 margin: 0 auto;
 background: url(images/menu.gif) 0 0 repeat-x;
 border-left: 1px solid #e9e9e9;
 border-right: 1px solid #e9e9e9;
 border-bottom: 1px solid #e9e9e9;
 overflow: hidden; 
}  

#side-menu ul li {
 list-style: none;
 display: inline;
 border-right: 1px solid #e9e9e9;
 line-height: 38px; 
 font-weight: bold;
 padding: 12px 15px 11px 15px;
}  

#side-menu ul li a {
 color: #888;
 text-decoration: none;
} 

#side-menu ul li:hover, #side-menu ul li.active {
 background: url(images/menu-hover.gif) center bottom no-repeat;
} 

#side-menu ul li a:hover, #side-menu ul li.active a {
 text-decoration: underline;
 color: #666;
} 

h3.strong-title {
 font-weight: normal;
 font-size: 16px;
 color: #666;
 background: url(images/blue-arrow.gif) left center no-repeat;
 padding: 10px 0 10px 26px;
}

h3.strong-title span {
 color: #4887c1;
}

/* Page and Content */    

#page, #index-page, #side-menu {
 background: url(images/page.png) repeat-y;
}

#content, #index-content {
 float: left;
 width: 700px;
 background: url(images/header.png) no-repeat 0 -107px;
 padding: 0 10px 0 20px;
}

.post .title, .post .title a {
 font-size: 16px;
 font-weight: bold;
 color: #666;
 line-height: normal;
}

.post .title a:hover {
 text-decoration: none;
}

img.left {
 float: left;
 padding: 10px 20px 10px 0;
}

img.right {
 float: right;
 padding: 10px 0 10px 20px;
}

#content-blue .arrow-list, #content-blue .plus-list, #content-orange .arrow-list, #content-orange .plus-list, #content-red .plus-list, #content-red .arrow-list, #content-green .plus-list, #content-green .arrow-list {
 padding: 28px 0 28px 15px; 
}

#content-blue .arrow-list li {
 font-size: 12px;
 line-height: 30px;
 background: url(images/blue-arrow.gif) left center no-repeat;
 padding: 0 0 0 26px; 
}

#content-blue .plus-list li {
 font-size: 12px;
 line-height: 30px;
 background: url(images/blue-plus-arrow.gif) left center no-repeat;
 padding: 0 0 0 26px; 
}

#content-orange .arrow-list li {
 font-size: 12px;
 line-height: 30px;
 background: url(images/orange-arrow.gif) left center no-repeat;
 padding: 0 0 0 26px; 
}

#content-orange .plus-list li {
 font-size: 12px;
 line-height: 30px;
 background: url(images/orange-plus-arrow.gif) left center no-repeat;
 padding: 0 0 0 26px; 
}

#content-red .arrow-list li {
 font-size: 12px;
 line-height: 30px;
 background: url(images/red-arrow.gif) left center no-repeat;
 padding: 0 0 0 26px; 
}

#content-red .plus-list li {
 font-size: 12px;
 line-height: 30px;
 background: url(images/red-plus-arrow.gif) left center no-repeat;
 padding: 0 0 0 26px; 
}

#content-green .arrow-list li {
 font-size: 12px;
 line-height: 30px;
 background: url(images/green-arrow.gif) left center no-repeat;
 padding: 0 0 0 26px; 
}

#content-green .plus-list li {
 font-size: 12px;
 line-height: 30px;
 background: url(images/green-plus-arrow.gif) left center no-repeat;
 padding: 0 0 0 26px; 
}

#content-blue .big-button, #content-orange .big-button, #content-red .big-button, #content-green .big-button  {
 margin: 0 0 0 469px;
}

#content-blue .big-box-button a, #content-blue .big-box-button span, #content-orange .big-box-button a, #content-orange .big-box-button span, #content-red .big-box-button a, #content-red .big-box-button span, #content-green .big-box-button a, #content-green .big-box-button span {
 display: block;
 height: 40px;
 width: 190px;
}

#content-blue .big-box-button  a, #content-orange .big-box-button  a, #content-red .big-box-button  a, #content-green .big-box-button  a {
 position: relative;
}

#content-blue .big-box-button  span, #content-orange .big-box-button  span, #content-red .big-box-button  span, #content-green .big-box-button  span {
 cursor: pointer;
}

#content-blue .big-box-button  a span {
 background: url(images/high-blue-button.png) 0 0 no-repeat;
}

#content-orange .big-box-button  a span {
 background: url(images/high-orange-button.png) 0 0 no-repeat;
}

#content-red .big-box-button  a span {
 background: url(images/high-red-button.png) 0 0 no-repeat;
}

#content-green .big-box-button  a span {
 background: url(images/high-green-button.png) 0 0 no-repeat;
}

#content-blue .big-box-button  a:hover span, #content-orange .big-box-button  a:hover span, #content-red .big-box-button  a:hover span, #content-green .big-box-button  a:hover span {
 background-position:0 -40px;
}

#content-blue .big-box-button  a:hover, #content-orange .big-box-button  a:hover, #content-red .big-box-button  a:hover, #content-green .big-box-button  a:hover {
 text-decoration:none;
}

#info-box-blue {
 padding: 10px 0;
}

.info-box-blue {
 background: #f5faff;
 border-left: 1px solid #dcedff;
 border-right: 1px solid #dcedff;
 width: 658px;
 padding: 20px 20px 6px 20px;
}

.info-box-blue img.right {
 padding: 0 0 0 20px;
}

.info-box-blue h2.title, .info-box-blue h2.title a  {
 color: #4887c1;
 background: url(images/blue-info.gif) left center no-repeat;
 padding: 0 0 0 48px; 
 height: 35px;
 line-height: 35px;   
}

.info-box-blue-top {
 background: url(images/blue-small-box-top.png) left top no-repeat;
 height: 10px;
 width: 700px;       
}

.info-box-blue-bottom {
 background: url(images/blue-small-box-bottom.png) left top no-repeat;
 height: 50px;
 width: 700px;
 border-top: 1px solid #dcedff;
}

.info-button {
 float: right;
 padding: 10px 20px 0 0; 
}

.info-box-button a, .info-box-button span {
 display: block;
 height: 30px;
 width: 180px;
}

.info-box-button a {
 position: relative;
}

.info-box-button span {
 cursor: pointer;
}

.info-box-button a span {
 background: url(images/info-box-button.png) 0 0 no-repeat;
}

.info-box-button a:hover span {
 background-position:0 -30px;
}

.info-box-button a:hover {
 text-decoration:none;
}

.info-box-button-hight a, .info-box-button-hight span {
 display: block;
 height: 30px;
 width: 280px;
}

.info-box-button-hight a {
 position: relative;
}

.info-box-button-hight span {
 cursor: pointer;
}

.info-box-button-hight a span {
 background: url(images/info-box-button-hight.png) 0 0 no-repeat;
}

.info-box-button-hight a:hover span {
 background-position:0 -30px;
}

.info-box-button-hight a:hover {
 text-decoration:none;
}

#info-box-grey {
 padding: 10px 0;
}

.info-box-grey {
 background: #fafafa;
 border-left: 1px solid #eee;
 border-right: 1px solid #eee;
 width: 658px;
 padding: 20px 20px 6px 20px;
}

.info-box-grey img.right {
 padding: 0 0 0 20px;
}

.info-box-grey h2.title, .info-box-grey h2.title a  {
 color: #666;
 background: url(images/grey-info.gif) left center no-repeat;
 padding: 0 0 0 48px; 
 height: 35px;
 line-height: 35px;
 font-weight: bold;
}

.info-box-grey-top {
 background: url(images/grey-small-box-top.png) left top no-repeat;
 height: 10px;
 width: 700px;       
}

.info-box-grey-bottom {
 background: url(images/grey-small-box-bottom.png) left bottom no-repeat;
 height: 10px;
 width: 700px;
}

#content-blue, #content-orange, #content-red, #content-green {
 padding: 10px 0;   
}

.content-blue {
 background: #f5faff;
 border-left: 1px solid #dcedff;
 border-right: 1px solid #dcedff;
 width: 658px;
 padding: 0 20px 6px 20px;
}

.content-orange {
 background: #fcfaef;
 border-left: 1px solid #faf0be;
 border-right: 1px solid #faf0be;
 width: 658px;
 padding: 0 20px 6px 20px;
}

.content-red {
 background: #fdf4f4;
 border-left: 1px solid #fcd9d9;
 border-right: 1px solid #fcd9d9;
 width: 658px;
 padding: 0 20px 6px 20px;
}

.content-green {
 background: #f7fdf2;
 border-left: 1px solid #ddf8c6;
 border-right: 1px solid #ddf8c6;
 width: 658px;
 padding: 0 20px 6px 20px;
}

.content-blue-p, .content-orange-p, .content-red-p, .content-green-p    {
 width: 660px;
 padding: 0 20px 6px 20px;
}

#content-blue img.right, #content-orange img.right, #content-red img.right, #content-green img.right {
 padding: 0 0 0 20px;
}

#content-blue h2.title, #content-blue h2.title a  {
 color: #4887c1;
 height: 35px;
 line-height: 35px;
}

#content-orange h2.title, #content-orange h2.title a  {
 color: #f7941d;
 height: 35px;
 line-height: 35px;
}

#content-red h2.title, #content-red h2.title a  {
 color: #ff4b4b;
 height: 35px;
 line-height: 35px;
}

#content-green h2.title, #content-green h2.title a  {
 color: #60a427;
 height: 35px;
 line-height: 35px;
}

.content-blue-top {
 background: url(images/blue-small-box-top.png) left top no-repeat;
 height: 10px;
 width: 700px;       
}

.content-orange-top {
 background: url(images/orange-small-box-top.png) left top no-repeat;
 height: 10px;
 width: 700px;       
}

.content-red-top {
 background: url(images/red-small-box-top.png) left top no-repeat;
 height: 10px;
 width: 700px;       
}

.content-green-top {
 background: url(images/green-small-box-top.png) left top no-repeat;
 height: 10px;
 width: 700px;       
}

.content-blue-bottom {
 background: url(images/blue-small-box-bottom.png) left bottom no-repeat;
 height: 10px;
 width: 700px;
}

.content-orange-bottom {
 background: url(images/orange-small-box-bottom.png) left bottom no-repeat;
 height: 10px;
 width: 700px;
}

.content-red-bottom {
 background: url(images/red-small-box-bottom.png) left bottom no-repeat;
 height: 10px;
 width: 700px;
}

.content-green-bottom {
 background: url(images/green-small-box-bottom.png) left bottom no-repeat;
 height: 10px;
 width: 700px;
}

.iframe {
 margin: 0 auto;
 width: 600px;
}

table {
 text-align: center; 
}

table td {
 padding: 10px;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd; 
 background: #fff;
}

td.first {
 background: #ddd;
 border: 1px solid #ccc;
 color: #555;
}

td.second {
 background: #eee;
 color: #555;
 font-weight: bold;
}

td.third {
 background: #fafafa;
 color: #555;
}

td.blue {
 background: #4786c0;
 border-right: 1px solid #6c9ecd;
 color: #fff;
 border-bottom: 1px solid #4786c0;  
}

td.orange {
 background: #f7941d;
 border-right: 1px solid #fcab49;
 color: #fff;
 border-bottom: 1px solid #f7941d;  
}

td.red {
 background: #ff4b4b;
 border-right: 1px solid #fd6868;
 color: #fff;
 border-bottom: 1px solid #ff4b4b;  
}

td.green {
 background: #60a427;
 border-right: 1px solid #76bd3a;
 color: #fff;
 border-bottom: 1px solid #60a427;  
}

/* Sidebar */   

#sidebar {
 float: right;
 width: 220px;
 background: url(images/header.png) no-repeat 100% -107px;
 padding: 10px 20px 10px 10px;
}

#sidebar ul.menu {
  list-style: none;
  background: #4887c1;
  border-left: 1px solid #2e6fab;
  border-right: 1px solid #2e6fab;
  width: 200px;
  padding: 8px 9px 0 9px;
  line-height: 30px;
}

#sidebar ul.menu li {
  background: url(images/sidebar-list.png) 5px center no-repeat;
  padding: 0 0 0 17px;
  color: #d2e4f7;
  border-bottom: 1px solid #5b93c7;
}

#sidebar ul.menu li a {
  color: #d2e4f7;
  text-decoration: none;
}

#sidebar ul.menu li:hover  {
  background: #2e6fab url(images/sidebar-list.png) 5px center no-repeat;;   
}

.sidebar-box-bottom {
 background: url(images/sidebar-box-bottom.png) 0 0 no-repeat;
 width: 220px;
 height: 23px;
 margin: 0; 
}

input, textarea {
 padding: 5px 15px;
 margin: 5px; 
}

input.submit {
 background: #1B3463 url(images/button2.gif);
 color: #fff;
 font-size: 15px;
 font-weight: bold;
 font-family: Arial;
 width: 150px;
 height: 36px; 
 border: 0;
 padding: 6px 15px;
}

#sidebar h2 {
 width: 220px;
 height: 30px;
 line-height: 30px;
 font-weight: normal;
 font-size: 13px;
 color: #555;
 text-transform: uppercase;
 padding: 0 20px;
}

#sidebar h2.sidebar-box-title {
 background: url(images/sidebar-box-title.png) left top no-repeat;
 width: 220px;
 height: 31px;
 line-height: 31px;
 font-weight: normal;
 font-size: 13px;
 color: #555;
 text-transform: uppercase;
 padding: 0 20px;
}

#sidebar h2.sidebar-title {
 background: url(images/sidebar-title.png) left top no-repeat;
 width: 220px;
 height: 30px;
 line-height: 30px;
 font-weight: normal;
 font-size: 13px;
 color: #555;
 text-transform: uppercase;
 padding: 0 20px;
 margin: 10px 0;
}

.about-top {
 background: url(images/about-top.png) 0 0 no-repeat;
 width: 220px;
 height: 10px;
}

.about {
 background: url(images/about.png); 
 width: 220px;
}

.about p {
 padding: 15px;
}

.about-bottom {
 background: url(images/about-bottom.png) 0 0 no-repeat;
 width: 220px;
 height: 34px;
 margin: 0 0 20px 0; 
}

.about-bottom p {
 text-align: right;
 font-style: italic;
 padding: 12px 15px 0 55px;
}

.about img {
 margin: 0 0 0 15px;
 padding: 15px 15px 0px 0;
}

#sidebar ul.menu-other {
 list-style: none;
 width: 200px;
 padding: 8px 9px 0 9px;
 line-height: 30px;
 margin: 0 0 10px 0;
}

#sidebar ul.menu-other li {
 background: url(images/blue-list.gif) left center no-repeat;
 padding: 0 0 0 12px;
 color: #666;
 border-bottom: 1px solid #eee;
}

#sidebar ul.menu-other li a {
 color: #666;
 text-decoration: none;
}

.red-sidebar {
 background: url(images/red-sidebar.png) 0 0 no-repeat;
 width: 220px;
 height: 140px;
 margin: 20px 0 10px 0;
}

.blue-sidebar {
 background: url(images/blue-sidebar.png) 0 0 no-repeat;
 width: 220px;
 height: 140px;
 margin: 20px 0 10px 0;
}

.orange-sidebar {
 background: url(images/orange-sidebar.png) 0 0 no-repeat;
 width: 220px;
 height: 140px;
 margin: 20px 0 10px 0;
}

.green-sidebar {
 background: url(images/green-sidebar.png) 0 0 no-repeat;
 width: 220px;
 height: 140px;
 margin: 20px 0 10px 0;
}

.red-sidebar .red-box-big-button, .blue-sidebar .blue-box-big-button, .orange-sidebar .orange-box-big-button, .green-sidebar .green-box-big-button {
 margin: 70px 20px 0 0;
}

.big-bar, .small-bar {
 padding: 10px 0;
}

.big-bar h2 {
 background: url(images/big-bar.png) 0 0 no-repeat;
 width: 910px;
 height: 30px;
 line-height: 30px;
 color: #fff;
 font-size: 13px;
 padding: 0 20px 0 66px;
 margin: 10px 0 10px 10px;
 overflow: hidden;
}

.small-bar h2 {
 background: url(images/small-bar.png) 0 0 no-repeat;
 width: 670px;
 height: 30px;
 line-height: 30px;
 color: #fff;
 font-size: 13px;
 padding: 0 20px 0 66px;
 margin: 10px 0 10px -10px;
 overflow: hidden;
}

#contact {
 width: 940px;
 height: 132px;
 background: url(images/contact.png) 0 0 no-repeat;
 margin: 0 auto;
 padding: 10px 0; 
}

#contact p {
 color: #fff;
 font-size: 15px;
 font-weight: bold;
 line-height: 30px;
 width: 652px;
 float: right;
 margin: 28px 76px 0 0; 
 overflow: hidden;
} 

#contact p span {
 color: #f0f6fb;
 font-size: 26px;
 font-weight: bold;
 font-family: Calibri, Arial, Verdana;
} 

#index-blue-top {
 width: 940px;
 padding: 10px;
 margin: 0 auto;
 background: url(images/header.png) no-repeat -10px -141px;
 }

.index-blue-top-top {
 background: url(images/index-top-content-top.png);
 width: 940px;
 height: 31px; 
 text-align: right;
}

.index-blue-top-top h3 {
 height: 31px;
 width: 220px;
 line-height: 31px;
 font-weight: normal;
 font-size: 13px;
 color: #555;
 text-transform: uppercase;
 padding: 0;
 float: right;
 text-indent: 20px;
 text-align: left;
}

.index-blue-top {
	background: url(images/index-top-content.png);
	width: 940px;
	margin: auto;  
	text-align: left; 
}

.index-blue-top-right {
	float: left;
	width: 220px;
	margin: 0 0 0 20px;
}

.index-blue-top-right ul.menu {
  list-style: none;
  width: 200px;
  padding: 8px 9px 0 9px;
  line-height: 30px;
}

.index-blue-top-right ul.menu li {
  background: url(images/sidebar-list.png) 5px center no-repeat;
  padding: 0 0 0 17px;
  color: #d2e4f7;
  border-bottom: 1px solid #5b93c7;
  width: 185px;
}

.index-blue-top-right ul.menu li a {
  color: #d2e4f7;
  text-decoration: none;
}

.index-blue-top-right ul.menu li:hover  {
  background: #2e6fab url(images/sidebar-list.png) 5px center no-repeat;;   
}

.index-blue-top-left {
 float: left;
 width: 660px;
 padding: 0px 20px 6px 20px;	
}

.index-blue-top-left img.right {
 padding: 0 0 0 20px;
}

.index-blue-top-left h2.title, .index-blue-top-left h2.title a  {
 color: #4887c1;
 background: url(images/blue-info.gif) left center no-repeat;
 padding: 0 0 0 48px; 
 height: 35px;
 line-height: 35px;
 font-weight: bold;
}

.index-blue-top-bottom {
 background: url(images/index-top-content-bottom.gif) 0 0 no-repeat;
 width: 940px;
 height: 50px;
 clear: both;
}

.index-blue-top-bottom .info-button {
 float: right;
 clear: both;
 position: relative;
 top: 0;
 left: -240px;
}

.hr {
 width: 700px;
 height: 1px;
 background: #dcedff;
}

/* Footer */   

#footer {
 background: url(images/page.png) 0 0 repeat-y;
}

.footer-bg {
 width: 958px;
 margin: 0 auto;
 background: url(images/footer.png) 0 0 repeat-x;
 min-height: 42px;
 padding: 6px 0 0 0;
}

#footer p {
 text-align: center;
 color: #888;
 margin: 0; 
 line-height: 20px;
 padding: 0 6px 15px 6px; 
}

#footer p a {
 color: #666;
}