/*
 *	Master Style
 *
*/

body {
	background: #d0d0d0 url("../img/bod4y_bg.png") repeat top center;
	cursor: default;
       
}

#container {
/*	background: #fff url("../img/body_mid0.png") repeat-y left top;*/
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	width: 964px;
/*        background: url("../img/pozadie.png") repeat-y scroll left top ;*/
background-color: white;
 border: 2px solid #dbd7d7;
       
       
}

#container-1{
/*    background: url("../img/pozadie.png") repeat-y scroll left top ;*/
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 968px;
/*    background: url("../img/vrch.png") no-repeat top center;*/
  
    margin-top: 16px;
    box-shadow: -5px 2px 82px white;
      background-color: white;
}
#top a  {
	outline-style: none;
}


/* 
------------------------------------------------------------------ Home Specific Layout
*/


#home #main {
	margin-bottom: 0;
	width: auto;
}





/* 
------------------------------------------------------------------ Image Replacement
*/

a.imgr span {
	cursor: pointer;
}

.imgr,.imgr span {
	display: block;
	left: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	top: 0;
	width: 100%;
}

.imgr span {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 1;
}

/* 
------------------------------------------------------------------ Header
*/

#header {
/*	background: url("../img/vrch.png") no-repeat top center;*/

}
#header .content {
/*	background: url("../img/banner-1.png") no-repeat bottom center;*/
/*	border-bottom: 2px #a4b8be solid;*/
	height: 198px;
	margin: 0 20px 8px 20px;
	position: relative;
        padding-top: 120px;
        
}
#logo1 {
/*	color: #fff;
	display: block;
	left: 42px;
	position: absolute;
	top: 84px;*/
        display: none;
}
#slogan1 {
/*	height: 40px;
	left: 200px;
	position: absolute;
	top: 150px;*/
 display: none;
}
#headPics {
	height: 90px;
	left: 220px;
	position: absolute;
	top: 65px;
}


/* 
------------------------------------------------------------------ Main Navigation
*/

#mainNav {
	border-bottom: 2px #c40100 solid;
	height: 25px;
      margin-top: -86px;
	width: 100%;
	z-index: 10;
        
}
#mainNav .menu li {
	margin-right: 2px;
}
#mainNav .menu {
	margin-top: -1px;
      
}
#mainNav .menu .btn .mid {
	padding-left: 10px;
	padding-right: 10px;
} 

.img-tel{
   float: left;
    padding-left: 21px;
        padding-right: 21px;
}
.te{
    float: left;
    width: 280px;}
.img-mail{
padding-top: 1px;  
padding-left: 16px;
}
/* 
------------------------------------------------------------------ Page
*/
#page {
	position: relative;
	width: 980px;
}
#pageTop {
/*	background: url("../img/page_bg.png") repeat-x left top;*/
	margin-left: 8px;
	width: 960px;
}
#pageMid {
	background: url("../img/page_border1.png") repeat-y left top;
	width: 955px;
        padding-bottom: 22px;
}


/* 
------------------------------------------------------------------ Aside
*/

#aside {
	background-color: #fff;
	display: inline;
	float:left;
	overflow: hidden;
	margin: 0 0 0 10px;
	width: 220px;
}


/* 
------------------------------------------------------------------ Main
*/


#main {
	display: inline;
	float: right;
	min-height: 480px;
	overflow: hidden;
	width: 720px;
}
#breadcrumbs {
	line-height: 24px;
        font-size: 10px;
}

/* 
------------------------------------------------------------------ Content
*/
.lineTop {
	background: url("../img/hr1.png") no-repeat center top;
	margin-top: 10px;
	padding-top: 10px;
}
.lineBtm {
	background: url("../img/hr1.png") no-repeat center bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.lineGrey {
/*	border-bottom: 1px #b1b1b1 dotted;*/
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.lineGreyTop {
	border-top: 1px #b1b1b1 solid;
	margin-top: 10px;
	padding-top: 10px;
}
.lineGreen {
	border-bottom: 1px #6eca08 dotted;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.line1 {
/*	background: url("../img/line1.png") no-repeat bottom center;*/
/*	padding-bottom: 10px;*/
}
.pad {
	padding-left: 10px;
	padding-right: 10px;
/*        height: 117px;*/
}
/*.firstHeadernextHeader{
    padding-top: 7px;
}*/
.log-bottom{
    background-color: #3a8d00;
    padding: 10px  !important;
    margin-left: -10px;
}


.w460 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
/*	width: 460px;*/
}
.w220 {
	border: 1px #6eca08 solid;
	display: inline;
	float: left;
	margin: 10px;
	overflow: hidden;
	padding: 1px;
	width: 216px;
}

.w220 .frame {
	background: #fff url("../img/prod_bg1.png") repeat-x bottom left;
	padding: 0 8px 0 8px;
	float: left;
	width: 200px;
}

.w220r {
	border: 1px #bbbbbb solid;
	display: inline;
	float: left;
	margin: 10px;
	overflow: hidden;
	padding: 1px 1px 0 1px;
	width: 190px;
}

.w220r .frame {
/*	background: #fff url("../img/prod_bg2.png") repeat-x bottom left;*/
	padding: 0 8px 0 16px;
	float: left;
	width: 183px;
        font-size: 11px;
}

.icoCart {
	background: url("../img/kosik.png") no-repeat left center;
	padding-left: 60px;
	padding-top: 5px;
	min-height: 25px;
}
.green{
    color: #3a8d00;
}
.white span{
    color: white;
      border-bottom: 1px dotted white;
}

.kosik{
    background-color: #bbbbbb;
    margin-left: -17px;
    padding: 11px 12px 11px 18px;
    margin-bottom: 0 !important;
/*    width: 201px;*/
}

.kosik a{
    
     background: url("../img/poml.png") no-repeat scroll 0 48% transparent;
}

.kosik .right{
    margin-left: 10px;
}
.partneri{
     border: 1px solid #898d87;
     margin-top: 8px;
}

.vstup{
    padding: 7px 0 0 6px;
}
.w700 {
	clear: left;
	display: inline;
	float: left;
	margin: 0 10px;
	width: 693px;
       
}

#main .w220r{
    margin-left: 0;
    margin-right: 16px;
   
}
.citat{
    margin-left: 7px;
    margin-top: 33px;
    width: 160px;
    float: left;
}

.sTable1 {
	width: 100%;
}

.sTable1 tbody th {
	padding: 5px 3px;
}
.sTable1 th, .sTable1 td {
	border-bottom: 1px #B1B1B1 dotted; 
	padding: 3px;
	vertical-align: middle;
}

.mainProduct .pic {
	background-color: #fff;
	border: 1px #ff9088 solid;

	margin-bottom: 15px;
	text-align: center;
	width: 460px;
}

.mainProduct img {
	
}

.prodInfo .row {
	border-bottom: 1px #B1B1B1 dotted;
	display: inline;
	padding-bottom: 5px;
	margin-bottom: 8px;
	float: left;
	width: 100%;
}

.menu-border{
   
    border: 1px solid #d71600;
    margin-top: 8px;
}


/*
------------------------------------------------------------------ Search Form
*/
#searchFrm .q_search {
/*	background-color: #a4b8be;*/
height: 27px;
background-image: url("../img/search.jpg");
}

.q_search .flt{
    padding: 10px 8px 0 0;
}

#mainNav fieldset{
    margin-top: -2px !important;
   
}
#searchFrm #q_search_label {
	background: url("../img/img-hladanie.jpg") no-repeat 50% 34%;
	height: 30px;
	width: 27px;
}
#searchFrm #q_search {
	margin: 4px 10px 0 0;
	padding: 0 3px;
}





/*
------------------------------------------------------------------ Login Form
*/


#loginFrm .news_email {
	background: url("../img/news_mid.png") repeat-x left top;
}

.myMenu {
/*	background: #1d4200 url("../img/login_bg.png") repeat-x left top;*/
	line-height: 16px;
	list-style-type: none;
	margin-bottom: 0;
}
.myMenu .frow {
	float: left;
/*	margin-bottom: 4px;*/
	width: 100%;
}
.myMenu li {
	background: url("../img/line1.png") no-repeat bottom center;
	clear: left;
	margin-left: 0;
	padding: 5px 10px 8px 10px;
}

.myMenu li a {
	display: block;
	padding-left: 20px;
	width: 180px;
	color:black !important;
}

.myMenu .active a {
	background: url("../img/ico_bullet2.png") no-repeat left center;
}

.frow a{
    font-family: tahoma;
    font-size: 11px;
}

.log-bottom .flt{
    margin-left: 9px;
}

.log-bottom .frt{
    margin-right:  9px;
}
/* 
------------------------------------------------------------------ Checkout steps
*/
#submitLogin{
    padding-bottom: 6px;
    
}
.steps {
	height: 50px;
	margin-top: 10px;
	width: 100%;
}

.steps .c {
}

.steps .step {
	background-color: #f6f7f6;
	border: 1px #ccc solid;
	display: block;
	float: left;
	font-size: 12px;
	height: 30px;
	line-height: 32px;
	overflow: hidden;
	padding: 0 6px;
	text-align: center;
}

.steps .active {
	background-color: #fff;
	border-color: #E12320;
	color: #E12320;
}
.steps .first {
}
.steps .last {
	margin-right: 0;
}
.steps .arrow {
	background: url("../img/arrow0.png") no-repeat center center;
	margin: 0 6px;
	border: none;
}





/* 
------------------------------------------------------------------ Styles for Buttons
*/
#mainNav .btn, #mainNav .btn .left, #mainNav .btn .right {
	height: 27px;
}
#mainNav .btn .mid {
	height: 23px;
/*	padding-top: 7px;*/
}

.btn, .btn .left, .btn .right {
	display: block;
	float: left;
	height: 26px;
}

.btn {
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 12px;
}
.btn .left, .btn .right {
	background-repeat: no-repeat;
	height: 100%
}
.btn .left {
	background-position: left top;
/*	padding-left: 10px;*/
}
.btn .right {
	background-position: right top;
/*	padding-right: 10px;*/
}

.btn .mid {
	background: transparent;
	border: none;
	display: block;
	float: left;
	cursor: pointer;
	height: 22px;
	line-height: 18px;
	padding: 0 5px;
	padding-top: 4px;
}

.btn input {
	background: none;
	border: none;
	cursor: pointer;
	color: #fff;
	font-size: 12px;
/*	font-weight: bold;*/
	text-align: center;
}

.field {
	margin: 0 10px;
}

.field input {
	cursor: text;
}

.btnGreen {
	background-color: #3a8d00;
}
.btnGreen .mid {
	background-image: url("../img/menu-stred.jpg");
}
.btnGreen .left {
/*	background-image: url("../img/nav_left.png");*/
}
.btnGreen .right {
/*	background-image: url("../img/nav_right.png");*/
}

.btnRed1 {
	background-color: #a4110f;
}
.btnRed1 .mid {
	background-image: url("../img/btn1_mid.png");
}
.btnRed1 .left {
	background-image: url("../img/btn1_left.png");
}
.btnRed1 .right {
	background-image: url("../img/btn1_right.png");
}



.btnRed2 {
	background-color: #a4110f;
}
.btnRed2 .mid {
	background-image: url("../img/btn2_mid.png");
}
.btnRed2 .left {
	background-image: url("../img/btn2_left.png");
}
.btnRed2 .right {
	background-image: url("../img/btn2_right.png");
}



.btnRed3 {
	background-color: #a4110f;
}
.btnRed3 .mid {
	background-image: url("../img/btn3_mid0.png");
}
.btnRed3 .left {
	background-image: url("../img/btn3_left0.png");
}
.btnRed3 .right {
	background-image: url("../img/btn3_right0.png");
}




/* 
------------------------------------------------------------------ Forms
*/
#regFrm label {
	display: block;
	float: left;
	line-height: 22px;
	width: 125px;
}
#regFrm .indent {
	padding-left: 130px;
}
form .frow {
/*	margin-bottom: 10px;*/
}





/* 
------------------------------------------------------------------ Side Menu
*/
.sideHeader0 {
/*	background: #a1100e url("../img/b_head1.png") repeat-x left top;*/
	display: block;
	height: 37px;
	line-height: 26px;
	padding-left: 10px;
     
	width: 210px;
        color: #3a8d00 !important;
}

p.sideHeader0 {
    font-family: tahoma;
    text-transform: none;
    font-size: 19px;
    font-style: normal !important;
    padding-top: 11px;
}
.log{
    border: 1px solid #3a8d00;
    background-image: url("../img/prihlasit-stred.jpg");
    height: auto;
}
.sideHeader a {
	background: url("../img/pomlcka-menu1.png") no-repeat 0% 48%;
	cursor: pointer;
	display: block;
	height: 27px;
	line-height: 26px;
	padding-left: 10px;
/*	width: 210px;*/
}

.active a {
	background: url("../img/pomlcka-menu2.png") no-repeat 0% 48%;
	
}
.menu-border ul li a{
    background: url("../img/pomlcka-menu1.png") no-repeat 10% 48%;
    padding-left: 30px;
}


.sideHeader{
    background: url("../img/menu-stred.png") repeat-x left top;
    padding-left: 10px;
    
}
.firstHeader a {
	/*background-image: url("../img/b_head3.png");    */
}
.firstHeader a.active {
/*	background-image: url("../img/b_head2.png");    */
/*	height: 37px;   */
}
.nextHeader a {
/*	background-image: url("../img/b_head2.png");*/
}
/*.lastHeader a {
	background-image: url("../img/b_head50.png");
	height: 37px;
}*/
.lastHeader.nextHeader a {
	background-image: url("../img/b_head20.png");
} 

/* 
------------------------------------------------
*/

.sideMenu {
	background-color: #fbd2c9;
	line-height: 16px;
	list-style-type: none;
	margin-bottom: 0;
        font-size: 11px;
}

.sideMenu li {
	background: url("../img/menu-stred.png") repeat-x bottom center !important;
	clear: left;
	margin-left: 0;
	padding: 4px 10px 8px 10px;
}

.sideMenu li a {
	display: block;
	padding-left: 20px;
	width: 180px;
}

.sideMenu .active a {
	background: url("../img/ico_bullet.png") no-repeat left center;
}






/* 
------------------------------------------------------------------ Pager
*/
.pager .blockW {
	margin: 15px 0;
}
.pager img, .pager span, .pager a {
	display: block;
}
.pager a {
	border: 1px solid #ddd;
	color: #666;
	float: left;
	height: 14px;
	margin: 0 2px;
	padding: 3px 6px;
}

.pager span {
	float: left;
	height: 14px;
	padding: 3px;
	margin: 0 2px;
}

.pager .prev, .pager .next {
	border: none;
	margin: 0;
	padding: 1px 5px;
	height: 18px;
}

.pager .active {
	background: #c61717 url("../img/pager_active.png") repeat-x bottom left;
	border: none;
	padding: 4px 7px;
	color: #fff; 
/*	font-weight: bold;*/
}

.pager .gap {
	border: none;
}



/* 
------------------------------------------------------------------ Floats
*/


.flt {
	float: left;
        
}

.frt {
	float: right;
}


/* 
------------------------------------------------------------------ Footer
*/

#footer {
/*	background: url("../img/spodok.png") no-repeat center top;*/
	display: inline;
	float: left;
	overflow: hidden;
	padding-bottom: 15px;
	padding-top: 20px;
	width: 100%;
        
}

#footerContent {
	position: relative;
	margin: 0 auto;
	width: 920px;
        padding-left: 30px;
}

.ilist li {
	
	
}

.ilist .last {
	border-right: none;
	padding-right: 0;
}


/* 
------------------------------------------------------------------ Inline List
*/

.ilist li {
	display: block;
	float: left;
        	background: url("../img/po.png") no-repeat 0% 75%;
                padding: 0 15px;
}

.inline a{
/*        border-bottom: 1px dotted #5e5e5e;*/
}
.inline .first {
}

.inline .last {
}
#footerContent ul{
    height: 40px;
}

.fot{
    width: 650px;
}

.fot p{
    color: #7e7e7e;
    background:  url("../img/odd.png") no-repeat 0% 0%;
    padding-top: 24px;
    
}
.bot-nad{
    float: right;
    padding: 29px 29px 0 0;
}
/* 
------------------------------------------------------------------ Table list
*/	
.table {
	display: table;
}
.table ul {
	display: table-row;
}
.table li {
	display: table-cell;
}


/* 
------------------------------------------------------------------ Horizontal centered block
*/	

.center, .center .blockW, .center .blockW .block {
	position: relative;
}

.center .blockW, .center .blockW .block {
	float: left;
	height: 100%;
}

.center .blockW .block {
	display: block;
}

.center .blockW {
	left: 50%;
}

.center .blockW .block {
	right: 50%;
}
	
/* 
------------------------------------------------------------------ Horizontal centered list
*/	

.center, .center ul, .center ul li {
	position: relative;
}

.center ul, .center ul li, .center ul li a {
	float: left;
	height: 100%;
}

.center ul li, .center ul li a {
	display: block;
}

.center ul {
	left: 50%;
}

.center ul li {
	right: 50%;
}



/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

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

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.clr {
	clear: both;
}
.mclr {
	margin-bottom: 0;
}
.bclr {
	background: none;
}
.cclr {
	background-color: transparent;
}
.hidden {
	display: none;
}


.box_skitter {position:relative;width:924px;height:249px;padding-top:  8px;}
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden;position:relative;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none;}

.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}

.box_skitter .prev_button {position:absolute;top:50%;left:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(/img/prev.png) no-repeat left top;}
.box_skitter .next_button {position:absolute;top:50%;right:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(/img/next.png) no-repeat left top;}

.box_skitter .info_slide {position:absolute;top:15px;left:15px;z-index:100;background:#000;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.75;}
.box_skitter .info_slide .image_number {background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.box_skitter .info_slide .image_number_select {background:#cc0000;float:left;padding:2px 10px;margin:0 5px 0 0;}

.box_skitter .container_thumbs {position:relative;overflow:hidden;height:50px;}
.box_skitter .info_slide_thumb {-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;height:45px;top:auto;bottom:-5px;left:-5px;padding:5px;opacity:1.0;}
.box_skitter .info_slide_thumb .image_number {overflow:hidden;width:70px;height:40px;position:relative;}
.box_skitter .info_slide_thumb .image_number img {position:absolute;top:-50px;left:-50px}

.box_skitter .box_scroll_thumbs {padding:0 10px;}
.box_skitter .box_scroll_thumbs .scroll_thumbs {position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;cursor:pointer;border:1px solid #333;}

.box_skitter .info_slide_dots {position:absolute;bottom:-40px;z-index:100;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.box_skitter .info_slide_dots .image_number {background:#333;float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:18px;height:18px;text-indent:-9999em;overflow:hidden;}
.box_skitter .info_slide_dots .image_number_select {background:#cc0000;float:left;margin:0 5px 0 0;}

.box_skitter .label_skitter {z-index:150;position:absolute;bottom:0px;left:0px;display:none;}

.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(/img/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}

/**
 * Example for dimenions:
 */

.box_skitter_small {width:200px;height:200px;}