body {
  background: #fff url('img/bg.png') top left repeat-x;
  color: #333;
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #c20000;
}

h1, .h1 {
  font-size: 1.5em;
  line-height: 1.5;
  margin: 0;
}


body.node-type-page h1{
	margin-top: 25px;}
h2, .h2 {
  font-size: 1.2em;
  line-height: 1;
  margin-top: 1em;
}

h3, .h3 {
  font-size: 1em;
  line-height: 1.2;
  margin-top: 1.2em;
}

h4, h5, h6, .h4, .h5, .h6 {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 1.5em;
}

p {
  font-size: 1em;
  line-height: 1.5;
  margin: 0 0 1.5em 0;
}

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

a:visited { color: #c20000; }

a:hover, a:active, li a.active  { color: #c20000; text-decoration: none; }

a:focus { outline: none; }

a:hover, a:active { outline: 0; }

/* apply common styling after reset.css */

li ul, li ol {  margin: 0; }
ul, ol {  margin: 0 1.5em 1.5em 0;  padding-left: 1.5em; }
ul {  list-style-type: disc; }
ol {  list-style-type: decimal; }
dl {  margin: 0 0 1.5em 0; }
dl dt {  font-weight: bold; }
dd {  margin-left: 1.5em; }
hr {  background: #666;  border: none;  clear: both;  float: none;  height: 1px;  margin: 0 0 1.4375em;  width: 100%; }
fieldset {  border: 1px solid #ccc;  margin: 0 0 1.4375em;  padding: 1.5em; }
table {  margin-bottom: 1.5em;  width: 100%; }
th, tr, td {  vertical-align: middle; }
th { padding-right: 1em; }
.sticky-header th, .sticky-table th {  border-bottom: 3px solid #ccc;  padding-right: 1em;  text-align: left; }

/**
 * 2.LAYOUT
 */
 
 

#container {
  margin: 0 auto;
  width: 940px;
  position: relative;
  z-index: 5;
  }
  
#wrapper {
  background:#fdfdfd url('img/front-cont-bg.png') bottom left repeat-x;
  height: auto;
  float:left;
  margin-top: 40px;
  width: 940px;
  min-height: 350px;}


/**
 * 3.MAIN
 */

/* 1 column: global values*/

#main {
	float:left;
	height:auto;
	width: 940px;}
	
	
.not-front #main {
	padding: 30px 15px 30px 15px;
	width: 910px;}

/* 3 columns */

body.two-sidebars #main {
  float: left;
  margin: 0;
  padding: 0;
  width: 420px;
}

/* 2 columns: sidebar-left */

body.sidebar-left #main {
  float: right;
  margin: 0;
  padding: 0;
  width: 700px;
}




/* 2 columns: sidebar-right */

body.sidebar-right #main {
  float: left;
  margin: 20px 0 0 20px;
  padding: 0;
  width: 640px;
}

/**
 * 4.SIDEBARS
 */

#sidebar-left {
	width: 200px;
	padding: 20px;
	float:left;}
	
#sidebar-left .item{
	width: 200px;
	height: auto;
	float:left;}
	
#sidebar-left img{
	padding-right: 15px;
	float:left;}
	
#sidebar-left .item a{
	width: 200px;
	text-decoration:underline;
	display: block;
	border-bottom: 1px solid #cccccc;
	float:left;
	height:auto;
	padding: 20px 0 5px 0;}
	
#sidebar-left .item a:hover,
#sidebar-left .item a.active{
	width: 190px;
	display: block;
	border-bottom: 1px solid #000;
	float:left;
	color:#000;
	font-size:13px;
	height:auto;
	padding: 20px 0 5px 10px;}









#sidebar-right {
	width: 240px;
	padding: 20px;
	float:right;
  margin-top: 20px;}
	
#sidebar-right h2{
	font-size: 16px;}
	
#sidebar-right img{
	border: 5px solid #d8d8d8;
	clear: both;
	margin-bottom: 15px;
	max-width: 230px;}

/**
 * 5.HEADER
 */

#header {
  margin: 0;
  position: relative;
  background: url('img/header.png') top left no-repeat;
  height: 96px;
  padding-top: 20px;
}

#header #logo {
  float: left;
  margin: 0 1em 1.5em 0;
}

/* hides "Search this site:" label from search forms */

div#edit-search-theme-form-1-wrapper label, 
div#edit-search-block-form-1-wrapper label {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/**
 * 6.NAVIGATION
 */

#navigation {
  margin: -6px 20px 0 0;
  padding: 0;
  width: auto;
  float:right;
}

#navigation ul#main-menu {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation ul#main-menu li {
  float: left;
  margin: 0;
  width: 131px;
  height: 78px;
}


#navigation ul#main-menu li a {
  display: block;
  color: #c20000;
  font-weight:bold;
  font-size:14px;
  height: 66px;
  padding: 12px 10px 0 10px;
  width: 111px;
  background: url('img/menu-item.png') top left no-repeat;
  text-decoration: none;
}

#navigation ul#main-menu li a:hover,
#navigation ul#main-menu li a.active {
  background: url('img/menu-hover.png') top left no-repeat;
  text-decoration: none;
  color:#000;
}

#navigation ul#main-menu li a:hover .description {
  color:#c20000;
}


#navigation ul#main-menu li .description {
  display: block;
}

#navigation ul#main-menu li a .description {
  color:#666;
  text-decoration:none;
  font-size: 11px;
  font-weight:normal;
}

#navigation ul#secondary-menu {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation ul#secondary-menu li {
  float: left;
  margin: 0;
  padding: 0;
}

#navigation ul#secondary-menu li a {
  display: block;
  padding: 0 2em 0 0;
}

.breadcrumb {
  clear: both;
  width: 940px;
  float:left;
  padding: 4px 0 0 0;
  color: #C20000;
}

.breadcrumb a{
  color: #C20000;
  text-decoration:underline;
}

#skip-link {
  position: absolute;
}

#footer #navigation ul#main-menu li {
  float: left;
  margin: 0;
  width: 131px;
  height: 78px;
  border-right: 1px solid #f0f0f0
}

#footer #navigation ul#main-menu li.last {
  border-right: none;
}


#footer #navigation ul#main-menu li a {
  display: block;
  color: #333333;
  font-weight:bold;
  font-size:14px;
  height: 66px;
  padding: 12px 10px 0 10px;
  width: 111px;
  background: none;
  text-decoration:underline;
}

#footer #navigation ul#main-menu li a:hover,
#footer #navigation ul#main-menu li a.active {
  background: none;
  text-decoration: none;
}

#footer #navigation ul#main-menu li a .description {
  color:#767676;
  text-decoration:none;
  font-size: 11px;
  font-weight:normal;
}

/* menus and item lists */

.item-list ul {
  margin: 0;
  padding: 0 0 0 1.5em;
}

.item-list ul li {
  margin: 0;
  padding: 0;
}

ul.links li {
  margin: 0;
  padding: 0;
}

ul.inline {
  clear: both;
}

ul.inline li {
  margin: 0;
  padding: 0 1em 0 0;
}

/* admin tabs */

.tabs-wrapper {
  border-bottom: none;
  margin: 0;
}

ul.primary {
  border: none;
  margin: 0;
  padding: 0;
}

ul.primary li a {
  background: none;
  border: none;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0;
  padding: 0 1em;
}

ul.primary li a:hover, ul.primary li a.active {
  background: #666;
  border: none;
  color: #fff;
}

ul.primary li a:hover {
  background: #888;
  text-decoration: none;
}

ul.secondary {
  background: #666;
  border-bottom: none;
  clear: both;
  margin: 0;
  padding: 0;
}

ul.secondary li {
  border-right: none;
}

ul.secondary li a, ul.secondary li a:link {
  border: none;
  color: #ccc;
  display: block;
  float: left;
  line-height: 1.5em;
  padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.active {
  background: #888;
  color: #fff;
  text-decoration: none;
}

ul.secondary a.active {
  border-bottom: none;
}

/**
 * 7.NODES
 */

.node {
  margin-bottom: 1.5em;
}

/* tags */

.terms {
  margin: 0 0 1.5em;
}

.terms span {
  font-weight: bold;
}

/* profile */

.profile {
  margin: 1.5em 0;
}

.profile h3 {
  border: none;
}

.profile dt {
  margin-bottom: 0;
}

.profile dd {
  margin-bottom: 1.5em;
}

/**
 * 8.COMMENTS
 */

#comments {
  clear: both;
  margin-top: 1.5em;
}

.comment {
  margin-bottom: 1.5em;
}

.comment .new {
  color: red;
  text-transform: capitalize;
  margin-left: 1em;
}

/**
 * 9.BLOCKS
 */

.block {
  margin-bottom: 1.5em;
  position: relative;
}

/* login block */
#user-login-form {
  padding: 0;
  text-align: left;
}

#user-login-form .form-item {
  margin: 1em 0;
}

#user-login-form .item-list ul li {
  background: none;
  margin: 1em 0;
  padding: 0;
}

/* block configuration links */

section.block div.edit {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  display: none;
  font-size: 9px;
  margin: 0;
  overflow: hidden;
  padding: 2px 0 2px 10px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 40;
}

section.block:hover div.edit {
  display:block;
}

section.block div.edit a {
  color: #999;
  margin-right: 10px;
}

section.block div.edit:hover a {
  color: #000;
}

/* views configuration links */

div.view {
  position: relative;
}

div.view div.views-hide-hover,
div.view:hover div.views-hide,
div.view div.views-admin-links,
div.view div.views-admin-links-hover,
div.view div.views-admin-links:hover {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  font-size: 9px;
  margin-right: 0;
  margin-top: 0;
  padding: 0;
  padding-left: 10px;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

div.view div.views-admin-links li a {
  color: #999;
}

/**
 * 10.FOOTER
 */
 
#dots {
	 background: url('img/dots.png') top left repeat-x;
	 float:left;
	 height: 52px;
	 width: 100%;
	 position: relative;
	 z-index: 2;
	 margin: -70px 0 45px 0;}

#footer {
  clear: both;
  padding: 1.5em 0;
  position: relative;
}

#footer a{
	color: #999999;
	text-decoration: underline;
	font-weight: bold;
}

#footer-center{
	width: 940px;
	margin: 0 auto;}

#footer a.feed-icon {
  position: absolute;
  right: 0;
  top: 1.6667em;
}


#author{
	float:right;
	width: 120px;}
	
#author a{
	color: #666;}
	

	
#footer #bottom{
	clear:both;
	width: 940px;
	margin-top: 60px;
	height:auto;}
	
#footer #bottom p{
	width: 800px;
	float: left;}

/* support drupal */
#footer #block-system-0 {
  position: absolute;
  right: 25px;
  top: 1.6667em;
}

/**
 * 11.CSS SUPPORT
 */

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user.
 */

.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */

.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/**
 * The .element-focusable class extends the .element-invisible class to allow
 * the element to be focusable when navigated to via the keyboard.
 */

.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto;
}

/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* IE6 */

* html .clearfix {
  height: 1%;
}

/* IE7 */

*:first-child + html .clearfix {
  min-height: 1%;
}

/* clear floats */
.clear { clear: both; }

/* display block */
.display-block { display: block; }



.front .panel-col-top{
	margin-bottom: 30px;
	float:left;
	height: auto;}


.front .panel-col-first{
	width: 430px;
	padding: 0 20px;}
	
	
.front .panel-col-last{
	width: 430px;
	padding: 0 20px;}
	
	
	
.front .panel-display h2{
	color: #C20000;}
.front .pane-6 h2{
	color: #707071;}
	
	
.front .panel-display img{
	float: left;
	margin-right: 15px;}
	
.front .panel-display .text{
	overflow: auto;}
	
.front .panel-display a{
	color: #C20000;
	text-decoration: underline;}
	
.front .pane-4{
	margin-top: 30px;}
	

	




/* KONTAKT */

body.page-kontakt tr label span,
body.page-kontakt #formular p span {
	color: #C20000;
	font-weight: bold;}
	
body.page-kontakt input,
body.page-kontakt textarea {
	border: 1px solid #666;}
	
body.page-kontakt tr#name input,
body.page-kontakt tr#mail input {
	border: 1px solid #C20000;}
	
body.page-kontakt tr#name label,
body.page-kontakt tr#mail label {
	font-weight: bold;}
	
body.page-kontakt tr {
	margin-bottom: 5px;
	display: block;
	width: 450px;
	height:auto;
	float:left;}
	
body.page-kontakt tr label {
	width: 150px;
	display: block;
	float:left;
	text-align: right;
	padding-right: 5px;}
	 
body.page-kontakt tr#comm label {
	width: 450px;
	display: block;
	float:left;
	text-align: right;
	padding-right: 5px;}
	
	
	
body.page-kontakt .panel-col-last{
	margin-top: -20px;}
	
body.page-kontakt input#send{
    border: 1px solid  #999;
	background: #c20000;
	color:#FFF;
	font-weight: bold;
	padding: 5px;
	cursor: pointer;
}

body.page-kontakt .pane-1 a{
	text-decoration: underline;}
	
	
body.page-kontakt h2{
	font-size: 1.5em;
	margin-top: -21px;}



/*O firmě */

body.page-o-firme .panel-2col .panel-col-first {
    float: left;
    width: 430px;
	margin-right: 25px;   }
  
  
  
  
  
  
  
  
  
  
/* levé administrovatelné menu */
#block-menu-menu-leve-menu,
#block-menu-menu-leve-menu-osvetelni {
  float: left;
  clear: left;
  height:auto;}

#block-menu-menu-leve-menu ul,
#block-menu-menu-leve-menu-osvetelni ul{
  margin:0px;
  padding: 0px;}
  
#block-menu-menu-leve-menu ul li,
#block-menu-menu-leve-menu-osvetelni ul li{
  border-bottom: 1px solid #CCCCCC;
    display: block;
    float: left;
    height: auto;
    padding: 20px 0 5px 10px;
    text-decoration: underline;
    width: 190px;
    margin: 0px;}
    
#block-menu-menu-leve-menu ul li a,
#block-menu-menu-leve-menu-osvetelni ul li a{
  text-decoration: none;}
  
#block-menu-menu-leve-menu ul li a:hover,
#block-menu-menu-leve-menu-osvetelni ul li a:hover{
  padding-left: 10px;
  color: #000;}