/* 
    Document   : index_atomer
    Created on : 7.6.2011, 15:57:12
    Author     : Jan Holly (All4Net)
*/
@import url(//fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext);

html {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
}
/* ---------------------------------- Vseobecne ------------------------------------------- */
div#helpbox {
	left: 0px;
	top: 0px;
	visibility: hidden;
	display: none;
	position: absolute;
	z-index: 1000;
	border: 1px #B2B2B2 solid;
}
.endfloat {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	display: block;
}
a {
	color: #567a17;
	text-decoration: underline;
	outline: none;
}
a:hover,
a.active {
	color: #567a17;
	text-decoration: none;
}
a img {
	border: none;
}
h1, h2, h3, h4 {
	font-weight: bold;
	color: #000;
}
h2 {
	font-size: 20px;
	/*color: #B74300;*/
	color: #FF8901;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
form,input,p {
	margin: 0px;
	padding: 0px;
}
table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
table.siroka{
	width: 100%;
}
input,textarea {
	padding-left: 3px;
	padding-right: 3px;
}
.banner {
	overflow: hidden;
}
img.imgborder {
	padding: 5px;
	border: 1px #c5c2ba solid;
	border-radius: 3px;

}
/* ---------------------------------- (Vseobecne) ------------------------------------------- */

/* ---------------------------------- Main --------------------------------------------- */
div#main {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
}
/* ---------------------------------- (Main) --------------------------------------------- */
/* ---------------------------------- Obal --------------------------------------------- */
div.obal {
	width: 960px;
	margin: 0 auto;
}
/* ---------------------------------- (Obal) --------------------------------------------- */
/* ---------------------------------- Hlavicka --------------------------------------------- */
div#hlavickaObal {
	background-color: transparent;
	background-image: url(../img/atomer/bg_hlavicka_top.png);
	background-position: top center;
	background-repeat: repeat-x;
	height: 90px;
	overflow: hidden;
	min-width: 960px;
}
div#hlavicka h1 {
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
div#hlavicka a.logo {
	display: block;
	float: left;
	font-size: 13px;
	text-decoration: none;
	margin-top: 14px;
	position: relative;
	cursor: pointer;
}
div#hlavicka a.logo span {
	display: block;
	position: relative;
	float: left;
	color: #FFF;
	margin-left: 66px;
	margin-top: -22px;	
}
/* ---------------------------------- (Hlavicka) --------------------------------------------- */
/* ---------------------------------- HlavneMenu --------------------------------------------- */
div#hlavicka ul#hlavneMenu {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	right: 0px;
	margin-top: 28px;	
}
div#hlavicka ul li {
	float: left;
	position: relative;
	list-style: none;
}
div#hlavicka ul li a {
	display: block;
	float: left;
	text-decoration: none;
	color: #C8C2B5; /*#A69C86; /*#928975;*/
	font-size: 15px;
	line-height: 37px;
	position: relative;
	cursor: pointer;
	text-align: center;
}
div#hlavicka ul li a img {
	position: relative;
	top: 1px;
}
div#hlavicka ul li a span {
	display: block;
	float: left;
	background-color: transparent;
	background-repeat: repeat-x;
}
div#hlavicka ul li a span.middle {
	background-image: none;
	background-position: top center;
	padding: 0 7px;
}
div#hlavicka ul li a span.left, 
div#hlavicka ul li a span.right {
	height: 37px;
	width: 5px;
	background-image: none;
	background-position: top left;
	background-repeat: no-repeat;
}
div#hlavicka ul li a span.right {
	background-position: top right;
}
div#hlavicka ul li a span.bottom {
	display: block;
	position: relative;
	float: none;
	background-image: none;
	background-repeat: no-repeat;
	background-position: top center;
	height: 10px;
	top: -5px;
	width: 100%;
	*width: 22px;
}
/* Hover, Active */
div#hlavicka ul li a:hover span.middle,
div#hlavicka ul li a.active span.middle {
	background-image: url(../img/atomer/bg_hlavne_menu_middle.gif);
}
div#hlavicka ul li a:hover span.left,
div#hlavicka ul li a.active span.left,
div#hlavicka ul li a:hover span.right,
div#hlavicka ul li a.active span.right {
	background-image: url(../img/atomer/bg_hlavne_menu_left_right.png);
}
div#hlavicka ul li a:hover span.bottom,
div#hlavicka ul li a.active span.bottom {
	background-image: url(../img/atomer/bg_hlavne_menu_bottom.png);
}
/* ---------------------------------- (HlavneMenu) --------------------------------------------- */
/* ---------------------------------- Pata info --------------------------------------------- */
div#all4infoObal {
	background-color: #efefef;
	background-image: url(../img/atomer/bg_pata_info.gif);
	background-position: top center;
	background-repeat: repeat-x;
	overflow: hidden;
	min-width: 960px;
	padding-top: 27px;
	padding-bottom: 15px;	
}
div#all4info div.info {
	float: left;
}
div#all4info div.odkazBannery{
	float: right;
}
div#all4info div.info table {
	line-height: 17px;
}
div#all4info div.info table img#quoteLeft {
	margin-right: 16px;
	position: relative;
	top: 1px;
}
div#all4info div.info table img#quoteRight {
	margin-left: 12px;
	position: relative;
	top: 5px;
}
div#all4info div.odkazBannery div.banner {
	padding-top: 33px;
}
div#all4info div.odkazBannery div.banner a {
	float: left;
	display: block;
	font-size: 0;
	margin-left: 20px; 
}
/* ---------------------------------- (Pata info) --------------------------------------------- */
/* ---------------------------------- (Paticka --------------------------------------------- */
div#patickaObal {
	background-color: #2f2b1f;
	background-image: url(../img/atomer/bg_paticka.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
	overflow: hidden;
	position: relative;
	min-width: 960px;
}
div#paticka {
	position: relative;
}
div#paticka div#atomUp {
	background-image: url(../img/atomer/bg_paticka_atom_up.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 393px;
	height: 239px;
	position: absolute;
	top: 0;
	left: -140px;
}
div#paticka div#atomDown {
	background-image: url(../img/atomer/bg_paticka_atom_down.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 431px;
	height: 213px;
	position: absolute;
	bottom: 0;
	right: -156px;
}
div#paticka div.top {
	position: relative;
	padding: 18px 0 22px 0;
}
div#paticka div.top table {
	border-collapse: collapse;
}
div#paticka div.top table tr.nadpisy td {
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 0;
	width: 234px;
	overflow: hidden;
	cursor: default;
}
div#paticka div.top table tr.nadpisy td.kontakt {
	color: #ff9000;
	padding-left: 25px;
	font-size: 16px;
}
div#paticka div.top table tr.obsahy td.kontakt h4 {
	color: #ff9000;
	padding-left: 25px;
	font-size: 16px;
	margin: 10px 0;
	padding: 0px;
}
div#paticka div.top table tr.obsahy td {
	vertical-align: top;
	padding: 0;
}
div#paticka div.top table tr.obsahy td.kontakt {
	color: #FFF;
	padding-left: 25px;
	/*overflow: hidden;*/
}
div#paticka div.top table tr.obsahy td.kontakt a {
	text-decoration: none;
	color: #FFF;
}
div#paticka div.top table tr.obsahy td.kontakt a:hover {
	font-style: italic;
}
div#paticka div.top table tr.obsahy ul.pataMenu {
	width: 234px;
	padding: 0;
	margin: 0;
	list-style: none;
}
div#paticka div.top table tr.obsahy ul.pataMenu li {
	display: block;
	float: none;
	clear: left;
	position: relative;
	list-style: none;
}
div#paticka div.top table tr.obsahy ul.pataMenu li a {
	display: block;
	float: left;
	padding: 3px 0 3px 22px;
	color: #928975;
	
	background-image: url(../img/atomer/bg_paticka_menu_list.png);
	background-position: 0 7px;
	background-repeat: no-repeat;
}
div#paticka div.top table tr.obsahy ul.pataMenu li.active a {
	font-weight: bold;
	font-style: italic;
}

div#paticka div.bottom {
	background-image: url(../img/atomer/bg_paticka_bottom.png);
	background-position: top center;
	background-repeat: repeat-x;
	color: #999999;
	height: 52px;
	padding-top: 22px;
	position: relative;
	z-index: 1;
}
div#paticka div.bottom a {
	color: #999999;
}
div#paticka .contact_inner {
	position: relative;
}
div#paticka .contact_form {
	/*position: absolute;*/
	position: static;
	top: 22px;
	left: -34px;
	z-index: 50;
}
div#paticka .contact_form .top, 
div#paticka .contact_form .bottom {
	width: 256px;
}
div#paticka .contact_form .top {
	background-image: url(../img/atomer/contact_form_top_left.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 22px 0px 8px 12px;
	margin-right: 14px; 
	position: relative;
}
div#paticka .contact_form .top .right {
	background-image: url(../img/atomer/contact_form_top_right.png);
	background-position: top left;
	background-repeat: no-repeat;	
	width: 14px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -14px;
}
div#paticka .contact_form .bottom {
	background-image: url(../img/atomer/contact_form_bottom_left.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 0px 0px 22px 12px;
	margin-right: 14px; 
	position: relative;
}
div#paticka .contact_form .bottom .right {
	background-image: url(../img/atomer/contact_form_bottom_right.png);
	background-position: bottom left;
	background-repeat: no-repeat;	
	width: 14px;
	height: 100%;
	position: absolute;
	top: 0;
	right: -14px;
}

div#paticka .contact_form .errorRow{
	display: none;
	padding: 0 6px 5px 0;	
	text-align: center;
}
div#paticka .contact_form .errorRow span { color: red; }
div#paticka .contact_form .errorRow span.ok { color: #FFF; }
.contact_form input.textbox {
	border: 0;
	background-image: url(../img/atomer/contact_form_input.gif);
	display: block;
	color: #2c281d;
	font-weight: bold;
	font-size: 11px;
	padding: 8px 12px;
	height: 14px;
	line-height: 14px;
	width: 96px;
	float: left;
}
.contact_form input.textbox.email {
	margin-left: 8px;
}
div#paticka .contact_form .lastRow {
	position: relative;
}
.contact_form textarea {
	background-color: #918874;
	border: 1px solid #a6a197;
	
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	color: #2c281d;
	font-size: 11px;
	padding: 0px 0 0 11px;
	line-height: 15px;
	width: 185px;
	font-family: "Trebuchet MS",Arial,Tahoma,Helvetica,sans-serif;
	margin: 0;
	height: 48px;
	float: left;
}
div#paticka .contact_form .lastRow a {
	position: absolute;
	background-image: url(../img/atomer/contact_form_button.png);
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 42px;
	height: 47px;
	color: #FFF;
	font-size: 11px;
	line-height: 42px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	float: left;
	padding-right: 10px;
	padding-bottom: 6px;
	top: 0;
	right: -2px;
}
div#paticka div.top table tr.obsahy td.kontakt .lastRow a:hover {
	font-style: normal;
	background-position: bottom left;
}
/* ---------------------------------- (Paticka) --------------------------------------------- */

/* ---------------------------------- jazykMenu --------------------------------------------- */
#langmenu {
	position: absolute;
	top: 22px;
	right: -10px;
}
#langmenu ul.jazykMenu {
	list-style: none;
	padding: 0;
	margin: 0;
}
#langmenu ul.jazykMenu li {
	float: left;
	margin-right: 10px;
}
#langmenu ul.jazykMenu li a {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#langmenu ul.jazykMenu li a.active,
#langmenu ul.jazykMenu li a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
/* ---------------------------------- (jazykMenu) --------------------------------------------- */
/* ----------------------------------  Atomer tlacidlo  ---------------------------------- */
a.atmButton {
	display: block;
	background: rgba(0, 0, 0, 0) linear-gradient(#fdb000, #ff8800) repeat scroll 0 0;
	box-shadow: 2px 2px 5px #c8c8c8;
	border-radius: 4px;
	text-shadow: 2px -1px 5px #7c7c7c;
	text-decoration: none;
	color: #FFF;
	padding: 10px 15px;
	float: left;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}
a.atmButton:hover {
	background: rgba(0, 0, 0, 0) linear-gradient(#ff8800, #fdb000) repeat scroll 0 0;
}
a.atmButton.tryit {
	font-size: 20px;
	padding: 14px 15px 13px;
	line-height: 24px;
	width: 243px;
}
a.atmButton.prehliadku {
	background: rgba(0, 0, 0, 0) linear-gradient(#87b44c, #486a07) repeat scroll 0 0;
	font-size: 22px;
	padding: 17px 15px;
	line-height: 25px;
	width: 219px;
}
a.atmButton.prehliadku:hover {
	background: rgba(0, 0, 0, 0) linear-gradient(#486a07, #87b44c) repeat scroll 0 0;
}
a.atmButton.polovicne {
	text-shadow: none;
	border-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	font-size: 18px;
	font-weight: bold;
	padding: 15px 10px;
	line-height: 21px;
	width: 184px;
	margin-right: 4px;
}
a.atmButton.polovicne.zelene {
	background: rgba(0, 0, 0, 0) linear-gradient(#87b44c, #486a07) repeat scroll 0 0;
	box-shadow: none;
	position: relative;
}
a.atmButton.polovicne.zelene:hover {
	background: #486A07 repeat scroll 0 0;
}
a.atmButton.polovicne.zelene .atomeracik_ruka {
    background-image: url("../img/atomer/atomeracik_ruka.png");
    background-repeat: no-repeat;
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px;
}
a.atmButton.polovicne.cervene {
	background: rgba(0, 0, 0, 0) linear-gradient(#de4b38, #9f0f0f) repeat scroll 0 0;
}
a.atmButton.polovicne.cervene:hover {
	background: #9F0F0F repeat scroll 0 0;
}
a.atmButton.polovicne.tmave {
	background: rgba(0, 0, 0, 0) linear-gradient(#3b3527, #2b261b) repeat scroll 0 0;
}
a.atmButton.polovicne.tmave:hover {
	background: #2B261B repeat scroll 0 0;
}
a.atmButton.polovicne.oranzove:hover {
	background: #FF8800 repeat scroll 0 0;
}
a.atmButton.tryit.pricelist {
	font-size: 17px;
	width: auto;
	float: none;
	padding: 10px 5px;
	line-height: 20px;
}
a.atmButton.continue {
	background: rgba(0, 0, 0, 0) linear-gradient(#fa4949, #ce0a0a) repeat scroll 0 0;
	font-size: 22px;
	font-weight: bold;
	text-shadow: none;
	line-height: 25px;
	width: 200px;
	padding: 15px 25px 15px 15px;
	position: relative;
	color: #FFF;
}
a.atmButton.continue:hover {
	background: rgba(0, 0, 0, 0) linear-gradient(#ce0a0a, #fa4949) repeat scroll 0 0;
}
a.atmButton.continue span.arrow {
    background-image: url("../img/atomer/img_button_arrow.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 12px;
    position: absolute;
    right: 20px;
    top: 21px;
    width: 17px;
}
a.atmButton.continue.goadmin {
	font-size: 14px;
	line-height: 26px;
}
/* ---------------------------------- (Atomer tlacidlo) ---------------------------------- */
/* ---------------------------------- Stred --------------------------------------------- */
/* ---------------------------------- Uvod --------------------------------------------- */
div.uvodBannerObal {
	background-position: top center;
	background-repeat: repeat-x;
	/*overflow: hidden;*/
	overflow-y: hidden; 
	position: relative;
	min-width: 960px;
	padding-bottom: 4px;
}
div.uvodBannerObal .banner a {
	font-size: 0;
}
div.uvodBannerObal div.uvodBanner {
	min-height: 55px;
}
div.uvodBanner.obal {
	position: relative;
}
div.uvodBannerObal div.ciaraOdtien {
	background-color: #FFF;
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
}
div.uvodBannerObal div.ciaraOdtien div {
	background-image: url(../img/atomer/bg_ciaraOdtien.png);
	background-position: top center;
	background-repeat: no-repeat;	
	position: relative;
	width: 100%;
	height: 4px;
}
div.uvodBannerObal {
	display: none;
}
div.uvodBannerObal div.tlacidla a {
	display: none;
}
div.uvodBannerObal .bannerAkoText {
	color: #FFFFFF;
	font-size: 22px;
	line-height: 140%;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	padding: 15px 0;
	min-height: 106px;
}
div.uvodBannerObal .bannerAkoText strong {
	line-height: 200%
}
/* ---------------------------------- nultyBanner --------------------------------------------- */
div#nultyBannerObal {
	background-color: #393325;
	background-image: url(../img/atomer/bg_nultybanner.gif);
	background-repeat: repeat;
	display: block;
}
div#nultyBannerObal div.ciaraOdtien div {
	background-color: #648b26;
}
div#nultyBannerObal div.tlacidla a {
	display: block;
	position: relative;
	z-index: 5;
}

div#nultyBannerObal div.tlacidla a .atomeracik_ruka {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../img/atomer/atomeracik_ruka.png);
	background-repeat: no-repeat;
	width: 24px;
	height: 18px;
}

/* ---------------------------------- (nultyBanner) --------------------------------------------- */
div.bannerShadow {
	height: 21px;
	background-image: url(../img/atomer/banner_shadow.png);
	background-position: top center;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/* ---------------------------------- banner_1 --------------------------------------------- */
div#bannerObal_1 {
	background-color: #f6de9b;
	background-image: url(../img/atomer/bg_uvod_banner_1.gif);
}
div#bannerObal_1 div.ciaraOdtien div {
	background-color: #ad241e;
}
/* ---------------------------------- (banner_1) --------------------------------------------- */
/* ---------------------------------- banner_2 --------------------------------------------- */
div#bannerObal_2 {
	background-color: #f6de9b;
	/*background-image: url(../img/atomer/bg_uvod_banner_1.gif);*/
	background-image: url(../img/atomer/1.jpg);
}
div#bannerObal_2 div.bannerShadow {
	background-image: none;
}
div#bannerObal_2 div.ciaraOdtien div {
	background-color: #332e22;
}

.animacia {
	position: absolute;
	top: 0;
	right: 233px;
}
#animacia {
	width: 294px;
	height: 164px;
}
/* ---------------------------------- (banner_2) --------------------------------------------- */
/* ---------------------------------- banner_3 --------------------------------------------- */
div#bannerObal_3 {
	background-color: #f6de9b;
	background-image: url(../img/atomer/bg_uvod_banner_1.gif);
}
div#bannerObal_3 div.ciaraOdtien div {
	background-color: #ff8d00;
}
/* ---------------------------------- (banner_3) --------------------------------------------- */
div.uvod div.tlacidla {
	position: absolute;
	right: 0;
	margin-right: -4px;
	bottom: 0px;
	*margin-bottom: -1px;
}
div.uvod div.tlacidla .atomeracik {
	position: absolute;
	background-image: url(../img/atomer/atomeracik_hlavicka.png);
	background-repeat: no-repeat;
	width: 152px;
	height: 147px;
	top: -96px;
	left: -107px;
}

div.uvod div#contentObal {
	background-image: url(../img/atomer/bg_content.png);
	background-position: top center;
	background-repeat: repeat-x;
	overflow: hidden;
	position: relative;
	min-width: 960px;
	padding-top: 38px;
	padding-bottom: 38px;
}
div.uvod div#contentObal div.obsah {
	color: #666666;
	line-height: 16px;
	float: left;
	margin-left: 10px;
	width: 505px;
	overflow: hidden;
}
div.uvod div#contentObal div.obsah strong {
	font-size: 14px;
	color: #000;
}
div#flashBanner {
	float: left;
	
	width: 445px;
	height: 369px;
	position: relative;
}
div#flashBanner .wrapper {
	background-image: url(../img/atomer/flash_bg.png);
	background-position: top left;
	background-repeat: no-repeat;
	
	width: 447px;
	height: 369px;
	position: absolute;
	top: 0;
	left: -5px;
}
div#flashBanner ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
div#flashBanner ul li {
	position: absolute;
}
.jcarousel-container {
    position: relative;
}
div#flashBanner .jcarousel-container ul li {
	position: relative;
}
div#flashBanner .hider {
	position: absolute;
	width: 35px;
	height: 35px;
	background-color: #f5f5f5;
	bottom: 15px;
	overflow: hidden;
	z-index: 2;
}
div#flashBanner .hider.no1 { left: 17px; }
div#flashBanner .hider.no2 { right: 18px; }
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
div#flashBanner .jcarousel-skin-tango {
	padding: 0 17px;
}
div#flashBanner .jcarousel-skin-tango .jcarousel-container-horizontal {
	padding: 20px 0 10px;
	width: 412px;
}
div#flashBanner div.popis {
	padding: 16px 50px 0; 
}
div#flashBanner div.popis div {
	text-align: center;
	line-height: 16px;
	height: 32px;
	overflow: hidden;
}
div.uvod div.contentBottom {
	background-image: url(../img/atomer/bg_bottom.png);
	background-position: top left;
	background-repeat: repeat-x;
	min-width: 960px;
	height: 128px;
	overflow: hidden;
	display: block;
}
div.uvod div.contentBottom .obal {
	padding-top: 31px;
}
div.uvod div.contentBottom .tlacidla {
	margin: 0;
	margin-left: 80px;
	position: relative;
	width: 880px;
}
div.uvod div.contentBottom .tlacidla .vyskusajtesi {
	line-height: 24px;
}
div.uvod div.contentBottom .tlacidla .vyskusajtesi span.right span {
	padding-top: 24px;
}
/* ---------------------------------- (Uvod) --------------------------------------------- */


div#obsahObal {
	background-image: url(../img/atomer/bg_obsah_content.png);
	background-position: top center;
	background-repeat: repeat-x;
	position: relative;
	min-width: 960px;
	overflow: hidden; /* hidden for all */
}
div#obsahObal div.mainContent div.obsahHlavicka {
	height: 114px;
	width: 960px;
	position: relative;
	overflow: hidden;
}
div#obsahObal div.mainContent div.obsahHlavicka h1 {
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 35px;
	color: #FFF;
	padding-top: 40px;
	padding: 33px 200px 0 22px;
	clear: both;
	line-height: 40px;
}
div#obsahObal div.mainContent div.obsahHlavicka h1 img {
	float: left;
	margin-right: 15px;
	position: relative;
	top: -7px;
}

div#obsahObal div.mainContent div.obsahHlavicka .nadpisPozadie {
	position: absolute;
	background-image: url(../img/atomer/bg_nadpis_pozadie.png);
	background-position: top center;
	background-repeat: repeat-x;
	width: 197px;
	height: 114px;
	top: 0;
	right: 0;
}
div.mainContent div.contentTop {
	width: 960px;
	height: 10px;
	background-image: url(../img/atomer/bg_obsah_top.png);
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
	padding: 0;
	margin: 0;
}
div.mainContent div.contentTop div.pasik {
	background-image: url(../img/atomer/bg_pasik_velky.png);
	background-position: top center;
	background-repeat: no-repeat;
	height: 10px;
	margin-right: 22px;
	width: 915px;
	position: relative;
	float: right;
}
div.mainContent.plusMenu div.contentTop div.pasik {
	background-image: url(../img/atomer/bg_pasik_maly.png);
	width: 668px;
}
div.mainContent div.content {
	background-color: #FFF;
	padding: 1px 11px 35px 11px;
}
div.mainContent div.content div.obsah {
	padding: 0;
}
div.mainContent div.content .lavaStrana {
	display: none;
}
/* ---------------------------------- LavaStrana --------------------------------------------- */
div.mainContent.plusMenu div.content .lavaStrana {
	display: block;
	background-image: url(../img/atomer/bg_lava_strana.gif);
	background-position: top left;
	background-repeat: repeat-y;
	width: 237px;
	float: left;
	padding: 10px 0;
	position: relative;
}
div.mainContent.plusMenu div.content .lavaStrana .lavaStranaTop {
	display: block;
	background-image: url(../img/atomer/bg_lava_strana_horedole.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 237px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
}
div.mainContent.plusMenu div.content .lavaStrana .lavaStranaBottom {
	display: block;
	background-image: url(../img/atomer/bg_lava_strana_horedole.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 237px;
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
}
div.mainContent.plusMenu div.content .lavaStrana ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
div.mainContent.plusMenu div.content .lavaStrana ul li {
	display: block;
	position: relative;
	list-style: none;
}
div.mainContent.plusMenu div.content .lavaStrana ul li div {
	display: none;
	background-image: url(../img/atomer/bg_lave_menu_tien.png);
	background-position: top center;
	background-repeat: no-repeat;
	position: absolute;
	width: 237px;
	height: 5px;
	left:0;
	bottom: -4px;
	*bottom: -2px;
}
div.mainContent.plusMenu div.content .lavaStrana ul li a {
	display: block;
	color: #3c3628;
	font-size: 13px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 16px 5px 16px 50px;
	width: 182px;
	position: relative;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}
div.mainContent.plusMenu div.content .lavaStrana ul li a img {
	position: absolute;
	top: 16px;
	left: 22px;
}
div.mainContent.plusMenu div.content .lavaStrana ul li a:hover span {
	color: #000000;
	text-decoration: underline;
}
div.mainContent.plusMenu div.content .lavaStrana ul li a.active {
	background-color: #FFF;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding: 16px 5px 16px 50px;
}
div.mainContent.plusMenu div.content .lavaStrana ul li.active div {
	display: block;
}
/* ---------------------------------- (LavaStrana) --------------------------------------------- */
/* ---------------------------------- Obsah --------------------------------------------- */
div.mainContent div.content div.obsah {
	font-size: 13px;
	line-height: 23px;
}
div.mainContent div.content div.obsah strong {
	color: #637d28;
}
div.mainContent div.content div.obsah span strong {
	color: inherit;
}
div.mainContent div.content div.obsah h1 {
	color: #637d28;
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
	padding: 30px 0 20px;
	margin: 0;
}
div.mainContent.plusMenu div.content div.obsah {
	float: right;
	width: 668px;
	padding: 0 11px;
	min-height: 450px;
}
div.mainContent.plusMenu div.content {
	background-image: url(../img/atomer/bg_obsah_smenu.gif);
	background-position: 55px 0px;
	background-repeat: no-repeat;
	position: relative;
	width: 938px;
}
div.mainContent.plusMenu div.content div.obsah h1 {
	padding: 37px 0 30px;
}
div.mainContent div.spodnyBanner {
	text-align: center;
}
/* ---------------------------------- (Obsah) --------------------------------------------- */
/* ---------------------------------- (Stred) --------------------------------------------- */

/* ---------------------------------- Referencie --------------------------------------------- */
div.referencieObal {
	padding-top: 13px;
	padding-bottom: 35px;
}
#referencie_wrap {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
	height: auto!important;
}
#referencie_wrap:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
}
div.referencieLeft {
	float: left;
	width: 412px;
	padding-left: 11px;
}
div.referencieLeft ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
div.referencieRight {
	float: right;
	width: 512px;
}

div.referencieRight div.hlavicka {
	padding: 0 11px 8px 10px;
	width: 491px;	
	overflow: hidden;
}
div.referencieRight div.hlavicka h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 22px;
	color: #B74300;
}
div.referencieRight div.hlavicka .refLogo {
	float: left;
}
div.referencieRight div.hlavicka .nadpis {
	float: right;
	text-align: right;
	padding-top: 8px;
}
div.referencieRight div.obrazok {
	overflow: hidden;
	width: 512px;
	text-align: center;
}
div.referencieRight div.popis {
	padding: 11px 21px 11px 20px;
}
div.referencieRight div.popis ul {
	padding: 0;
	list-style: none;
	margin-left: 0;
}
div.referencieRight div.popis ul li {
	padding-left: 23px;
	background-image: url(../img/atomer/img_referencie_list.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}
div.referencieLeft .presvedcenie {
	width: 410px;
	padding-top: 35px;
}
div.referencieObal .presvedcenie p {
	font-size: 14px;
	color: #666;
	font-weight: bold;
	text-align: center;
}
div.referencieObal .presvedcenie div.tlacidla {
	padding-top: 15px;
}

div.referencieObal .presvedcenie div.tlacidla a {
	display: block;
	margin: 0 auto;
	width: 239px;
	float: none;
}

div.referencieObal .obrazok {
	float: left;
	margin: 4px 5px;
	position: relative;
	overflow: hidden;
	width: 302px;
	height: 304px;
}
div.referencieObal .obrazok .inner {
	box-shadow: 0 0 5px #393838;
	margin: 6px 5px;
	padding: 5px;
	border-radius: 3px;
	position: relative;
	transition: all 1s linear;
	overflow: hidden;
}
div.referencieObal .inner.hidden {
	margin: 0;
	padding: 0;
	width: 0;
   height: 0;
   min-width: 0;
	min-height: 0;
}
div.referencieObal .obrazok .lupa {
	display: none;
	position: absolute;
	width: 282px;
	height: 282px;
	top: 5px;
	left:5px;
	background-image: url(../img/icon_lupa.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10;
	cursor: pointer;
}
div.referencieObal .obrazok .dark {
	display: none;
	position: absolute;
	width: 282px;
	height: 282px;
	top: 5px;
	left:5px;
	opacity: 0.3;
	z-index: 5;
	cursor: pointer;
}
div.referencieObal .obrazok:hover .dark {
	display: block;
	background-color: #000;
}
div.referencieObal .obrazok:hover .lupa {
	display: block;
}
div.referencieObal .obrazok .name {
	position: absolute;
	bottom: -24px;
	left: 0px;
	width: 282px;
	margin: 0 5px 5px 5px; 
	text-align: center;
	height: 24px;
	z-index: 10;
}
div.referencieObal .obrazok .name span {
	display: inline-block;
	background-color: #FFF;
	padding: 0 5px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	font-family: 'Lobster', cursive;
	font-size: 20px;
	line-height: 24px;
	height: 24px;
}
div.referencieObal .obrazok a {
	display: block;
	width: 282px;
	height: 282px;
	overflow: hidden;
	position: relative;
}
div.referencieObal .obrazok a span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
}
div.referencieObal .obrazok a img {
	width: 100%;
	height: 100%;
	display: inline-block;
}
div.referencieObal .obrazok .flag {
	background-image: url(../img/flag_eshop_colors.png);
	background-repeat: no-repeat;
	display: none;
	width: 125px;
	height: 128px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
}
div.referencieObal .obrazok .flag#flag1 {
	display: block;
	background-image: url(../img/flag_eshop_design.png);
}
div.referencieObal .obrazok .flag#flag2 {
	display: block;
	background-image: url(../img/flag_eshop_colors.png);
}
div.referencieObal .obrazok .flag#flag3 {
	display: block;
	background-image: url(../img/flag_eshop_web.png);
}
div.referencieObal .obrazok .flag#flag4 {
	display: block;
	background-image: url(../img/flag_eshop_user.png);
}

#ref_filter_bar_obal {
	margin: 20px 11px 5px 11px;
	border-radius: 3px;
	overflow: hidden;
}
#ref_filter_bar {
	display: table;
	width: 100%;
}
#ref_filter_bar a {
	background-color: #ccc;
	display: table-cell;
	padding: 8px 5px;
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
	transition: background 0.3s ease 0s;
	text-align: center;
}
#ref_filter_bar a.all {
	background-color: #587B19;
}
#ref_filter_bar a.custom_design {
	background-color: #e88d1e;
}
#ref_filter_bar a.head_and_colors_desing {
	background-color: #dc4328;
}
#ref_filter_bar a.webpages {
	background-color: #438700;
}
#ref_filter_bar a.user_design {
	background-color: #787878;
}
#ref_filter_bar a:hover,
#ref_filter_bar a.active,
#ref_filter_bar a.all:hover,
#ref_filter_bar a.all.active,
#ref_filter_bar a.custom_design:hover,
#ref_filter_bar a.custom_design.active,
#ref_filter_bar a.head_and_colors_desing:hover,
#ref_filter_bar a.head_and_colors_desing.active,
#ref_filter_bar a.webpages:hover,
#ref_filter_bar a.webpages.active,
#ref_filter_bar a.user_design:hover,
#ref_filter_bar a.user_design.active {
	background-color: #ccc;
}

/* ---------------------------------- (Referencie) --------------------------------------------- */
/* ---------------------------------- hoverbox --------------------------------------------- */
ul.hoverbox {
	cursor: pointer;
	list-style: none;
}
ul.hoverbox a {
	cursor: pointer;
}
.hoverbox li {
	display: inline;
	float: left;
	margin: 0;
	position: relative;
}
ul.hoverbox img {
	border: 1px solid #FFF;
	border-top: 0;
	border-left: 0;
	color: inherit;
	padding: 0;
	vertical-align: top;
	width: 81px;
	height: 81px;
}
ul.hoverbox a .preview {
	display: none;
}
.hoverbox img.preview {
	border: 0;
	background-image: url(../img/atomer/bg_hover_box_preview.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 1px 7px 8px 1px;
	position: absolute;
	z-index: 1;
	width: 99px;
	height: 99px;
}
ul.hoverbox a:hover .preview {
	display: block;
	position: absolute;
	top: -14px;
	left: -10px;
	z-index: 1;
}
/* ---------------------------------- (hoverbox) --------------------------------------------- */
/* ---------------------------------- strankaCeny --------------------------------------------- */
div.strankaCeny .cenyTaby {
	padding-bottom: 50px;
}
div.mainContent div.content div.obsah div.strankaCeny h1 {
	padding-left: 11px;
	padding-right: 11px;
}
div.strankaCeny ul.tabyUl {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	height: 51px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
div.strankaCeny ul.tabyUl li {
	float: left;
	display: block;
	padding-top: 5px; 
}
div.strankaCeny ul.tabyUl li a {
	background-image: url(../img/atomer/button_taby.gif);
	background-position: top left;
	background-repeat: repeat-x;
	float: left;
	display: block;
	height: 44px;
	line-height: 44px;
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
	margin-right: 1px;
	padding: 0 21px;
}
div.strankaCeny ul.tabyUl li a:hover {
	background-position: bottom left;
	text-decoration: none;
}

div.strankaCeny ul.tabyUl li.active a {
	background-image: none;
	padding-bottom: 1px;
	background-color: #FFF;
	color: #000;
	padding: 0 20px;
	border: 1px solid #d6d6d6;
	border-bottom: 0;
}

div.strankaCeny ul.tabyUl li.first a {
	margin-left: 12px;
}
div.strankaCeny ul.tabyUl li.active.first a {
	margin-left: 11px;
}

div.strankaCeny div.tabyObsah {
	background-image: url(../img/atomer/img_taby_obsah_middle.png);
	background-position: 0 0;
	background-repeat: repeat-y;
	padding: 9px 22px 50px 22px;
	width: 894px;
	position: relative;
	position: relative;
	z-index: 1;
	margin-top: -7px;
}
div.strankaCeny div.tabyObsah .top, 
div.strankaCeny div.tabyObsah .bottom {
	position: absolute;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 938px;
	height: 9px;
	left: 0;
}
div.strankaCeny div.tabyObsah .top {
	background-image: url(../img/atomer/img_taby_obsah_top.png);
	top: 0;
}
div.strankaCeny div.tabyObsah .bottom {
	background-image: url(../img/atomer/img_taby_obsah_bottom.png);
	bottom: 0;
}
div.strankaCeny div.tabyObsah .obsahSekcie {
	font-size: 12px;
	line-height: 19px;
}
div.strankaCeny div.tabyObsah .obsahSekcie p:first-child>span:first-child strong {
	font-size: 14px;
}



div.tlacidloObjednat {
	text-align: center;
	padding-bottom: 15px;
}
div.tlacidloObjednat div.tlacidla {
	width: 239px;
	margin: 0 auto;
}


div.strankaCeny .contentNoTabs {
	padding: 0 22px;
}


/* ---------------------------------- prehladAtomov --------------------------------------------- */
div.prehladAtomov {
	padding: 8px 0 25px 0;
}
div.prehladAtomov table {
	width: 100%;
}
div.prehladAtomov table tr th {
	font-size: 16px;
	text-align: left;
	color: #ffa533;
}
div.prehladAtomov table tr th.cena.spolu {
	padding-top: 10px;
	padding-bottom: 0;
	text-align: center;
	padding-left: 95px;	
}
div.prehladAtomov table tr th.atom {
	padding-right: 10px; 
	padding-left: 16px;
	width: 201px;
}
div.prehladAtomov table tr th.popis {
	padding-left: 11px;
	width: 460px;
}
div.prehladAtomov table tr th.cena {
	text-align: right;
	min-width: 120px;
	padding-right: 16px;
}
div.prehladAtomov table tr th.cena.m {
	padding-left: 75px;	
}

div.prehladAtomov table tr th span {
	color: #666666;
	font-size: 12px;
}
div.prehladAtomov table tr td {
	font-size: 11px;
	padding: 5px 0px 5px 0px;
}
div.prehladAtomov table tr.prazdny td {
	font-size: 0px;
	padding: 0;
	height: 21px;
	line-height: 21px;
}
div.prehladAtomov table tr.parne td {
	background-color: #f5f5f5;
}
div.prehladAtomov table tr.podnadpis td {
	text-transform: uppercase;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 20px 7px 16px;
	background-color: #d7d0c8;
}
div.prehladAtomov table tr.hover td.atom,
div.prehladAtomov table tr.hover td.popis,
div.prehladAtomov table tr.hover td.cena {
	background-color: #efece4;
}
div.prehladAtomov table tr td.atom {
	padding-right: 10px; 
	padding-left: 16px;
	width: 201px;
	font-weight: bold;
	font-size: 12px;
}
div.prehladAtomov table tr.deep_1 td.atom {
	padding-left: 40px;
	width: 177px;
	background-image: url("../img/atomer/img_deep_arrow.gif");
    background-position: 30px center;
	background-repeat: no-repeat;
}
div.prehladAtomov table tr td.popis {
	padding-left: 11px;
	width: 456px;
}
div.prehladAtomov table tr td.cena {
	padding-right: 16px;
	text-align: right;
	color: #666666;
	min-width: 130px;
}
div.prehladAtomov table tr td.cena.m {
	padding-left: 75px;	
}
div.prehladAtomov table tr td.cena span.cena {
	color: #ff8e00;
	font-size: 19px;
	font-weight: bold;
}
div.prehladAtomov table tr td.cena span.cena.zlava {
	color: #ff0000;
}
div.legenda span.discountInfo,
div.prehladAtomov table tr td.cena span.discountInfo {
	display: inline;
	font-size: 10px;
	position: relative;
	top: -7px;
}
div.pripravovaneBalicky div.legenda,
div.prehladAtomov div.legenda {
	padding: 13px 18px;
}
div.pripravovaneBalicky div.legenda p,
div.prehladAtomov div.legenda p {
	color: #666666;
	font-size: 11px;
}

/* ---------------------------------- (prehladAtomov) --------------------------------------------- */
/* ---------------------------------- pripravovaneBalicky --------------------------------------------- */
div.pripravovaneBalicky {
	padding: 30px 0 25px 0;
	position: relative;
}

div#balickyFlash {
	padding-bottom: 15px;
	overflow: hidden;
	text-align: center;
}
div#balickyFlash object {
	margin-left: 0px;
}
div.pripravovaneBalicky table {
	font-size: 11px;
	line-height: 18px;
	float: left;
}
div.pripravovaneBalicky table th {
	width: 192px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
div.pripravovaneBalicky table th div.nazov {
	float: left;
	position: relative;
}
div.pripravovaneBalicky table th div.cena {
	color: #ff7200;
	float: right;
	position: relative;
}
div.pripravovaneBalicky table td {
	border-left: 1px solid #FFF;
}
/* Hlavicka tabulky */
div.pripravovaneBalicky table tr.prvyRiadok td {
	border: 1px solid #FFF;
	border-top: 0;
	border-bottom: 0;
	border: 0;
	padding: 0;
}
div.pripravovaneBalicky table tr.prvyRiadok td, 
div.pripravovaneBalicky table tr.prvyRiadok th {
	vertical-align: bottom;
}
div.pripravovaneBalicky table tr.prvyRiadok td, 
div.pripravovaneBalicky table tr.prvyRiadok th, 
div.pripravovaneBalicky table tr.prvyRiadok td.balParne {
	background-color: transparent;
}

div.pripravovaneBalicky div.hlavickaBalicek {
	margin-top: 16px;
	background-color: #f5f3ec;
	overflow: hidden;
	position: relative;
}
div.pripravovaneBalicky .balParne div.hlavickaBalicek {
	background-color: #f5f3ec;
}
div.pripravovaneBalicky div.hlavickaBalicek div.vrchny {
	color: #FFF;
	text-align: center;
	padding: 18px 0 15px;
	width: 100%;
	overflow: hidden;
	height: auto;
	background-image: url(../img/atomer/bg_balicek_vrch_pozadie.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	position: relative;
}
div.pripravovaneBalicky div.hlavickaBalicek div.vrchny .corner {
	background-image: url(../img/atomer/bg_balicek_vrch_corners.png);
	width: 3px;
	height: 3px;
	position: absolute;
}
/*balParne*/
div.pripravovaneBalicky div.hlavickaBalicek div.vrchny .corner.topleft {
	background-position: 0 0;
	top: 0;
	left: 0;
}
div.pripravovaneBalicky div.hlavickaBalicek div.vrchny .corner.topright {
	background-position: -3px 0;
	right: 0;
	top: 0;
}
div.pripravovaneBalicky div.hlavickaBalicek div.vrchny .corner.bottomleft {
	background-position: 0px -6px;
	bottom: 0;
	left: 0;
}
div.pripravovaneBalicky div.hlavickaBalicek div.vrchny .corner.bottomright {
	background-position: -3px -6px;
	right: 0;
	bottom: 0;
}
div.pripravovaneBalicky td.balParne div.hlavickaBalicek div.vrchny .corner.bottomleft { background-position: 0px -3px; }
div.pripravovaneBalicky td.balParne div.hlavickaBalicek div.vrchny .corner.bottomright { background-position: -3px -3px; }


div.pripravovaneBalicky div.hlavickaBalicek.velky {
	margin-top: 0;
}
div.pripravovaneBalicky div.hlavickaBalicek.velky div.vrchny {
	/*background-image: url(../img/atomer/bg_balicek_hlavicka_velky.png);*/
	/*height: 78px;*/
	padding-top: 22px
}

div.pripravovaneBalicky div.hlavickaBalicek p.nazov {
	font-size: 17px;
	text-transform: uppercase;
	position: relative;
}
div.pripravovaneBalicky div.hlavickaBalicek p.start .suffix { color: #ff8e00; }
div.pripravovaneBalicky div.hlavickaBalicek p.slassic .suffix { color: #79ad36; }
div.pripravovaneBalicky div.hlavickaBalicek p.business .suffix { color: #fed100; }
div.pripravovaneBalicky div.hlavickaBalicek p.profi .suffix { color: #e094ff; }
div.pripravovaneBalicky div.hlavickaBalicek p.web .suffix { color: #79ad36; }
div.pripravovaneBalicky div.hlavickaBalicek p.e-shop .suffix { color: #ff8e00; }

div.pripravovaneBalicky div.hlavickaBalicek p.cena {
	/*font-size: 35px;*/
	font-size: 28px;
	font-weight: bold;
	line-height: 30px;
	/*word-spacing: -0.3em;*/
	padding-top: 8px;
	position: relative;
}
div.pripravovaneBalicky div.hlavickaBalicek.velky p.cena {
	font-size: 40px;
	line-height: 40px;
}
div.pripravovaneBalicky div.hlavickaBalicek div.spodny {
	background-image: url(../img/atomer/bg_balicek_hlavicka_tien.png);
	background-position: top left;
	background-repeat: no-repeat;
	border-top: 2px solid transparent;
	padding-top: 11px;
	padding-bottom: 9px;
	width: 100%;
}
div.pripravovaneBalicky div.tlacidla {
	text-align: center;
}
div.pripravovaneBalicky div.tlacidla a.bigButton {
	width: 91px;
	margin: 0 auto;
	float: none;
	display: block;
}
div.pripravovaneBalicky div.hlavickaBalicek.withVat div.vrchny {
	padding: 11px 0px 8px 0px;
}
div.pripravovaneBalicky div.hlavickaBalicek.withVat p.cena {
	padding-top: 4px;
}
div.pripravovaneBalicky div.hlavickaBalicek.velky.withVat div.vrchny {
	padding-top: 16px;
}
div.pripravovaneBalicky table tr td.balicek_end {
	vertical-align: top;
}
div.pripravovaneBalicky table tr th, 
div.pripravovaneBalicky table tr td:not(.balicek_end),
div.pripravovaneBalicky table tr.lastRow div.hlavickaBalicek {
	background-color: #f5f3ec;
	padding: 0;
}
div.pripravovaneBalicky table tr td:not(.balicek_end) {
	border-bottom: 1px solid #dfdac7;
}
div.pripravovaneBalicky table tr td.active {
	background-color: #c9e290;
	border-bottom: 1px solid #aace53;
}

div.pripravovaneBalicky div.hlavickaBalicek,
div.pripravovaneBalicky table tr td, 
div.pripravovaneBalicky table tr td .balicekRiadok {
	width: 160px;
}
div.pripravovaneBalicky div.hlavickaBalicek div.vrchny {
	width: 160px;
}
div.pripravovaneBalicky table tr th,
div.pripravovaneBalicky table tr td:not(.balicek_end) {
	background-image: url("../img/atomer/bg_balicek_shadow2.png");
    background-position: right top;
    background-repeat: repeat-y;
}
div.pripravovaneBalicky table tr td:not(.balicek_end) {
	background-image: url("../img/atomer/bg_balicek_shadow2.png");
    background-position: right top;
    background-repeat: repeat-y;
}
div.pripravovaneBalicky table tr.prvyRiadok td {
	background-image: none;
}
div.pripravovaneBalicky table tr.prvyRiadok td {
	background: none;
}
div.pripravovaneBalicky table tr.deep_1 th .balikAtom {
	padding-left: 40px;
	width: 238px;
	background-image: url("../img/atomer/img_deep_arrow.gif");
    background-position: 30px 11px;
    background-repeat: no-repeat;
	padding-bottom: 5px;
}
div.pripravovaneBalicky table tr.deep_1 th, 
div.pripravovaneBalicky table tr.deep_1.parne th {
	background-color: transparent;
	border-bottom: 1px solid #e9e7e1;
}
div.pripravovaneBalicky table tr.deep_1 th .balikAtom .nazov {
	font-size: 11px;
	font-weight: normal;
}
div.pripravovaneBalicky table tr td .balicekRiadok {
	padding-top: 3px;
	padding-bottom: 3px;
	position: relative;
}
div.pripravovaneBalicky table tr.parne th {
	background-color: #e8e6df;
}
div.pripravovaneBalicky table tr th .shadow,
div.pripravovaneBalicky table tr td .shadow {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../img/atomer/bg_balicek_shadow.png);
	background-position: top right;
	background-repeat: repeat-y;
}
div.pripravovaneBalicky table tr td div.hlavickaBalicek .shadow {
	background-image: url(../img/atomer/bg_balicek_shadow2.png);
	height: 146px;
	top: auto;
	bottom: 0;
}
div.pripravovaneBalicky .balikAtom {
	position: relative;
	padding: 6px 11px 6px 21px; 
	width: 257px;
}
div.pripravovaneBalicky div.buttonik {
	position: relative;
	text-align: center;
	width: 100%;
}
div.pripravovaneBalicky div.buttonik a {
	display: none;
	margin-left: 3px;
	position: absolute;
	top: -3px;
	*top: 1px;
	left: 93px;	
}
div.pripravovaneBalicky table td.hover div.buttonik a {
	display: block;
}
div.pripravovaneBalicky table div.buttonik a,
div.pripravovaneBalicky table div.buttonik input.checkbox {
	cursor: pointer;
}
div.pripravovaneBalicky div.buttonik span {
	cursor: default;
	display: block;
	padding: 3px 0;
}
div.pripravovaneBalicky div.buttonik span.button {
	display: block;
	cursor: pointer;
	width: 30px;
	height: 24px;
	margin: 0 auto;
	background-position: top center;
	background-repeat: no-repeat;
	padding: 0;
}
div.pripravovaneBalicky div.buttonik span.button.yes.zamok{
	background-image: url(../img/atomer/img_balicek_ano.png);
	cursor: default;
}
div.pripravovaneBalicky div.buttonik span.button.hover {
	font-weight: bold;
	background-position: bottom center;
}
/* lastRow */
div.pripravovaneBalicky table tr.lastRow td {
	vertical-align: top;
	background: none;
	border-bottom: 0;
}
div.pripravovaneBalicky table tr.lastRow td .hlavickaBalicek {
	background-color: #f5f3ec;
}
div.pripravovaneBalicky table tr td.balicek_end .hlavickaBalicek,
div.pripravovaneBalicky table tr.lastRow td .hlavickaBalicek {
	margin-top: 0;
}
div.pripravovaneBalicky table tr .spodnyTop {
	height: 12px;
	width: 100%;
	position: relative;
	background-image: url(../img/atomer/bg_balicek_spodny.gif);
	background-position: bottom center;
	background-repeat: no-repeat;;
}
div.pripravovaneBalicky table tr.lastRow .spodny { 
	position: relative; 
	border: 0;
}
div.pripravovaneBalicky tr.lastRow div.hlavickaBalicek div.spodny {
	background-image: url("../img/atomer/bg_balicek_hlavicka_tien2.png");
}
div.pripravovaneBalicky table tr.lastRow td,
div.pripravovaneBalicky table tr.lastRow td.balParne {
	background: none;
}
div.pripravovaneBalicky table tr.lastRow td div.hlavickaBalicek .shadow {
	top: 0;
}
div.pripravovaneBalicky tr.lastRow div.hlavickaBalicek div.vrchny .corner.bottomleft { background-position: 0px -9px; }
div.pripravovaneBalicky tr.lastRow div.hlavickaBalicek div.vrchny .corner.bottomright { background-position: -3px -9px; }
div.pripravovaneBalicky tr.lastRow div.hlavickaBalicek div.vrchny .corner.topleft { background-position: 0px -12px; }
div.pripravovaneBalicky tr.lastRow div.hlavickaBalicek div.vrchny .corner.topright { background-position: -3px -12px; }
div.pripravovaneBalicky tr.lastRow td.balParne div.hlavickaBalicek div.vrchny .corner.topleft { background-position: 0px -15px; }
div.pripravovaneBalicky tr.lastRow td.balParne div.hlavickaBalicek div.vrchny .corner.topright { background-position: -3px -15px; }

div.pripravovaneBalicky tr.lastRow div.hlavickaBalicek div.spodny .corner, 
div.pripravovaneBalicky tr.lastRow div.hlavickaBalicek div.spodnyTop .corner{
	background-image: url(../img/atomer/bg_balicek_vrch_corners.png);
	width: 3px;
	height: 3px;
	position: absolute;
}
div.pripravovaneBalicky tr.lastRow div.hlavickaBalicek div.spodny .corner.topleft { top: -3px; left: 0; background-position: 0px -18px; }
div.pripravovaneBalicky tr.lastRow div.hlavickaBalicek div.spodny .corner.topright { top: -3px; right: 0; background-position: -3px -18px; }
div.pripravovaneBalicky tr.lastRow div.hlavickaBalicek div.spodnyTop .corner.topleft { top: 6px; left: 0; background-position: 0px -6px; }
div.pripravovaneBalicky tr.lastRow div.hlavickaBalicek div.spodnyTop .corner.topright { top: 6px; right: 0; background-position: -3px -6px; }
div.pripravovaneBalicky tr.lastRow td.balParne div.hlavickaBalicek div.spodnyTop .corner.topleft { top: 6px; left: 0; background-position: 0px -3px; }
div.pripravovaneBalicky tr.lastRow td.balParne div.hlavickaBalicek div.spodnyTop .corner.topright { top: 6px; right: 0; background-position: -3px -3px; }
/* (lastRow) */
div.pripravovaneBalicky table tr.hover th,
div.pripravovaneBalicky table tr.hover td:not(.balicek_end) {
	background-color: #f8f280!important;
}
div.pripravovaneBalicky table tr.hover td.active {
	background-color: #e4d94c;
}
/* ---------------------------------- (pripravovaneBalicky) --------------------------------------------- */
/* ---------------------------------- supportbox --------------------------------------------- */
div.balickyTable {
	position: relative;
}
div.supportbox {
	position: absolute;
	text-align: center;
	top: 167px;
	right: -165px;
	width: 155px;
	overflow: hidden;
	line-height: 16px;
}
div.supportbox .supportboxTop, 
div.supportbox .supportboxBottom{
	background-image: url(../img/atomer/bg_supportbox_topbot.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	height: 9px;
	position: relative;
}
div.supportbox .supportboxBottom {
	background-position: bottom left;
	height: 11px;
}
div.supportbox .inner {
	background-image: url(../img/atomer/bg_supportbox.png);
	background-position: top left;
	background-repeat: repeat-y;
	padding: 1px 8px 0 0px;
}
div.supportbox img {
	padding-top: 8px;
}
div.supportbox p {
	margin: 0;
	padding: 0;
}
div.supportbox p.number {
	font-size: 18px;
	padding-top: 15px;
}
div.supportbox p.hours {
	font-size: 11px;
	padding-bottom: 9px;
}
/* ---------------------------------- (supportbox) --------------------------------------------- */
/* ---------------------------------- vyskladatShop --------------------------------------------- */
div.vyskladatShop {
	padding: 30px 0 25px 0;
}
div#policka {
	padding: 0 9px 10px;
	position: relative;
	z-index: 1;
}
div#policka .polickaHlavicka {
	position: relative;
	z-index: 2;
}
div#policka .polickaHlavicka .text {
	float: right;
	text-align: right;
	color: #666;
	font-size: 14px;
	font-weight: bold;
	padding-right: 11px;
	position: relative;
	z-index: 3;
}
div#policka .polickaHlavicka .sipka {
	position: absolute;
	left: -79px;
	top: 0;
	width: 67px;
	height: 39px;
	z-index: 4;
}
div#policka .polickaObal {
	/**/position: relative;
	padding: 1px 0 3px;
	background-color: #f6f6f6;
	background-image: url(../img/atomer/bg_policka.png);
	background-position: top center;
	background-repeat: no-repeat;
	z-index: 1;
}
div#policka .polickaInner {
	width: 874px;
	height: 91px;
	position: relative;
}
div#polickaButtonLeft,
div#polickaButtonRight {
	background-image: url(../img/atomer/button_policka_prev.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	height: 90px;
	width: 70px;
	margin: 0 9px 0 11px;
	cursor: pointer;
	position: relative;
}
div#polickaButtonRight {
	background-image: url(../img/atomer/button_policka_next.png);
	float: right;
	margin: 0 11px 0 9px;
}
div#polickaButtonLeft.hover,
div#polickaButtonRight.hover {
	background-position: bottom left;
}
div#polickaObsah {
	padding-top: 14px;
	float: left;
}
div#polickaObsah ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute; /* required */
    /**/overflow: hidden; /* required */
	height: 74px;
}
div#polickaObsah ul li {
	float: left; /* required */	
	width: 64px;
	height: 73px;
	text-align: center;
	margin: 0 6px 0 0;
	cursor: move;
	overflow: hidden;
	position:relative;
}
div#polickaObsah .mask {
    position:relative; /* required */
    /**/overflow:hidden; /* required */
    width: 694px; /* required */
}
div#polickaObsah .pagination-links {
	display: none;
}
div#polickaObsah a.prev, 
div#polickaObsah a.next {
	display: none;
}
div.polickaAtom {
	background-color: transparent;
	background-image: url(../img/atomer/img_atom_modul.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 64px;
	height: 73px;
	z-index: 900;
	position: relative;
}
div.polickaAtom.design {
	background-image: url(../img/atomer/img_atom_design.png);
}
div.polickaAtom.jadro {
	background-image: url(../img/atomer/img_atom_jadro.png);
	width: 79px;
	height: 89px;
	cursor: default;
}
div.polickaAtom .nazov {
	font-size: 10px;
	height: 22px;
	line-height: 11px;
	font-weight: bold;
	color: #f5f5f5;
	padding: 11px 3px 0 3px;
	width: 58px;
	text-align: center;
	text-shadow: #ccc 0px -1px 3px;
	overflow: hidden;	
	position: relative;
}
div.polickaAtom .nazov table {
	
}
div.polickaAtom .nazov table td {
	padding: 0;
	vertical-align: middle;
	width: 58px;
	height: 22px;
	overflow: hidden;	
}

div.polickaAtom .cena {
	font-size: 12px; /*14*/
	line-height: 16px;
	color: #f5f5f5;
	font-weight: bold;
	text-shadow: #ccc 1px -1px 5px;
	width: 58px;
	text-align: center;
	padding: 0px 3px 0 3px;
}
div.polickaAtom.jadro .nazov {
	font-size: 13px;
	line-height: 14px;
	height: 28px;
	width: 73px;
	padding-top: 15px;
	text-shadow: #fe7c00 0px -1px 3px;
}
div.polickaAtom.jadro .nazov table td {
	padding: 0;
	vertical-align: middle;
	width: 73px;
	height: 28px;
	overflow: hidden;	
}

div.polickaAtom.jadro .cena {
	font-size: 14px; /*20*/
	line-height: 20px;
	text-shadow: #ccc 1px -1px 2px;
	width: 73px;
	padding: 0px 3px 0 3px;
}
div.polickaAtom.ui-sortable-helper {
	z-index: 999;
}
div#tmphelper {
	position: absolute;
	top: 77px;
	left: 121px;
	/*z-index: 3;*/
}
div#tmphelper ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
div#tmphelper ul li {
	width: 64px;
	height: 73px;
	text-align: center;
	margin: 0 6px 0 0;
	cursor: move;
	overflow: hidden;
	position:relative;
}

div#vybrateAtomy {
	padding: 0 0 25px 0;
	position: relative;
	z-index: 1;
}
div#vybrateAtomy div.bunka {
	width: 109px;
	height: 139px;
	float: left;
	margin-right: 1px;
}
div#vybrateAtomy div.bunka div.bunkaObsah {
	background-image: url(../img/atomer/bg_atom_bunka_default.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 109px;
	height: 98px;
}
div#vybrateAtomy div.bunka.first,
div#vybrateAtomy div.bunka.first div.bunkaObsah {
	width: 112px;
	margin-right: 0;
}

div#vybrateAtomy div.bunka.jadro div.bunkaObsah {
	background-image: url(../img/atomer/bg_atom_bunka_jadro.png);
}

div#vybrateAtomy div.bunka div.bunkaPopis {
	position: relative;
	width: 109px;
	height: 41px;
}
div#vybrateAtomy div.bunka.first div.bunkaPopis {margin-left: 2px;}
div#vybrateAtomy div.bunka div.bunkaPopis .bunkaPopisObal {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	z-index: 20;
}
div#vybrateAtomy div.bunka div.bunkaPopis.default .bunkaPopisObal {
	cursor: default;
}
div#vybrateAtomy div.bunka div.bunkaPopis .top {
	background-image: url(../img/atomer/bg_atom_bunka_popis_top.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 109px;
	height: 3px;	
	position: relative;
}
div#vybrateAtomy div.bunka div.bunkaPopis .bottom {
	background-image: url(../img/atomer/bg_atom_bunka_popis_bottom.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 109px;
	height: 3px;	
	position: relative;
	margin-top: -1px;
}
div#vybrateAtomy div.bunka div.bunkaPopis .middle {
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	background-color: #FFF;
	padding: 0 1px;
	width: 105px;
	margin: 0;
}
div#vybrateAtomy div.bunka div.bunkaPopis .middle div {
	padding: 5px 0 5px;
	background-color: #ebebeb;
	background-image: url(../img/atomer/bg_atom_bunka_popis_pozadie.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}
div#vybrateAtomy div.bunka div.bunkaPopis .middle div p {
	padding: 0px 1px;
	text-align: center;
	overflow: hidden;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	height: 26px;
	min-height: 26px;
	color: #434343;
}
div#vybrateAtomy div.bunka div.bunkaPopis .bunkaPopisObal.hover .middle div p {
	height: auto;
}
div#vybrateAtomy div.bunka div.bunkaPopis.default .bunkaPopisObal.hover .middle div p {
	height: 26px;
}
div#vybrateAtomy div.bunka div.bunkaObsah {
	position: relative;
}
div#vybrateAtomy div.bunka div.bunkaObsah ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 109px;
	height: 98px;
	position: relative;
}
div#vybrateAtomy div.bunka div.bunkaObsah ul li {
	width: 64px;
	height: 73px;
	position: relative;
	margin:  0 0 6px 0;
}
div#vybrateAtomy div.bunka div.bunkaObsah .polickaAtom {
	position: absolute;
	top: 10px;
	left: 32px;
	cursor: move;
}
div#vybrateAtomy div.bunka div.bunkaObsah .polickaAtom.jadro {
	top: 0px;
	left: 17px;
	cursor: default;
}
div#vybrateAtomy div.bunka.koniec  div.bunkaObsah {
	background-image: url(../img/atomer/bg_atom_bunka_plus.gif);
	height: 94px;
	margin-top: 45px;
	cursor: pointer;
}
div#vybrateAtomy div.bunka.koniec  div.bunkaObsah.hover {
	background-position: bottom left;
}

div.vyskladatShop #choicePrice {
	border-top: 1px solid #d4d4d4;
	padding: 17px 0 10px;
}
div.vyskladatShop div.payment {
	font-size: 24px;
	color: #666;
	text-align: center;
}
div.vyskladatShop div.payment .price {
	color: #ff8e00;
}
div.vyskladatShop div.payment.year {
	font-size: 16px;
}

/* ---------------------------------- (vyskladatShop) --------------------------------------------- */
input.textbox {
	border: 0;
	background-color: transparent;
	background-image: url(../img/atomer/bg_input.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 213px;
	height: 21px;
	line-height: 20px;
	padding: 9px 14px 9px 14px;	
	color: #282828;
	font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
	font-size: 18px;
}
input.textbox.focus {
	background-position: left bottom;
}
input.button {
	padding: 4px 10px 4px 10px;
	border: 1px solid #A65619;
	font-size: 12px;
	background-color: #E4711E;
	color: #fff;
	cursor: pointer;	
	font-family: "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: 5px;
}
input.button.active {
	background-color: #C35505;
}
/* ---------------------------------- orderWindow --------------------------------------------- */
div.orderWindow p.note {
	position: absolute;
	top: 56px;
	left: 5px;	
}
div.orderWindow div p.note span {
	font-weight: bold;
}
div.orderDone .tlacidla ,
div.orderWindow .tlacidla {
	position: relative;
	margin-top: 14px;
}
div.orderDone .tlacidla .bigButton,
div.orderWindow .tlacidla .bigButton {
	position: relative;
	padding-left: 20px;
}
div.orderWindow .success {
	width: 100%;
}
div.orderDone {
	text-align: center;
	font-size: 14px;
	line-height: 18px;
}
div.orderDone .mistake {
	background-color: #cf0e0c;
	color: #ffb2b2;
	padding: 9px 30px 17px 30px;
}
div.orderDone .mistake .strong{
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
div.orderDone .done {
	background-color: #cde696;
	background-image: url(../img/atomer/img_orderdone_ok.jpg);
	background-position: 98px center;
	background-repeat: no-repeat;
	text-align: left;
	color: #587b1a;
	font-weight: bold;
	padding: 9px 0 17px 170px;
	font-size: 18px;
}
div.orderDone .done .strong {
	font-size: 37px;
	color: #000;
}
div.orderDone .access {
	position: relative;
	padding: 30px 22px 0;
	overflow: hidden;
}
div.orderDone .access table {
	text-align: left;
}
div.orderDone a {
	color: #ff8900;
	font-weight: bold;
}
div.orderDone .access table td {
	padding: 12px 0 11px;
}
div.orderDone .access table td.left {
	font-weight: bold;
	color: #434343;
}
div.orderDone .access table td.right {
	padding-left: 22px; 
	 white-space: nowrap;
}
div.orderDone .access .accessData td {
	padding: 0;
}
div.orderDone .access .accessData table td {
	padding: 1px 0;
	color: #000 !important;
}
div.orderDone .access .accessData table td.right {
	padding-left: 10px; 
}
div.orderDone .access .tlacidla {
	margin-top: 31px;
}
div.orderDone .facebook-box{
	text-align: left;
	float: right;
	display: block;
	width: 340px;
	margin-top: 15px;
    padding: 10px 0 10px 30px;
	border-left: 1px solid #d3d5db;
}
div.orderDone .facebook-box p{
	margin-bottom: 20px;
}

div.orderDone .facebook-box strong{
	color: #637d28;
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0;
	display: block;
}
/* ---------------------------------- (orderWindow) --------------------------------------------- */
/* ---------------------------------- (strankaCeny) --------------------------------------------- */
/* ---------------------------------- hoverHelps --------------------------------------------- */
div.hoverHelps {
	display: inline;
	position: relative;
	padding: 0px 3px;
}
div.hoverHelps .symbol {
	color: red;
	cursor: pointer;
	display: inline;
	font-weight: bold;
}
div.hoverHelps .helpsWrapper {
	display: block;
	position: absolute;
	z-index: 1099;
	padding: 3px;
	top: 0;
	left: 24px;
}
div.hoverHelps.hover .helpsWrapper {
	display: none;
}
div.hoverHelps .helpsWrapper .helpsInner {
	background-image: url(../img/atomer/hoverhelps_middle_shadow.png); 
	background-position: 0 0;
	background-repeat: repeat-x;
	position: relative;
	background-color: #81ac36;
	width: 220px;
	/* TODO -bgcolor img*/
	color: #000;
}
div.hoverHelps .helpsWrapper .helpsInner .helpsText {
	padding: 10px 12px 12px 14px;
	line-height: 14px;
}
div.hoverHelps .helpsWrapper .helpsText strong {
	font-size: 14px;
	color: #FFF;
	display: block;
	padding-bottom: 9px;
}
div.hoverHelps .helps_bg {
	background-color: transparent;
	border: 0;
	position: absolute;
	height: 3px;
	width: 3px;
	margin: 0;
	padding: 0;
}
div.hoverHelps .helps_tl, 
div.hoverHelps .helps_tr,
div.hoverHelps .helps_bl,
div.hoverHelps .helps_br {
	background-image: url(../img/atomer/hoverhelps_corners.png);
	background-repeat: no-repeat;
} 
div.hoverHelps .helps_t, 
div.hoverHelps .helps_b,
div.hoverHelps .helps_r, 
div.hoverHelps .helps_l {
	background-image: url(../img/atomer/hoverhelps_universal.png);
}
div.hoverHelps .helps_t, 
div.hoverHelps .helps_b {
	left: 0;
	width: 100%;
	background-repeat: repeat-x;
}
div.hoverHelps .helps_r, 
div.hoverHelps .helps_l {
	top: 0px;
	height: 100%;
	background-repeat: repeat-y;
}
div.hoverHelps .helps_tl {
	top: -3px;
	left: -3px;
	background-position: top left;
}
div.hoverHelps .helps_tr {
	top: -3px;
	right: -3px;
	background-position: top right;
}
div.hoverHelps .helps_bl {
	bottom: -3px;
	left: -3px;
	background-position: bottom left;
}
div.hoverHelps .helps_br {
	bottom: -3px;
	right: -3px;
	background-position: bottom right;
}
div.hoverHelps .helps_t {
	top: -3px;
	background-position: top left;
}
div.hoverHelps .helps_b {
	bottom: -3px;
	background-position: bottom left;
}
div.hoverHelps .helps_r {
	right: -3px;
	background-position: top right;
}
div.hoverHelps .helps_l {
	left: -3px;
	background-position: top left;
}
div.hoverHelps .helps_arrow {
	background-color: transparent;
	background-image: url(../img/atomer/hoverhelps_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: 0;
	position: absolute;
	height: 36px;
	width: 20px;
	margin: 0;
	padding: 0;
	top: 7px;
	left: -20px;
}
div.hoverHelps.mistake .helpsWrapper .helpsInner {
	background-image: url(../img/atomer/hoverhelps_mistake_middle_shadow.png); 
	background-color: #d10f0f;
	color: #ffb2b2;
}
div.hoverHelps.mistake .helps_tl, 
div.hoverHelps.mistake .helps_tr,
div.hoverHelps.mistake .helps_bl,
div.hoverHelps.mistake .helps_br {
	background-image: url(../img/atomer/hoverhelps_mistake_corners.png); 
}
div.hoverHelps.mistake .helps_t, 
div.hoverHelps.mistake .helps_b,
div.hoverHelps.mistake .helps_r, 
div.hoverHelps.mistake .helps_l {
	background-image: url(../img/atomer/hoverhelps_mistake_universal.png);
}
div.hoverHelps.mistake .helps_arrow {
	background-position: -20px 0;
}
/* ---------------------------------- (hoverHelps) --------------------------------------------- */
/* ---------------------------------- hoverHelps in Balicky --------------------------------------------- */
div.pripravovaneBalicky div.hoverHelps {
	display: inline;
	position: absolute;
	padding-left: 1px;
	top: 7px;
	left: 2px;
}
div.pripravovaneBalicky div.hoverHelps .symbol {
	color: red;
	cursor: pointer;
	display: inline;
	font-weight: bold;
	cursor: help;
}
div.pripravovaneBalicky div.hoverHelps .symbol div {
	background-image: url(../../../../../admin/img/design/hoverhelps_symbol_i.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	display: inline-block;
	zoom: 1;
	cursor: help;
}
div.pripravovaneBalicky div.hoverHelps .helpsWrapper {
	display: none;
	position: absolute;
	z-index: 9999;
	padding: 11px;
	top: 12px;/*-5px;*/
	left: 7px;/*13px;*/
}
div.pripravovaneBalicky div.hoverHelps.hover .helpsWrapper {
	display: block;
}
div.pripravovaneBalicky div.hoverHelps .helpsWrapper .helpsInner {
	background-image: url(../../../../../admin/img/design/hoverhelps_middle_shadow.png); 
	background-position: 0 0;
	background-repeat: repeat-x;
	position: relative;
	background-color: #fcfcfc;
	width: 230px !important;
}
div.pripravovaneBalicky div.hoverHelps .helpsWrapper .helpsInner .helpsText {
	padding: 5px;
	color: #434343;
	font-size: 11px;
}
div.pripravovaneBalicky div.hoverHelps .helpsWrapper .helpsText strong {
	font-size: 14px;
	color: #FFF;
	display: block;
	padding-bottom: 9px;
}
div.pripravovaneBalicky div.hoverHelps .helps_bg {
	background-color: transparent;
	border: 0;
	position: absolute;
	height: 10px;
	width: 10px;
	margin: 0;
	padding: 0;
}
div.pripravovaneBalicky div.hoverHelps .helps_tl, 
div.pripravovaneBalicky div.hoverHelps .helps_tr,
div.pripravovaneBalicky div.hoverHelps .helps_bl,
div.pripravovaneBalicky div.hoverHelps .helps_br {
	background-image: url(../../../../../admin/img/design/hoverhelps_corners.png);
	background-repeat: no-repeat;
} 
div.pripravovaneBalicky div.hoverHelps .helps_t, 
div.pripravovaneBalicky div.hoverHelps .helps_b {
	left: 0;
	width: 100%;
	background-image: url(../../../../../admin/img/design/hoverhelps_topbot.png);
	background-repeat: repeat-x;
}
div.pripravovaneBalicky div.hoverHelps .helps_r, 
div.pripravovaneBalicky div.hoverHelps .helps_l {
	top: 0px;
	height: 100%;
	background-image: url(../../../../../admin/img/design/hoverhelps_leftright.png);
	background-repeat: repeat-y;
}
div.pripravovaneBalicky div.hoverHelps .helps_tl {
	top: -10px;
	left: -10px;
	background-position: top left;
}
div.pripravovaneBalicky div.hoverHelps .helps_tr {
	top: -10px;
	right: -10px;
	background-position: top right;
}
div.pripravovaneBalicky div.hoverHelps .helps_bl {
	bottom: -10px;
	left: -10px;
	background-position: bottom left;
}
div.pripravovaneBalicky div.hoverHelps .helps_br {
	bottom: -10px;
	right: -10px;
	background-position: bottom right;
}
div.pripravovaneBalicky div.hoverHelps .helps_t {
	top: -10px;
	background-position: top left;
}
div.pripravovaneBalicky div.hoverHelps .helps_b {
	bottom: -10px;
	background-position: bottom left;
}
div.pripravovaneBalicky div.hoverHelps .helps_r {
	right: -10px;
	background-position: top right;
}
div.pripravovaneBalicky div.hoverHelps .helps_l {
	left: -10px;
	background-position: top left;
}

div.pripravovaneBalicky div.hoverHelps .helpsWrapper .helpsText strong {
	font-size: 14px;
}
div.pripravovaneBalicky div.hoverHelps .helps_arrow {
	display: none;
}
/* ---------------------------------- (hoverHelps in Balicky) --------------------------------------------- */
/* ---------------------------------- orderWindow --------------------------------------------- */
div.orderWindow div.hoverHelps .helpsWrapper {
	display: none;
	top: -20px;
}
div.orderWindow div.hoverHelps.focus .helpsWrapper {
	display: block;
}
div.orderWindow div.hoverHelps.mistake .helpsWrapper {
	display: block;
}
/* ---------------------------------- (orderWindow) --------------------------------------------- */
/* ---------------------------------- preloader --------------------------------------------- */
div.preloader {
	padding: 10px;
	text-align: center;	
}
div.preloader .text {
	padding-top: 10px;
	color: #282828;
}
/* ---------------------------------- (preloader) --------------------------------------------- */
#reg_tabs_obal {
	margin-top: 20px;
}
#reg_tabs_obal p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #434343;
	margin-bottom: 20px;
}

#reg_tabs_obal h2 {
	display: none;
}
#reg_tabs_obal h2.active {
	display: block;
}
#reg_tabs {
	background-image: url(../img/reg_navig_grad.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-left: 43px;
	margin-bottom: 25px;
}
#reg_tabs a {
	display: block;
	float: left;
	background-color: #eeeeee;
	background-repeat: no-repeat;
	background-position: 19px 0px;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #cfcfcf;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-right: 4px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #434343;
	text-decoration: none;
	padding-left: 50px;
	padding-right: 15px;
	height: 36px;
	line-height: 36px;
}
#reg_tabs a:hover {
	background-color: #f1f1f1;
}

#reg_tabs a.active {
	background-color: #FFF;
	border-top: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid transparent;
}

#reg_tabs a.active:hover {
	background-color: #FFF;
}

#reg_tabs a.webpage {
	background-image: url(../img/icon_webpage.png);
}
#reg_tabs a.eshop {
	background-image: url(../img/icon_eshop.png);
}

div.strankaRegistracia {
	padding: 0 11px;
}

div.strankaRegistracia .krokyWrapper {
	padding: 19px 0 0;
}
div.strankaRegistracia .krokyInner {
	background: transparent url(../img/registracia_krok1.png) no-repeat scroll 50% 50%;
	width: 875px;
	height: 54px;
	margin: 0 auto;
}
div.strankaRegistracia .krokyInner.krok2 { background-image: url(../img/registracia_krok2.png) }
div.strankaRegistracia .krokyInner.krok3 { background-image: url(../img/registracia_krok3.png) }
div.strankaRegistracia .krokyWrapper table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 3px;
	font-size: 14px;
}
div.strankaRegistracia .krokyWrapper table .td1 { padding-left: 28px; }
div.strankaRegistracia .krokyWrapper table .td2 { text-align: center; }
div.strankaRegistracia .krokyWrapper table .td3 { padding-right: 48px; text-align: right; }


div.strankaRegistracia h2 {
	color: #637d28;
}
div.strankaRegistracia .innerForm  {
	width: 100%;
	padding: 5px 0 0px;
}
div.strankaRegistracia .registrationDiv {
	float: left;
	width: 500px;
	position: relative;
	z-index: 2;
}
div.strankaRegistracia .registrationDiv.spustenie {
	float: left;
	width: 531px;
	height: 539px;
	position: relative;
	background: url(../img/atomer/zaciname_left.gif) no-repeat;
}
div.strankaRegistracia .registrationDiv.spustenie #tb_adresa {
	display: block;
	position: absolute;
	top: 346px;
	left: 130px;
	text-align: center;
}
div.strankaRegistracia .registrationDiv.spustenie #informujBtn {
	display: block;
	position: absolute;
	top: 400px;
	left: 170px;
	width: 175px;
	height: 49px;
	background: url(../img/atomer/button_informovat.png) no-repeat top;
	border: none;
}
div.strankaRegistracia .registrationDiv.spustenie #informujBtn:hover {
	background-position: bottom;
}
div.strankaRegistracia .registrationDiv.spustenie .hlaska {
	position: absolute;
	width: 250px;
	/*height: 20px;*/
	line-height: 20px;
	padding: 1px 10px;
	left: 115px;
	/*top: 328px;*/
	text-align: center;
	border: 1px solid #000;
	background: #fea200;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	bottom: 193px;
}
div.strankaRegistracia .registrationDiv.spustenie .ok_ulozeny {
	width: 393px;
	height: 317px;
	position: absolute;
	top: 126px;
	left: 64px;
	background: url(../img/atomer/zaciname_left_ok.gif) no-repeat;
}
div.strankaRegistracia .registrationDiv.spustenie.de { background-image: url(../img/atomer/zaciname_left_de_20150601.gif);}
div.strankaRegistracia .registrationDiv.spustenie.de .ok_ulozeny { background-image: url(../img/atomer/zaciname_left_de_ok.gif); width: 480px; left:11px;}
div.strankaRegistracia .registrationDiv.spustenie.de #informujBtn { background-image: url(../img/atomer/button_informovat_de.png); }

div.strankaRegistracia .informationDiv {
	float: left;
	width: auto;
	position: relative;
	z-index: 1;
}

div.strankaRegistracia .informationDiv div.wrapper {
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	box-shadow: 3px 3px 6px #e9e9e9;
	background-color: #ebebeb;
	background-image: url(../img/atomer/bg_registration_info.gif);
	background-position: top left;
	background-repeat: repeat-x;
	width: 318px;
	padding: 18px 18px 15px 18px;
	font-size: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 3px 3px 6px #e9e9e9;
	-moz-box-shadow: 3px 3px 6px #e9e9e9;
}
div.strankaRegistracia .informationDiv div.wrapper p strong {
	font-size: 21px;
	color: #ff8e00 !important;
	line-height: 25px;
}
div.strankaRegistracia .informationDiv div.wrapper ul {
	padding: 0;
	margin: 0;
	padding-top: 12px;
	list-style: none;
}
div.strankaRegistracia .informationDiv div.wrapper ul li {
	background-image: url(../img/atomer/bg_registration_li.png);
	background-position: top left;
	background-repeat: no-repeat;	
	line-height: 18px;
	padding: 10px 15px 10px 38px;
	border-top: 1px solid #c5c2ba;
}
div.strankaRegistracia .informationDiv div.wrapper ul li:first-child {
	border-top: 0;
	margin-top: 1px;
}

div.strankaRegistracia .orderWindow {
	width: 480px;
	height: auto;
	padding-bottom: 30px;
}
div.strankaRegistracia .orderWindow .inner,
div.strankaRegistracia .orderWindow .formular {
	padding: 0;
}
div.strankaRegistracia .orderWindow table {
	border-collapse: collapse;
	width: 480px;
}
div.strankaRegistracia .orderWindow table tr.row.name td {
	padding-bottom: 12px;
	height: 100px;
}
div.strankaRegistracia .orderWindow table tr.row.name .hoverHelps {
	position: absolute;
	top: 15px;
	right: 0;
}
div.strankaRegistracia .orderWindow table tr.focus td {
	background-color: #FFF8BB;
}
div.strankaRegistracia .orderWindow table tr td.label {
	padding-left: 21px;
}
div.strankaRegistracia .orderWindow table tr td.input {
	padding-right: 16px;
	padding-top: 9px;
}
div.strankaRegistracia div.orderWindow .formular label {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #434343;
	white-space: nowrap;
}
#rbProjectType1 {
	margin-left: 5px; 
}
div.strankaRegistracia div.orderWindow .formular label.normal {
	display: inline;
	font-size: 12px;
	color: #000;
	font-weight: normal;
}
div.strankaRegistracia div.orderWindow .formular span.aliasname {
	font-size: 14px;
	color: #ff8a00;
	padding-bottom: 6px;
}
div.strankaRegistracia div.orderWindow .formular .row input.textbox {
	position: relative;
	margin-left: 4px;
	color: #000;	
}
div.strankaRegistracia div.orderWindow .formular div p.note {
	color: #434343;
	font-size: 11px;
	padding: 0 5px;
}
div.strankaRegistracia div.orderWindow .formular .row .inputWrapper {
	position: relative;
	height: 48px;
	width: 100%;
}
div.strankaRegistracia div.orderWindow .formular .row.name .inputWrapper {
	height: 60px;
}
div.strankaRegistracia div.orderWindow .formular .row .inputShadow {
	background-image: url(../img/atomer/bg_input_shadow.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 249px;
	height: 48px;	
}
div.strankaRegistracia div.orderWindow .formular .row.name .inputShadow {
	background-image: url(../img/atomer/bg_input_big_shadow.png);
	width: 288px;
	height: 60px;
}
div.strankaRegistracia div.orderWindow .formular .row.name input.textbox {
	background-image: url(../img/atomer/bg_input_big.png);
	width: 252px;
	height: 24px;
	line-height: 24px;
	padding: 13px 14px 14px 14px;
	font-size: 20px;
	font-weight: bold;	
}
div.orderWindow .formular .tlacidla .bigButton {
	padding-left: 4px;
}

div.strankaRegistracia div.orderWindow .formular div.row {
	width: 448px;
}
div.strankaRegistracia div.orderWindow .formular div.row label,
div.strankaRegistracia div.orderWindow .formular div.row .inputWrapper {
	float: left;
}
div.strankaRegistracia div.orderWindow .formular div.row label {
	width: 150px;
}
div.strankaRegistracia div.orderWindow .formular div.row .inputWrapper {
	width: auto;
}
div.strankaRegistracia div.hoverHelps .helpsWrapper .helpsText strong {
	color: #FFFFFF;
}
div.strankaRegistracia div.hoverHelps .helpsWrapper .helpsText {
	font-size: 12px;
}
div.strankaRegistracia div.orderDone {
	padding-top: 10px;
}
div.strankaRegistracia div.orderDone .done {
	padding-left: 320px;
	background-position: 255px center;
}
div.strankaRegistracia div.orderDone .done .strong {
	line-height: 37px;
}
div.strankaRegistracia div.orderWindow .formular label[for="chbShowPass"] {
	display: inline;
}
div.strankaRegistracia div.orderWindow .formular .divShowPass {
	margin: 0px 5px;
	margin-top: -10px;
}

#reg_tabs input {
	display: none;
}

div.strankaRegistracia .registraciaContent.krok1 {
	margin-top: 25px;
	margin-left: 217px;	
	position: relative;
}
div.strankaRegistracia .registraciaContent.krok1 #reg_tabs_obal {
	margin: 0;	
}
div.strankaRegistracia .registraciaContent.krok1 #reg_tabs {
	background: none;
	position: absolute;
	top: 37px;
	left: -217px;
	width: 218px;	
	padding: 0;
	margin: 0;
}
div.strankaRegistracia .registraciaContent.krok1 #reg_tabs a {
	float: none;
	margin: 0 0 7px;
	padding: 10px 15px 10px 78px;
	background-position: 38px 40%;
	position: relative;
	
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	z-index: 1;
}
div.strankaRegistracia .registraciaContent.krok1 #reg_tabs a input {
	display: inline;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 12px;
	cursor: pointer;
}

div.strankaRegistracia .registraciaContent.krok1 #reg_tabs a.active {
	position: relative;
	z-index: 3;
	border-right: 0;
}
div.strankaRegistracia .registraciaContent.krok1 .informationDiv {
	float: none;
}
div.strankaRegistracia .registraciaContent.krok1 .informationDiv .wrapper {
	width: auto;
	
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
div.strankaRegistracia .registrationDiv {
	float: none;
	width: auto;
}
div.strankaRegistracia .registraciaContent.krok1 .orderWindow {
	padding: 0 19px 20px;
}
div.strankaRegistracia .registraciaContent.krok1 .orderWindow tr.row.radio { display: none; }
div.strankaRegistracia .registraciaContent.krok1 .orderWindow { width: auto; }
div.strankaRegistracia .registraciaContent.krok1 .orderWindow table { width: 100%; }
div.strankaRegistracia .registraciaContent.krok1 .orderWindow table tr td.label { width: 170px; }
div.strankaRegistracia .registraciaContent.krok1 .orderWindow table tr.row.name .hoverHelps {
	position: relative;
	right: auto;
	top: auto;
}
div.strankaRegistracia .registraciaContent.krok1 #reg_tabs_obal h2 {
	padding-left: 38px;
}
div.strankaRegistracia .registraciaContent.krok1 .orderWindow table tr td.label,
div.strankaRegistracia .registraciaContent.krok1 .orderWindow table tr.row.name td.label {
	padding-left: 19px;
}
div.strankaRegistracia .registraciaContent.krok1 #reg_tabs_obal h2 {
	margin-top: 35px;
}

div.strankaRegistracia .registraciaContent.krok1 .registraciaContent1 {
	margin-bottom: 26px;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	
	box-shadow: -3px 3px 6px #e9e9e9;
	/*-webkit-box-shadow: 3px 3px 6px #e9e9e9;
	-moz-box-shadow: 3px 3px 6px #e9e9e9;*/
	z-index: 2;
}
div.strankaRegistracia .registraciaContent.krok1 .registraciaContent1,
div.strankaRegistracia .registraciaContent.krok1 .informationDiv .wrapper,
div.strankaRegistracia .registraciaContent.krok1 #reg_tabs a {
	border: 1px solid #d4d4d4;
}

/* ---------------------------------- templatesDiv --------------------------------------------- */
div.strankaRegistracia .templatesDiv {
	padding: 0px 24px;
	width: 868px;
}
div.strankaRegistracia .templatesDiv h2.zvol_sablonu_nadpis {
	margin-bottom: 5px;
}
div.strankaRegistracia .templatesDiv h2.zvol_sablonu_nadpis span {
	font-size: 1.4em;
	color: #000;
	white-space: nowrap; 
	display: block;
	line-height: 50px;
	padding-top: 5px;
	
}
div.strankaRegistracia .templatesDiv .orderDone.hore {
	padding: 0;
	float: right;
}
div.strankaRegistracia .templatesDiv .orderDone.dole {
	text-align: center;
	overflow: hidden;
}
div.strankaRegistracia .templatesDiv .orderDone.dole a.bigButton {
	width: auto;
	margin: 0 auto;
	float: none;
	display: inline-block;
}
div.strankaRegistracia .templatesInner {
	padding: 5px 0px 10px 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
div.strankaRegistracia .templatesInner.last {
	border-bottom: none;
}
div.strankaRegistracia .templatesInner.gray {
	border-bottom: none;
}

div.strankaRegistracia .templatesInner .templateName {
	font-weight: bold;
	font-size: 15px;
	color: #ff8a00;
	padding: 5px 0px 10px;
}
div.strankaRegistracia .templatesInner .templateName .responsive {
	font-size: 14px;
	font-weight: normal;
	color: #000;	
	padding-right: 36px;
	background: transparent url(../img/icon_responz.png) scroll no-repeat 100% 50%;
	cursor: pointer;	
	text-decoration: none;
}
div.strankaRegistracia .templatesInner .templateName .responsive span {
	border-bottom: 1px dashed #000;
}

div.stranka_prehlad_sablon div.strankaRegistracia .templatesInner .templateName {
	color: #637d28;
}

div.strankaRegistracia .template {
	float: left;
	width: 167px;
	margin-bottom: 10px;
	margin-right: 8px;
	position: relative;
}
div.strankaRegistracia .template.last {
	margin-right: 0px;
}
div.strankaRegistracia .template input {
	position: relative;
	margin-right: 6px;
	top: 1px;
}
div.strankaRegistracia .template label.img {
	display: block;
	overflow: hidden;
	height: 153px;
	padding: 5px;
}
div.strankaRegistracia .template label.img img {
	border: 1px solid #ccc9c2;
}

div.strankaRegistracia .template .name {
	padding: 5px 15px;
	font-weight: bold;
	text-align: center;
}

div.strankaRegistracia .template.hover label.img {
	background-color: #fe9f34;
}
div.strankaRegistracia .template.active label.img {
	background-color: #fe9f34;
}
div.strankaRegistracia .template.active .name {
	background-color: #fe9f34;
}
div.strankaRegistracia .template_info {
	width: 528px;
	height: 57px;
	overflow: hidden;
	float: left;
	background: url(../img/atomer/template_info.png) no-repeat center;
	padding: 79px 78px;
}

#previewImage{
	z-index: 100;
	position:absolute;
	border:1px solid #ccc;
	display:none;
	color:#fff;
	text-align: center;
}

/* ---------------------------------- (templatesDiv) --------------------------------------------- */

/* ---------------------------------- Prehliadka --------------------------------------------- */
div.prehliadka {
	padding: 0px 11px;
}
div.prehliadka .prehliadka-top {
	width: 916px;
	height: 65px;
	overflow: hidden;
	background: #f2efe9 url(../img/atomer/prehliadka_top_bg.gif) no-repeat top;
	margin: 23px 0px 0px;
}
div.prehliadka .prehliadka-top-bottom {
	background: #f2efe9 url(../img/atomer/prehliadka_top_bg.gif) no-repeat top;
	height: 1px;
	margin-bottom: 19px;
}
div.prehliadka .prehliadka-top .top-left {
	float: left;
	line-height: 65px;
	width: 518px;
	padding: 0px 20px;
	color: #637d28;
	font-size: 28px;
}
div.prehliadka .prehliadka-top .top-right {
	float: right;
	max-width: 318px;
	padding: 0px 20px;
}
div.prehliadka .prehliadka-top .top-right .kroky {
	list-style: none;
	padding: 0px;
	margin: 13px 0px 14px;
	float: right;
}
div.prehliadka .prehliadka-top .top-right .kroky li {
	float: left;
}
div.prehliadka .prehliadka-top .top-right .kroky li.separator {
	width: 20px;
	height: 38px;
	background: #f2efe9 url(../img/atomer/prehliadka_menu_separator.gif) no-repeat top;
}
div.prehliadka .prehliadka-top .top-right .kroky li.separator.active {
	background-position: bottom;
}
div.prehliadka .prehliadka-top .top-right .kroky li a {
	float: left;
	display: block;
	width: 38px;
	height: 38px;
	text-decoration: none;
}
div.prehliadka .prehliadka-top .top-right .kroky li a .krok {
	display: block;
	width: 38px;
	height: 38px;
}
div.prehliadka .prehliadka-top .top-right .kroky li a:hover {
	text-decoration: none;
}
div.prehliadka .prehliadka-top .top-right .kroky li a .krok.c1 {
	background: #f2efe9 url(../img/atomer/prehliadka_menu1.gif) no-repeat top;
}
div.prehliadka .prehliadka-top .top-right .kroky li a .krok.c2 {
	background: #f2efe9 url(../img/atomer/prehliadka_menu2.gif) no-repeat top;
}
div.prehliadka .prehliadka-top .top-right .kroky li a .krok.c3 {
	background: #f2efe9 url(../img/atomer/prehliadka_menu3.gif) no-repeat top;
}
div.prehliadka .prehliadka-top .top-right .kroky li a .krok.c4 {
	background: #f2efe9 url(../img/atomer/prehliadka_menu4.gif) no-repeat top;
}
div.prehliadka .prehliadka-top .top-right .kroky li a .krok.c5 {
	background: #f2efe9 url(../img/atomer/prehliadka_menu5.gif) no-repeat top;
}
div.prehliadka .prehliadka-top .top-right .kroky li a .krok.c6 {
	background: #f2efe9 url(../img/atomer/prehliadka_menu6.gif) no-repeat top;
}
div.prehliadka .prehliadka-top .top-right .kroky li a .krok.c7 {
	background: #f2efe9 url(../img/atomer/prehliadka_menu7.gif) no-repeat top;
}
div.prehliadka .prehliadka-top .top-right .kroky li a .krok.c8 {
	background: #f2efe9 url(../img/atomer/prehliadka_menu8.gif) no-repeat top;
}
div.prehliadka .prehliadka-top .top-right .kroky li a:hover .krok, div.prehliadka .prehliadka-top .top-right .kroky li a.active .krok {
	background-position: bottom;
}

div.prehliadka .obsahSekcie {
	padding: 20px;
	width: 876px;
}

div.prehliadka .prehliadka-bottom {
	padding: 30px 0px;	
}
div.prehliadka .prehliadka-bottom .stepButton {
	display: block;
	float: right;
	height: 38px;
	line-height: 38px;
	padding-bottom: 8px;
	background-position: top;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 17px;
	text-decoration: none;
}
div.prehliadka .prehliadka-bottom .stepButton:hover {
	background-position: bottom;
}
div.prehliadka .prehliadka-bottom .stepButton.prev {
	width: 70px;
	padding-left: 46px;
	background-image: url(../img/atomer/prehliadka_btn_prev.png);
}
div.prehliadka .prehliadka-bottom .stepButton.next {
	width: 177px;
	padding-left: 23px;
	margin-right: -5px;
	background-image: url(../img/atomer/prehliadka_btn_next.png);
}

div.prehliadka .prehliadka-bottom .stepButton.start {
	width: 200px;
	margin-right: -5px;
	background-image: url(../img/atomer/prehliadka_btn_start.png);
	text-align: center;
}

/* --------------------------------- (Prehliadka) -------------------------------------------- */


/* --------------------------------- (Posuvacky) --------------------------------------------- */

        #eq span {
            position: relative;
            float:left;
            clear: both;
            margin:15px;
            border: 1px solid red;
	}
        .obal_moj{
            position: relative;
            width: 683px;
            height: 294px;
            margin: 25px 0 0 0;
            float: left;
            background:url(../img/atomer/bg.png) left top no-repeat;
        }
        .obal-moj-inner{
            position: relative;
            width: 625px;
            height: auto;
            float: left;
            margin: 0 auto 0 30px ;
            display: block;
            padding: 0 0 5px 0;
            border-bottom: 1px solid #dbdad9;
            
        }
        .obal-moj-inner h4{
            margin-top: 20px;
            color: #000;
            font-size: 20px;
            font-family: 'Trebuchet MS';
            padding: 0px 0 0 0;
        }
        .popis-posuv{
            /*width: 100%;*/
            width: 640px;
            height: 40px;
            color: #3c3628;
            font-size: 16px;
            font-family: 'Trebuchet MS';
            line-height: 14px;
            
        }
        .popis-posuv span{
            font-size: 12px;
        }
        .popis-posuv label{
            position: relative;
            float: left;
            height: 28px;
            padding: 6px 0 0 0;
            width: 140px;
            
        }
        .popis-posuv input{
            text-align: center;
            margin: 0 5px 0 0px;
            width: 77px;
            height: 29px;
            background:url(../img/atomer/pocet-bg.gif) left top no-repeat;
        }
        .two_line{
            padding: 0px 0 0 0!important;
        }
        .popis-posuv #eq1, .popis-posuv #eq2, .popis-posuv #eq3, .popis-posuv #eq4{
            position: relative;
            float: left;
            margin-right: 5px;
        }
        .result-posuv{
            position: relative;
            float: left;
            width: 75px;
            font-family: 'Trebuchet MS';
            border:0;
            color:#3c3628;
            font-weight:bold;
            font-size: 16px;
            margin-left: 20px;
            padding: 3px 0 0 0;
            background: #f5f5f5;
        }
        .suma-posuv{
            position: relative;
            display: block;
            float: right;
            right: 28px;
            color: #000;
            font-family: 'Trebuchet MS';
            font-size: 24px;
            margin: 0;
            padding: 0px;
            line-height: 20px;
            height: 20px;
            top: 15px;
        }
        .suma-posuv span{
            color: #ff8e00;
        }
        .cena-posuv{
            position: relative;
            float: left;
            font-family: 'Trebuchet MS';
            color: #3c3628;
            font-weight: bold;
            font-size: 16px!important;
            line-height: 28px;
            left:-10px;
            width: 86px;
            height: 35px;
            overflow: hidden;
        }
        
/* --------------------------------- (Posuvacky) --------------------------------------------- */

#reggif {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: transparent;
	z-index: 1199;
	display: none;
}
* html #reggif {	/* IE6 */
	position: absolute;
	width: 100%;
}
.preloader_reg {
	border: 2px solid #FFC000;
	background: #FFF8BB url(../img/atomer/preloader_registracia3.jpg) no-repeat scroll center bottom;
	position: fixed;	
	/*height: 89px;*/
	width: 421px;
	left: 50%;
	top: 50%;
	z-index: 1200;
	overflow: hidden;
	margin-left: -212px;
	margin-top: -44px;
}
.preloader_reg p {	
	width: 421px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 48px;
}
/* --------------------------------- (Velkonocna hlavicka) --------------------------------------------- */
.velkanoc, #kuriatkouvod, #kuriatkopodstranka {
	display: none;
}
/*
#kuriatkouvod {
	background: transparent url(../img/atomer/velkanoc_kuriatko_uvod.png) no-repeat scroll top center;
	position: absolute;
	top: 4px;
	left: 0;
	width: 100%;
	height: 236px;
	z-index: 1;
}
#kuriatkopodstranka {
	background: transparent url(../img/atomer/velkanoc_kuriatko_podstranka.png) no-repeat scroll top center;
	position: absolute;
	top: 4px;
	left: 0;
	width: 100%;
	height: 201px;
	z-index: 1;
}
*/
#obsahObal .obsahHlavicka,
#nultyBannerObal .banner {z-index: 2;}
#nultyBannerObal .tlacidla {z-index: 3;}
#hlavicka {z-index: 2; position: relative;}
/* --------------------------------- (Posuvacky) --------------------------------------------- */

.stretcherhButtons { }

.stretcherhButtons a.oneButton {
	outline: none;
	display: inline-block;
	zoom: 1;
	*display:inline;
	text-decoration: none;
}
.stretcherhButtons .button_wrapper, 
.stretcherhButtons .button_outer, 
.stretcherhButtons .button_inner {
	display: block;	
}
.stretcherhButtons .button_outer {
	padding: 13px 0 14px;
}
.stretcherhButtons .button_inner {
	line-height: 25px;
	font-size: 21px;
	color: #FFFFFF;
	text-align: center;
	width: 205px;
}
.stretcherhButtons .button_wrapper {
	background-repeat: repeat-x;
	background-position: center center;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	box-shadow: 4px 4px 4px #E1E1E1;
}

.stretcherhButtons a.oneButton.red .button_wrapper { background-image: url(../img/atomer/bg_stretcher_button_red.gif); }
.stretcherhButtons a.oneButton.red:hover .button_wrapper { background-image: url(../img/atomer/bg_stretcher_button_red_hover.gif); }

/* -------------------------------- Vyjadrenia zakaznikov a suma z objednavok ------------------------------- */

#upperPatickaObal {
	width: 100%;
	background: #fff url(../img/atomer/bg_hodn.gif) repeat-x top center;
}
#upperPatickaObal .upperPaticka {
	margin: 0 auto;
	width: 960px;
}
.upperPaticka .comments {
	width: 520px;
	padding: 25px 0px;
	float: left;
	position: relative;
}
.upperPaticka .comments .comment {
	width: 450px;
	overflow: hidden;
}
.upperPaticka #comments_next {
	width: 29px;
	height: 27px;
	background: url(../img/atomer/bg_hodn_next.png) no-repeat top left;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 18px;
	right: -45px;
}
.upperPaticka .comments .comments_slider_obal {
	width: 460px;
}
.upperPaticka .comments .jcarousel-list li, .upperPaticka .comments .jcarousel-item {
	height: 100px;
}
.upperPaticka .comments .comments_nadpis {
	font-size: 17px;
	padding-bottom: 12px;
}
.upperPaticka .comments .comment_text {
	font-size: 13px;
	position: relative;
	color: #666666;
}
.upperPaticka .comments .comment_text .quot_start {
	position: absolute;
	top: -1px;
	left: 0px;
	width: 24px;
	height: 17px;
}
.upperPaticka .comments .comment_text .quot_end {
	position: absolute;
	top: 4px;
	right: 0px;
	width: 35px;
	height: 27px;
}
.upperPaticka .comments .comment_text .start {
	position: relative;
	padding-left: 30px;
}
.upperPaticka .comments .comment_text .end {
	position: relative;
	padding-right: 40px;
}
.upperPaticka .comments .comment_author {
	padding-top: 10px;
}
.upperPaticka .comments .comment_author, .upperPaticka .comments .comment_author a {
	font-size: 13px;
	font-style: italic;
	color: #afafaf;
}

.upperPaticka .earnings {
	width: 340px;
	padding: 35px 0px 25px;
	float: right;
	position: relative;
}
.upperPaticka .earnings .earnings_suma {
	font-size: 36px;
	font-weight: bold;
	color: #ff8a00;
}
.upperPaticka .earnings .earnings_text {
	color: #666666;
	font-size: 13px;
	padding-top: 5px;
	padding-left: 5px;
}
/* ------------------------------- (Vyjadrenia zakaznikov a suma z objednavok) ------------------------------ */

/* ---------------------------------- pripravovaneBalicky5 --------------------------------------------- */
div.pripravovaneBalicky5 {
	padding: 19px 0 25px 0;
	position: relative;
	
	color: #333333;
	font-family: Arial, sans-serif;
}
div.pripravovaneBalicky5 div.balicky-main,
div.pripravovaneBalicky5 div.balicky-main h2,
div.pripravovaneBalicky5 div.balicky-main h3, 
div.pripravovaneBalicky5 div.balicky-main h4 {
	color: #333333;
}

div.pripravovaneBalicky5 div.balicky-main .stretcherhButtons .button_outer {
	padding: 12px 0;
}

.pripravovaneBalicky5 .big-bracket {
	background: transparent url('../img/atomer/img_big_bracket.gif') no-repeat scroll 0 0;
	width: 893px;
	height: 64px;
	margin-top: 16px;
}
.pripravovaneBalicky5 .cena {
	color: #ff7200;
}
.pripravovaneBalicky5 .balicek-wrapper-inner {
	border: 1px solid #b9db80;	
	background-color: #E3F2C7;
	position: relative;
	overflow: hidden;
	width: 895px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.pripravovaneBalicky5 .balicek-base {
	float: left;
	width: 274px;
	padding-bottom: 6px;
}
.pripravovaneBalicky5 .balicek-others {
	float: right;
	width: 621px;
}
.balicek-base .nadpis, 
.balicek-others .nadpis {
	font-size: 18px;
	font-weight: bold;
}
.balicek-base .listWrap ul,
.balicek-bottom .listWrap ul, 
.page-text ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.balicek-base .listWrap ul li, 
.balicek-bottom .listWrap ul li {
	background: transparent url('../img/atomer/img_balicky_tick.png') no-repeat scroll 18px center;
	padding: 8px 0px 8px 45px;
	line-height: 20px;
}
.balicek-base .listWrap ul li:last-child, 
.balicek-bottom .listWrap ul li:last-child {
	border: 0;
}
.balicek-base .listWrap, 
.balicek-bottom .listWrap {
	padding-top: 7px;
}
.balicek-bottom .listWrap table, 
.page-text table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}
.balicek-bottom .listWrap table td, 
.page-text table td {
	width: 25%;	
}
.balicek-bottom .listWrap table h3 {
	padding-left: 20px;
	margin: 16px 0 6px;
	font-weight: normal;
}
.balicek-bottom .listWrap ul li {
	line-height: 14px;
}
.page-text {
	padding: 16px 0;
}
.page-text ul li {
	background: transparent url('../img/atomer/img_balicky_arrow.png') no-repeat scroll -1px center;
	padding: 8px 0px 8px 13px;
	line-height: 14px;
}

.balicek-others {
	margin-right: -1px;
}
.balicek-others .balicek-wrap {
	width: 208px;
	height: 147px;
	display: block;
	float: left;
	position: relative;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left bottom;	
	margin-left: -1px;
	margin-top: -1px;
}
.balicek-others .balicek-wrap .topspike {
	width: 53px;
	height: 33px;
	background-position: -77px top;
	position: relative;
	top: -177px;
	left: 77px;
	z-index: 3;
}
.balicek-others .balicek-wrap .leftspike {
	width: 33px;
	height: 48px;
	background-position: right -83px;
	position: relative;
	top: -128px;
	left: 208px;
	z-index: 3;
}
.balicek-others .balicek-wrap, 
.balicek-others .balicek-wrap .topspike,
.balicek-others .balicek-wrap .leftspike {
	background-image: url('../img/atomer/bg_balicek_wrap2.png');
}
.balicek-others .balicek-wrap.hover,
.balicek-others .balicek-wrap.active, 
.balicek-others .balicek-wrap.hover .topspike,
.balicek-others .balicek-wrap.active .topspike,
.balicek-others .balicek-wrap.hover .leftspike, 
.balicek-others .balicek-wrap.active .leftspike {
	background-image: url('../img/atomer/bg_balicek_wrap1.png');
}

.balicek-others .balicek-wrap .inner {
	width: 208px;
	height: 145px;
	position: relative;
}
.balicek-others .balicek-wrap .text-wrap {
	position: relative;
	height: 110px;
	margin-left: 34px;
	overflow: hidden;
}
.balicek-others .balicek-wrap .text-wrap .text {
	font-size: 12px;
	line-height: 18px;
	padding: 0px 16px 0 8px;
}
.balicek-others .balicek-wrap .hinticon {
	background: transparent url(../img/atomer/img_hinticon.png) no-repeat scroll center center;
	width: 18px;
	height: 18px;	
	z-index: 4;
	position: absolute;
	left: 6px;
	bottom: 7px;
}
.balicek-others .balicek-wrap .hinttext {	
	display: none;
	padding-bottom: 9px;
	width: 240px;
	position: absolute;
	bottom: 24px;
	left: -19px;	
	z-index: 101;
}
.balicek-others .balicek-wrap .hinttext .text {
	background-color: #FFFFFF;
	padding: 6px 9px;
	line-height: 14px;
	font-size: 11px;
	text-align: justify;
	
	box-shadow:0px 3px 4px #939393;
	-webkit-box-shadow:0px 3px 4px #939393;
	-moz-box-shadow:0px 3px 4px #939393;
}
.balicek-others .balicek-wrap .hinttext .arrow {
	background: transparent url(../img/atomer/bg_hinttext.png) no-repeat scroll center center;
	width: 14px;
	height: 9px;	
	position: absolute;
	left: 26px;
	bottom: 0;
}
	

.balicek-others .balicek-wrap label {
	display: block;
	padding: 13px 0 5px 2px;
	line-height: 14px;	
}
.balicek-others .balicek-wrap label strong {
	font-size: 12px;
	line-height: 14px;	
}
div.mainContent div.content div.obsah .balicek-others .balicek-wrap label strong { color: #333333; }
.balicek-others .balicek-wrap label input.chbBalicek {
	position: relative;
	top: 2px;
	left: -2px;
	margin: 0;
	padding: 0;
	width: 15px;	
}
.balicek-others .balicek-wrap .cena-wrap {
	text-align: right;
	margin-top: -1px;
	padding-right: 14px;
}

.balicek-base .cena { font-size: 24px; }
.balicek-wrap .cena { font-size: 18px; }

#balicky-sum {
	padding: 0 0 22px;	 
	font-size: 18px;
}
#balicky-sum span.cena {
	font-size: 24px;
	color: #587a19;
}
#balicky-sum .sum {
	color:#f79600; 
	font-size:28px;
	padding-left: 10px;
}
#balicky-sum .txt {
	color:#f79600; 
	font-size:18px;
}
#balicky-sum #cena_base { padding: 0 10px; }
#balicky-sum #cena_more { padding: 0 10px; }

/* ---------------------------------- (pripravovaneBalicky5) --------------------------------------------- */


#balicky_fixed_header {
	position: absolute;
	top: 207px;
	left: 0px;
	z-index: 2000;
}
#balicky_fixed_header table {
	border-collapse: collapse;
}
#balicky_fixed_header table th {
	background-image: none;
	background-color: transparent;
}
#balicky_fixed_header table td {
	background-image: none;
	background-color: transparent;
	padding: 0px;
	border: 0px;
}

.balickyTable .cenik_info {
	float: right;
	width: 260px;
	margin-top: 165px;
	margin-right: 8px;
}
.balickyTable .cenik_info .novinka {
    border: 1px solid #e0dbc7;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 10px;
}

.balickyTable .cenik_info .novinka .nazov {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.balickyTable .cenik_info .novinka .text {
	_text-align: justify;
}

#buttons_table {
	width: 610px;
	padding: 0px;
	float: none;
}
#buttons_table tr td {
	background: none;
	border: none;
	width: auto;
	padding: 0 2px;
}

/* ----------------------------------  vnorene ocislovane zoznamy  --------------------------------------------- */
div.obsah ol.obchp { counter-reset: item }
div.obsah ol.obchp li { display: block }
div.obsah ol.obchp li:before { content: counters(item, ".") "."; counter-increment: item; padding-right:10px; margin-left:-34px; }
/* ---------------------------------- (vnorene ocislovane zoznamy) --------------------------------------------- */
.stranka_prehlad_sablon div.strankaRegistracia {
	padding: 0px;
}
.stranka_prehlad_sablon div.strankaRegistracia .templatesDiv {
	padding: 0px;
	width: auto;
}
.stranka_prehlad_sablon div.strankaRegistracia .template {
	padding: 5px;
	width: 150px;
	border: 1px solid #c5c2ba;
    border-radius: 3px;
	margin-right: 6px;
	margin-bottom: 6px;
}
.stranka_prehlad_sablon div.strankaRegistracia .hidden_temps {
	display: none;
	width: 668px;
}
.stranka_prehlad_sablon div.strankaRegistracia .hidden_temps .hidden_temps_inner {
	width: 668px;
}
.stranka_prehlad_sablon div.strankaRegistracia .template.last {
    margin-right: 0;
	margin-left: 2px;
}
.stranka_prehlad_sablon div.strankaRegistracia .template a.previewImage {
	overflow: hidden;
	display: block;
	width: 150px;
	height: 151px;
}
.stranka_prehlad_sablon div.strankaRegistracia .template a.previewImage.btnShowHideTemps {
	cursor: pointer;
}
.stranka_prehlad_sablon div.strankaRegistracia .template a.previewImage.btnShowHideTemps img {
	position: relative;
	top: -1px;
	left: -4px;
}
.stranka_prehlad_sablon div.strankaRegistracia .template a.previewImage img {
	margin: auto;
	display: block;
}
.stranka_prehlad_sablon div.strankaRegistracia .templatesInner {
	border: none;
	margin-bottom: 0px;
	padding: 0px;
}
#personal_data {
	padding: 0 15px;
}
#personal_data .group {
	width: 50%;
}
#personal_data .group.base {
	float: left;
}
#personal_data .group.correspondence,
#personal_data .group.invoice {
	float: right;
}
#personal_data .group table tr td.tdleft {
	width: 200px;
}
#personal_data .msg {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding: 40px 20px;
}