/*
    Theme Name: Czarte Design original theme
    Theme URI: www.czarte.eu
    Description: developed for Czarte Design presentation
    Version: 1.0 beta
    Author: Vojtech Parkan - Czarte Design
    Author: http://czarte.eu
    Tags: Webdesign, Internet solutions, Graphic Design,   

    Czarte Design original theme 1.0
    http://czarte.eu/mythemes/

    This theme was designed and built by Vojtech Parkan - Czarte Design,
    whose blog you will find at http://czarte.eu/webdesign

    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php */





#random-post-box-frame {height: 200px;}
#random-post-box {height: 200px;}

  * ul {padding: 0px; margin:0px;}
  * img {border: none;}
  p {color: #615F5F; line-height: 1.5em;}
  .wp-caption-text {margin-top: 0px; font-size: .8em;}

  body {
    background: #ffffff url(images/bg-body.jpg) repeat-x; 
    text-align: center; 
    margin:0px; 
    padding: 0px; 
    font-size: 80%; 
    font-family: Verdana;}

  #main {
    margin: 0 auto; 
    width: 980px; 
    text-align: left;
    }

  #header {
    width: 100%; 
    height: 146px; 
    display: block; 
    position: relative;}

  #menu {
    width: 100%; 
    height: 52px;
    background: transparent url(images/bg-menu.jpg) no-repeat top right; 
    position: absolute; 
    bottom: 0px; 
    } 

#footer {
float: left; 
border-top: 1px dashed #B9B9B9; 
color: #615F5F; 
padding: 10px 30px; 
width: 920px;

}

#footer img { margin-left: 30px; height: 66px; }
 
.pagination {height: 3em; font-size: 13px; font-weight: bolder;}

.cleaner {clear:both;}  
  #content {width: 75%; _width: 747px; float: left; margin-left: 18px; _margin-left: 0px; min-height: 350px; background: url(images/bg-content.jpg) no-repeat;} 
  .narrowcolumn .post {position: relative; top: -15px;}
   .top-infoblock p {margin-top: 5px; line-height: 1em;}

.list-post-home {margin-bottom: 10px !important;}

   /* language selection */

  li.bg-cz {background: url(images/cz-up.jpg) no-repeat;}

  a.cz { background: url(images/cz.jpg) no-repeat;}

  li.bg-eng {background: url(images/eng-up.jpg) no-repeat;}

  a.eng {background: url(images/eng.jpg) no-repeat;}

  a.cz:hover, a.eng:hover, li.cart a:hover {background: transparent;}

  li.cart {background: url(images/cart-up.jpg) no-repeat;}

  li.cart a { background: url(images/cart.jpg) no-repeat;}
  
 .widgets ul {list-style-type: none;} 
 .language_item {margin: 20px 0; float: left; width: 70px; text-align: center; }

    ul#lang {
      list-style-type: none; 
      float: right; 
      margin: 15px 220px 0 0; _dispaly: inline; _margin: 15px 100px 0 0;
      width: 150px;
      }
      
  ul#lang li {
      float: left; 
      width: 24px; 
      height: 24px; 
      margin:0px; 
      margin-right: 15px; 
      padding: 0px;
      }
      
  ul#lang li a {
      display: block; 
      width: 24px; 
      height: 24px; 
      text-decoration: none;
      }

  #navigace {
      width: 550px; _width: 500px;
position: absolute; bottom: 0px;
      list-style-type: none;
      margin: 0px;
      padding: 0px; padding-left: 58px;
      }
  #navigace li {
      float: left; height: 52px; padding: 0 1px;
      }
  #navigace li a {
      display: block;
      color: #F14A08;
      text-decoration: none;
      text-align: center; padding-top: 15px;
      font-weight: bold;
      font-size: 1.2em;
      padding: 17px 12px 16px 12px;
      }
 #navigace li a:hover { background: #ddc000; border: 1px solid #b29b00; border-top: 0px; border-bottom: 0px; padding: 17px 11px 16px 11px;}
 .current-cat a  { background: #ddc000; border: 1px solid #b29b00; border-top: 0px; border-bottom: 0px; padding: 17px 11px 16px 11px !important; }
  
  a {color: #ecac00; text-decoration: none;}
  a:hover {color: #F14A08; text-decoration: underline;}

#rss {position: absolute; width: 113px; height: 96px; top: 0px; right: 213px; background: url(images/rss-up.jpg) no-repeat;}
#rss a {width: 113px; height: 96px; display: block; background: url(images/rss.jpg) no-repeat; text-indent: -113px; overflow: hidden; }
#rss a:hover {background: transparent;}


/* eshop */

.eshopw_panels {
list-style-type: none;
padding: 0px;
}

/* contact form */

#wpcf label { 
      float:left;
      width:180px;
}

#wpcf input {width: 120px;}
#wpcf span {font-size: .6em;}

  /* typography & colors */ 

  #content h2, h2 {font-size: 1.5em; color: #F14A08;}
  #content h3, h3 {font-size: 1.3em; color: #F14A08; }
  h3 a {color: #F14A08; text-decoration: none;} 

  #content p, #single-content p, #slider p {color: #615F5F;}
  
  .post {width: 67%; margin-left: 48px;}

  hr.dashed { clear: both; border-style: dashed; border-color: #B9B9B9; margin-bottom: 20px;}
 hr.dashline { border: none; border-bottom: 1px dashed #B9B9B9; clear: both; margin-bottom: 1em;}
  
  #header h1 {
    color: #FFF287; 
    font-size: 1.6em; 
    margin: 0px; 
    position: absolute; 
    bottom:50px; _bottom:30px;
    width: 511px; 
    height: 56px; 
    line-height: 76px; 
    margin-left: 50px;
    }
 
 
 /* image replacements */
 
     #header h1 span {
      position: absolute; 
      bottom: 0px;
      left: 0px;
      background: transparent url(images/logo-claim.jpg) no-repeat top left;
      width: 511px;
      height: 56px; 
      z-index: 3;
    }
  
  /* classes */
  
     .widget-float {float: left; width: 28%; margin: 19px 13px 10px 13px; =margin: 33px 13px 20px 13px;  _display: inline;  text-align: justify;}
     .alignright {float: right;}
     .alignleft {float: left;}
     .hidden {display: none;}
     .block {display: block;}
     .l-margin-30 {margin-left: 30px;}
     .list-post {border-top: 1px dashed #B9B9B9;}
     .list-post-references img {float: left; margin-right: 20px;}
     .noborder {border: none !important;}

  /***** sidebar ******/

#sidebar {
      float: right; 
      width: 219px; _width: 200px;
      margin-left: 1px;
      margin-right: 1px;_margin: 0px;
      }

  #sidebar-top {
      float: right; 
      width: 219px; _width: 219px;
      height: 290px; 
      background: url(images/bg-side-top.jpg) no-repeat top left; 
      margin-left: 1px;
      margin-right: 0px; _margin: 0 0 0 6px;
      =padding: 0px
      }
  #sidebar-top p {
      display: block; =display: inline;
      position: relative;
      =padding: 0px

  }
  

/* comments */
  #comment, .email, .author {width: 170px;}
  .submit {
      width: 59px; 
      height: 23px;
      position: absolute; _position: relative; right: -10px; =right: 3px; bottom: -30px; =bottom: -25px;
      text-align: center; 
      border: none; 
      font-size: .8em; 
      color: #56595C;
      cursor: pointer; 
      background: transparent url(images/submit.jpg) no-repeat top left;
      }
      
    .myselect {
        border: 1 px solid #FCDB00;
        width:  180px;
    }
  #swap-1 {display: block; line-height: 1.9em;}
  #swap-2 {display: none;}
  #swap-3 {display: none;}

.boxkontakt {
      background: #c8c8c8; 
      border: 1px solid #CCC; 
      padding: 5px; 
      margin: 5px 0 25px 0; =margin: 5px 0 10px 0;
      position: relative;
      }
  
                           
      
  #sidebar-top h3 {
      text-decoration: none; 
      font-weight: bolder; 
      color: #F5CF00; 
      font-size: 1.1em; 
      padding-left: 15px;
      margin-top: 0px; _cursor: hand;
      }
      
  #sidebar-top h4 {
      text-decoration: none; 
      font-weight: regular; 
      color: #F35611; 
      font-size: 1em; 
      padding-left: 5px;
      margin-top: 10px;
      margin-bottom: 5px;
      }
  
      #sidebar-top A {
 color: #F35611;
} 
   
  #sidebar-top h3:hover {
      cursor: pointer; 
      background: url(images/sipka-side.jpg) no-repeat; 
      background-position: 3px .4em;
      }
      
  #sidebar-top ul {
      position: relative; 
      top: -50px; 
      margin: 5px; 
      padding: 0px; 
      list-style-type: none;
      }
      
  #sidebar-top ul li {
      margin: 5px; 
      padding: 5px; _padding: 0;
      border-bottom: 1px solid #F5CF00;
      }
      
  #sidebar-top h3.active {
      background: url(images/sipka-side.jpg) no-repeat; 
      background-position: 3px .4em;
      }
      
  .adresa {
      background: #ffffff; 
      border: 1px solid #FCDB00; 
      padding: 5px; 
      }


  #side-bottom {
      width: 190px; _width: 180px;
     float: right;
      position: relative;
     right: 10px; _right: -10px;
      border-left: 1px dashed #B9B9B9;
      margin: 30px 0 80px 0px;
      padding: 0 0 0 10px; 
      }
      
  #side-bottom h3 {
      margin: 0 0 0px 0;
      color: #F35611;
      size: .9em;
  }
  
  
  
    
   
  
  
  
  
  /* slider */
  
    #slider {
        width: 747px; 
        height: 385px; 
        display: block; 
        background: url(images/bg-reference.jpg) no-repeat; 
        float: left; 
        position: relative;
        left: -15px;
        margin-top: 40px; 
        overflow: hidden;
        border-bottom: 1px dashed #B9B9B9;
        }
	#slider a {color: #2E7209; }
		
		#strip {
			font-family: Verdana, Arial;
			background: transparent;
			color: #000;
			width: 719px;
			margin: 48px 0 0 15px;
			
			padding-bottom: 20px;
		}
		
		#stripNav0 {
      position: absolute; 
      top: -43px; =top: -44px;
      left: 200px;
    }
		
		.stripViewer .panelContainer .panel ul {
			text-align: justify;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { 
			margin: 0px 0;
			position: relative;
			width: 100%;
      background:transparent url() no-repeat 0px 0px;
  	}

		/* 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff url() repeat-x top left; overflow: scroll}
		.csw .loading {margin: 200px 0 200px 0; text-align: center}

		.stripViewer { /* viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #000; 
			margin: auto;
			width: 650px; 
			height: 321px;
			clear: both;
			top: -17px;
			background:transparent;
      padding-left:7px;

		}
		
		.stripViewer .panelContainer { 
			position: relative;
			left: 0; top: 0;
		
			list-style-type: none;
			
		}
		
		.stripViewer .panelContainer .panel { 
			float:left;
			height: 100%;
			position: relative;
			width: 700px; 
		}


		
		.stripViewer .panelContainer .panel .wrapper { 
			padding: 7px; =padding-top: 14px;
			padding-left: 25px;
			margin-left: 10px;
		  width: 630px;
		  height: 321px;
		  background: url(images/bg-slide.jpg) no-repeat 0px 0px;
		}
		
		#slider h3 {
    display: inline;  
    }
    
    #slider img {float: right; margin-right: 50px;}
	#slider img.loading { position: absolute; margin: auto auto;} 	
				
		.stripNav {
			margin: auto;
		}
		
		.stripNav ul {
		
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; 
		}
		
		.stripNav a { /* nav links */
      font-family: verdana;			
      font-size: 10px;
			font-weight: bold;
			text-align: left;
			line-height: 18px;
			background: #B9BAB9;
			color: #000;
			text-decoration: none;
			display: block;
			padding: 0 6px;
		}
		
		
		
		.stripNav li a:hover {
			background: #D6D7D5;
		}
		
		.stripNav li a.current {
			background: #8ECF33;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* arrow-let,right - position */
			position: absolute;
			top: 120px;
		}
		.stripNavL {
    top: 122px;
    }
		
		.stripNavL a {text-indent: -10000px;}
		.stripNavR a {text-indent: 10000px;}
		.stripNavL a, .stripNavR a {
			display: block;
			overflow: hidden;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0px;
		}
		
		.stripNavR {
		right:0px;
		
    }
		
		.stripNavL {
			background: url(images/left-slide.png) no-repeat center; _background: transparent;
		
     }
		
     .stripNavR {
      background: url(images/right-slide.png) no-repeat center; _background: transparent;
     }