@CHARSET "UTF-8";

/*
Z-INDEX
=============================
.banner .navigace a: 10
.middle ul.menu: 3
.produkty-vypis, .produkt-detail: 40
.pruh: 20
.top-middle: 50
.menu-submenu: 70
.openbox-right-wrapper: 80
.openbox-right-screen: 90
.button-right-screen: 89

Gradient červený: #d9261b -> #b52c24
Světlý: #FBF8F1 ->#e4d6b1

Podklad IE6: #fdfdfb
*/


/*body*/
body { 
	color: black; 
	margin: 0; 
	padding: 0; 
	font-family: Arial, lucida, sans-serif; 
	text-align: center;  
	background: #F6F0E2 URL('./images/background.png') repeat-y center top;
	font-size: 12px;
}
    

a, a:link, a:hover {
	color: #585859;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: black;
}



h1, h2, h3, h4, h5, h6, p {
	margin: 0px;
	padding: 0px;
	position: relative;
}

p {
	line-height: 1.6;
	padding-bottom: 8px;
}

h1 { 
	color: #000000; 
	font-weight: bold;
	font-size: 22px;
	margin: 30px 0px 15px 2px;
	left: 0px;
}

h1 span {
	color: #bd1d1d;
}

h2 {
	color: black; 
	font-size: 14px;
	font-weight: bold;
	margin: 16px 0px 12px 0px;
}

h3 { 
	font-size: 13px;
	color: black;	
	font-weight: bold;
	margin: 14px 0px 8px 0px;
}

h4 {
	font-size: 12px;
	color: black;	
	font-weight: bold;
	margin: 8px 0px 2px 0px;
}

form { padding: 0; margin: 0; }
table { font-size: 100%; border-collapse: collapse; width: 100%;

    -moz-border-radius:4px;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

 }
 
table.noshadow { 
	box-shadow: none;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
 }
 
.pruh-pricemenu table
{
	-moz-border-radius:0px;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
 }
.header h1, .header h2 {
	position: absolute;
	display: block;
	color: white;
	top: 10px;
	left: 10px;
	margin: 0px;
	padding: 0px;
}

.header h1 a, .header h2 a {
	display: block;
}

.header h1 span, .header h1, .header h2 span, .header h2 {
	width: 240px;
	height: 85px;
	display: block;
}

.header h1 span, .header h2 span {
	top: 0px;
	left: 0px;
	position: absolute;
	display: block;
	background: URL('./images/tondach-hp.png') no-repeat 0 -1740px;
}

.header ul:after {clear: left; }
.header ul li {
position: relative; 
list-style: none; 
float: left; 
display: block; 
}

.header form {
	position: relative;
	left: 730px;
	top: 5px;
	width: 235px;
}

.header form input[type=text], .header form input.hledat-pole {
	width: 190px;
	background: transparent URL('./images/bg-hledat-pole.png') no-repeat 0px 0px;
	padding: 5px 5px 5px 5px;
	font-size: 10px;
	color: gray;
	border-style: none;
}

.header form input[type=image], .header form input.hledat-lupa {
	position: relative;
	top: 5px;
	left: 5px;
}

.header .odkazy {
	position: relative;
	left: 550px;
	top: 28px;
	width: 300px;
}

.header .odkazy a {
	color: #707070;
	background: transparent URL('./images/bg-hlavicka-odkazy.png') no-repeat 0px 0px;
	margin-left: 0px;
	padding: 5px 20px 10px 25px;
	font-weight: bold;
}

.header .odkazy strong a {
	color: #000000;
	background-image: none; 
}

/* BACKGROUND WRAPPERS */
.wrapper { 
	width: 996px; 
	margin: 0 auto; 
	text-align: left; 
	/*border: 1px solid black;*/
}

.wrapper-top {
	background-color: transparent;
	background-image: URL('./images/background-top.png');
	/*background-position: center 106px;*/
	background-repeat: repeat-x;
}

.wrapper-image {
	background-color: transparent;
	background-image: none;
	background-position: center 106px;
	background-repeat: no-repeat;
}

.wrapper-stred {
	background-color: transparent;
	background-image: URL('./images/background-stred.png');
	background-position: center 1106px; /* .wrapper-image:1000 + .wrapper-top:106  */
	background-repeat: no-repeat;
	min-height: 1606px;
}

.col-main-background {
	margin-left: auto; 
	margin-right: auto;
}

.header { 
	height: 106px; 
	position: relative; 
	width: 100%;
	margin-left: 8px;
}


.col-main a, .col-right a {
	color: #b52c24;
	text-decoration: underline;
}

.col-main a:hover {
	text-decoration: none;
}

.col-main p span {
	color: #b52c24;
	font-weight: bold;
}

.col-main img.img-left, 
.col-main a.img-left img,
.col-main img.img-right, 
.col-main a.img-right img {
	display: block;
	padding: 1px;
	z-index: 5;
	position: relative;
}

.col-main a.img-left img,
.col-main img.img-left {
	margin: 0px 10px 8px 0px;
}

.col-main img.img-left, .col-main a.img-left {
	float: left;
}

.col-main a.img-right img,
.col-main img.img-right {
	margin: 0px 0px 8px 10px;
}

.col-main img.img-right, .col-main a.img-right {
	float: right;
}

.col-right {
    float: right; position: relative; top: 55px; width: 250px; margin: 0 8px 0 0;
}

.middle {
	position: relative; 
	background: transparent URL('./images/bg-bila-alfa-corners-bottom.png') no-repeat bottom center;
	/*border: 1px solid red;*/
}



.middle .col-left-background, .middle .col-main-background, .middle .col-right-background { 
/*width: 100%; */
width: 996px;
float: left; 
position: relative; 
}
.middle .col-right-background {overflow: hidden; }
.middle .col-main-background { 
	/*margin-top: -35px;*/
}
body.two-column .middle .col-main-background, body.three-column .middle .col-main-background {
	top: 0px;
}

/*body.two-column .middle */.col-main-background { 
	right: 0; 
	overflow: hidden;
	background: transparent URL('./images/bg-bila-alfa.png') repeat-y 0px 0px;
	margin-bottom: 17px;
	/*border: 1px solid blue;*/
}

body.two-column .middle .col-left-background { 
	right: 0px; 
	
}

body.two-column .middle .col-left-background {
	width: 996px;
}

.middle .col-left { 
	float: left; 
	width: 250px;
    position: relative; 
	/*left: 12px; */
	margin-bottom: 5px;
}
.middle .col-main { 
	float: left; 
	padding: 0px 0px 0px 0; 
	position: relative; 
	left: 0px; /* Jednosloupcový layout vyžaduje určině 0px */
	/*background-color: #fff; /*because of tiny*/ 
	width: 987px;
	min-height: 790px;
}

.middle .col-main .date { 
	float: right;
	font-weight: bold;
}


body.two-column .middle .col-main { width: 715px; margin-bottom: 10px; /*border: 1px solid green;*/ left: 10px; }
body.two-column-right .middle .col-main, body.three-column .middle .col-main {
    float: left;
    margin-left: 20px;
    margin-right: 0px;
    width: 700px;
}
body.three-column .middle .col-main { width: 450px; }

body.theme-produkty-vypis .middle .col-main {
	/*width: 728px;*/
	/*border: 1px solid red;*/
}

/*.middle .col-right { float: left; width: 227px; position: relative; left: 1030px; padding: 45px 0; }*/

.col-main-inner {
	padding: 6px 6px 6px 6px;
}

.col-main ul {
	margin: 0px 10px 10px 10px;
	padding: 0px 0px 0px 40px;
}

.col-main ul {
	line-height: 1.5;  
}


#strechy-menu ul {
  position:relative;  
  padding: 0 0 0 0 !important;  
}

#strechy-menu ul li {
	display:block;
  float:left;
  position: relative;
  text-align: center;  
  list-style: none outside none;
  width:160px;
  height:38px;  
  margin-right: 5px
}

#strechy-menu ul li a {
  background: url("./images/button-off.png") repeat-x scroll 0 0 transparent;  
  display: block;
  font-weight: bold;
  margin-left: 0;
  padding: 10px 0 12px;
  text-decoration: none;
  color: #000000;    
}

#strechy-menu ul li a:hover {
  background: url("./images/button-on.png") repeat-x scroll 0 0 transparent;  
  display: block;
  font-weight: bold;
  margin-left: 0;
  padding: 10px 0 12px;
  text-decoration: underline;  
}


/****** FOOTER ********************************************************* */
.footer { 
	top: 0px;
	position: relative; 
	margin: 0px;
	margin-bottom: 150px;
	font-size: 13px;
	height: 400px;
	padding: 0px;
}

.footer-seznam {
	float: left;
	border-left: 1px dotted #815A43;
	height: 125px;
	width: 218px;
	margin-left: 10px;
	padding: 0px 0px 5px 16px;
	/*font-weight: bold;*/
}

.footer .footer-seznam:first-child, .footer .footer-seznam-first-child {
	border-left: none;
	margin-left: 2px;
}

.footer .footer-seznam:last-child, .footer .footer-seznam-last-child {
	width: 250px;
	padding-left: 0px;
}

.footer-seznam strong {
	font-size: 17px;
	color: black;
	font-weight: bold;
	position: relative;
	top: -3px;
	display: block;
}

.footer-seznam ul {
	list-style-type: none;
	margin: 5px 0px;
	padding: 0px;
}

.footer-seznam ul li {
	line-height: 1.4;
}

.footer-seznam strong.velky {
	text-align: center;
	position: relative;
	left: 28px;
	width: 200px;
}

.footer-seznam img {
	float: right;
	position: relative;
	top: 8px;
	border-style: none;
	margin-left: 13px;
}

.footer-seznam img:first-child {
	margin-left: 0px;
}

.footer-bottom {
	position: relative;
	background: transparent URL('./images/bg-paticka-pruh.png') no-repeat center 10px;
	height: 150px;
}

.footer-odkazy {
	margin-top: 64px;
	float: left;
}


.footer-odkazy {
    margin-left: 5px;
	/*font-size: 12px;*/
	font-weight: bold;
}

.footer-odkazy a {
	color: black;
	padding: 0px 4px 0px 4px;
}

.footer-odkazy a.link-rss {
	background: transparent URL('./images/tondach-hp.png') no-repeat 0 -1677px;
	padding-left: 22px;
}

.footer-odkazy a.link-facebook {
	background: transparent URL('./images/tondach-hp.png') no-repeat 0 -1614px;
	padding-left: 22px;
}

.footer-odkazy small {
	font-size: 11px;
	position: relative;
	left: 4px;
	top: 9px;
	display:block;
}

.footer-left {
	float: right;
	margin-right: 2px;
	margin-top: 28px;
}

.footer-left img.zeme-vzduch-voda-ohen {
	position: relative;
	display:block;
}

.footer-left em {
	font-family: "Times New Roman";
	float: right;
	display:block;
	color: gray;
	font-size: 11px;
	font-style: normal;
	position: relative;
	top: 5px;
	right: 15px;
}

.footer-left em strong {
	font-size: 14px;
	font-weight: normal;
	padding-left: 3px;
}

/*menus*/
/* TOP MENU CONTAINER */
.top-middle { 
	position: relative;
	padding: 0; 
	margin: -36px 0px 0px 0px;
	z-index: 51; 
	width: 996px;
	background-color: transparent;
	/*border: 1px solid red;*/
}
.top-middle br { display: none; }

.middle ul.menu {
	/*border: 1px solid black;*/
	position: relative;
	font-size: 13px;
	font-weight: bold;
	Text-Transform: uppercase;	
	
	padding: 0; 
	margin: 0;
	margin-left: 8px;	
	left: 344px; 
	width: 644px; 
}
.middle ul.menu { z-index: 43; padding: 0; margin: 0; float: left; position: relative; }
.middle ul.menu:after { clear: left; }
.middle ul.menu li { 
	position: relative; 
	list-style: none; 
	float: left; 
	display: block; 
	width: 161px;
	text-align: center;
}
.middle ul.menu > li:first-child {
}

.middle ul.menu a { 
	display: block; 
	padding: 10px 0px 12px 0px; color: black; font-weight: bold; text-decoration: none; 
	margin-left: 0px;
	background: transparent URL('./images/tondach-hp.png') no-repeat -162px -1526px ;
}
.middle ul.menu > li > a { }
.middle ul.menu > li:first-child > a {}
.middle ul.menu a:hover, .middle ul.menu li.active a { 
	background: transparent URL('./images/tondach-hp.png') repeat-x 0 -1526px;
	color: white;
}
.middle ul.menu a:hover { text-decoration: underline; color: white; }
.middle ul.menu ul { width: 150px; visibility: hidden; position: absolute; top: 100%; left: 1px; padding: 0; margin: 0; }
.middle ul.menu ul li {float: none; border: 0px solid black; }
.middle ul.menu ul li, .middle ul.menu ul li a, .middle ul.menu li.active ul li a {float: none; background-color: #A2A2A2; background-image: none;}
.middle ul.menu li.active ul li a:hover {
	background: transparent URL('./images/topmenu-li-a-bg.png') repeat-x 0px 0px;
}

.middle ul.menu ul li {
	height: 28px;
	margin: 0px;
}

.middle ul.menu ul li a {
	display: block;
	width: 114px;
	
}

.middle ul.menu ul li a { padding: 5px 25px 5px 10px; color: black; }
.middle ul.menu ul ul { left: 100%; top: 0; }
.middle ul.menu li:hover > ul { visibility: visible; }



.drobky {
	position: absolute;
	right: 18px;
	top: 10px;
	font-size: 12px;
    z-index: 40;
}

.obsah .drobky {
	right: 0px;
}

.one-empty-column .drobky {
	right: 22px;
}

.two-column .drobky {
	right: 0px;
}

.drobky span {
	color: #b52c24;
	padding: 0px 2px 0px 2px;
	font-weight: bold;
	font-size: 13px;
}

.drobky a {
	color: #575757;
	text-decoration: none;
}

.drobky a:hover {
	color: #575757;
	text-decoration: underline;
}


/*
======================
Levé menu
======================
*/
.menu-left-container {
	float: left;
	margin-left: 12px;
	margin-top: 10px;
}

.menu-left-container h3 {
	color: #ac9f7c;
	font-size: 17px;
	font-weight: bold;
	left: 5px;
	top: 2px;
	margin-top: 20px
}

.menu-left-container ul { 
	margin: 12px 0px 0px 0px; 
	list-style-type: none;
	padding: 0px;
	/*width: 235px; */
}
/*.col-left > ul { margin: 28px 0 0; }*/
.menu-left-container ul li { 
	color: black;
	width: 242px;
	display: block; 
	padding: 0;	
	list-style-type: none;	
}

.menu-left-container ul > li a { 
	font-size: 14px;
	color: black;
 	display: block; 
	height: 34px;
	padding: 13px 0 5px 20px; 
	text-decoration: none; 
	margin: 0px; 
	background: transparent URL('./images/menu-left-bg-li.png') no-repeat 0px 0px;
	text-decoration: none;
}

.menu-left-container ul li a:hover, .menu-left-container ul li.active a {
	text-decoration: none;
	color: white; 
	background-image: URL('./images/menu-left-bg-li-active.png');
	font-weight: normal;
}

.menu-left-container ul li.active a:hover {text-decoration: underline; }
.menu-left-container ul li a:hover {}


.menu-left-container ul li ul {
	margin: 10px 0px 15px 0px;
}

.menu-left-container ul li ul li {
	width: 230px;
	margin: 0px;
}

.menu-left-container ul li ul li a, .menu-left-container ul li.active ul li a {
	padding: 3px 0px 5px 15px;
	color: black;
	text-transform: none;
	background-image: none;
	background-color: transparent;
	/* height: 15px; */
	margin-left: 7px;
}

.menu-left-container ul li ul li a, .menu-left-container ul li.active ul li a {
	background-image: none;
}

.menu-left-container ul li ul li a:hover, .menu-left-container ul li ul li.active a {
	color: black;
	background-image: none;
	
}

.menu-left-container ul li ul li.active > a {
	font-weight: bold;
}

.col-main .menu-left-container {
	margin-right: 6px;
	/*border: 1px solid blue;*/
}

/* KLASICKÉ LEVÉ MENU 2. ÚROVEŇ  */

.menu-left-container ul li ul li a:hover, 
.menu-left-container ul li.active ul li a:hover {
	color: black;
	text-decoration: underline;
}
.menu-left-container ul li ul li.active > a {
	font-weight: bold;
	color:red;
}

/* KLASICKÉ LEVÉ MENU 3. ÚROVEŇ  */
.menu-left-container ul li ul li ul li {
	text-decoration: none;
	margin-left: 10px;
}
.menu-left-container ul li ul li ul li a {
	color:black;
}


.menu-left-container ul li ul li ul li a:hover, 
.menu-left-container ul li ul li ul li.active ul li ul li ul li a:hover {
	text-decoration: underline;
}
.menu-left-container ul li ul li ul li.active > a {
	font-weight: bold;
	color:red;
}

/* TÉMA VÝPIS PRODUKTŮ  */
.menu-left-container ul.menu-left-checkbox li ul li a, 
.menu-left-container ul.menu-left-checkbox li.active ul li a {
	padding-left: 30px;
}

.menu-left-container ul.menu-left-checkbox li ul li a, 
.menu-left-container ul.menu-left-checkbox li.active ul li a {
	background: transparent URL('./images/produkty-checkboxy.png') no-repeat 0px -19px;
}

.menu-left-container ul.menu-left-checkbox li ul li a:hover, 
.menu-left-container ul.menu-left-checkbox li ul li.active a {
	background: transparent URL('./images/produkty-checkboxy.png') no-repeat 0px 1px;
	color: black;
	font-weight: bold;
}


/*messages*/
.error, .success, .message { margin-left: 1.3em; }
input.input-error, textarea.input-error { border: 1px solid red !important; }
.input-error-message { color: red; }


/*buttons*/
.button span, .button3 span { margin-left: 5px; padding-left: 2.5em; height: 39px; display: block;
    margin-bottom: 10px; background-position: center left; background-repeat: no-repeat; }
.button3 span { height: 30px; }
.button2 span.lft { background-image: url('./images/icons/buton-small-left-part.png');
    background-position: center left; background-repeat: no-repeat; padding: 8px 2px 8px 0; }
.button2 span.cntr { background-image: url('./images/icons/buton-small-center-part.png');
    background-repeat: repeat-x; padding: 8px 10px; }
.button2 span.rght { background-image: url('./images/icons/buton-small-right-part.png');
    background-position: center right; background-repeat: no-repeat; padding: 8px 0 8px 2px; }
.button2 span.cntr span { background-repeat: no-repeat; padding-left: 20px; }

span.login { background-image: url('./images/icons/ico-lock.png'); }
span.save { background-image: url('./images/icons/filesave_16x16.png'); }
span.close { background-image: url('./images/icons/ico-cancel_16x16.png'); }
span.my_customers { background-image: url('./images/icons/ico-menu-account_16x16.png'); }

a.button, a.button3 { position: relative; color: black; text-decoration: none; display: block;
    width: 180px; line-height: 39px; background-image: url('./images/icons/buton-all.png'); 
    background-repeat: no-repeat; text-align: left; }
a.button3 { background-image: url('./images/icons/buton-small-all.png'); width: 150px; line-height: 30px; }
a.button:hover { background-image: url('./images/icons/buton-all_hoover.png'); }
a.button2 { text-align: left; color: black; text-decoration: none; display: block; margin-top: 10px;
    margin-bottom: 10px; }

input.button { width: 0; overflow: visible; padding: 3px; padding-left: 5px; padding-right: 5px;
    border: 1px solid white; color: white; background-color: #666666; text-decoration: none;}
input.button[class] { /* IE ignores [class] */ width: auto; }
input.submit, button.submit { color: #fff; background-color: #808080; padding: 3px 8px; }


/*js selects*/
.jquery-selectbox { position: relative; height: 22px; border: 1px solid #858585; width: 200px!important; z-index: 0;
    float: left; display: inline; margin: 0 4px 4px 0; font-size: 80%; background-color: #fff;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #858585; padding: 0; }
.jquery-selectbox.selecthover { border-color: #ccc; background-color: #fff; z-index: 700; }   
.jquery-selectbox .jquery-selectbox-currentItem { padding: 5px; white-space: nowrap; display: block;
    overflow: hidden; }
.jquery-selectbox .jquery-selectbox-list { display: none; position: absolute; top: 23px; padding: 0; left: 0px;
    background: #fff; width: 223px!important; height: 100px!important; overflow-x: hidden; overflow-y: auto; z-index: 1000;
    border: 1px solid #858585; }
.jquery-selectbox .jquery-selectbox-moreButton { float: right;  background: url('./images/language-select.png');
    width: 20px; height: 21px; cursor: pointer; }
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover { background: url('./images/language-select.png'); }
.jquery-selectbox .jquery-selectbox-item.listelementhover { background: #ccc; color: #eee; }
.jquery-selectbox .jquery-selectbox-item { display: block; cursor: default; padding: 5px; }

/*anti jquery-ui*/
.anti-ui { font-size: 90% !important; }
.anti-ui .ui-widget-header { border-top: none !important; border-left: none !important; border-right: none !important;
    border-bottom: 2px solid #e1e1e1; background: none !important; }
.anti-ui .ui-widget-content { border: none !important; }



.box-4buttons {
	/*height: 170px;*/
}

.box-4buttons ul {
	margin: 0px 0px 0px 09px;
	padding: 3px 0px 0px 0px;
	list-style-type: none;
	height: 150px;
	width: 100%;
}

.box-4buttons-hp {
	/*height: 85px;*/
}

.box-4buttons-hp ul {
	height: 75px;
}

.box-4buttons-middle ul {
	height: 100px;
}

.box-4buttons ul li {
	float: left;
	width: 242px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	position: relative;
	top: 0px;
}

.box-4buttons ul li a {
	display: block;
	line-height: 1.1;
}

.box-4buttons ul li a.horni {
	padding-top: 40px;
	height: 60px;
	font-size: 18px;
	color: black;
	/*border: 1px solid blue;*/
	background: transparent URL() no-repeat 0px 0px;
}

.box-4buttons ul li a.horni:hover {
	color: white;
}

.box-4buttons ul li.one a.horni {
	background-image: URL('./images/4buttons-horni2-cenik.png'); /* -5px */
}

.box-4buttons ul li.one a.horni:hover {
	background-image: URL('./images/4buttons-horni2-cenik-active.png');
	/*background-position: -2px 2px;*/
	
}

.box-4buttons ul li.two a.horni {
	background-image: URL('./images/4buttons-horni2-lupa.png'); /* -248px */
  padding-left: 60px;
}

.box-4buttons ul li.two a.horni:hover{
	background-image: URL('./images/4buttons-horni2-lupa-active.png');
	/*background-position: -245px 2px;*/
}

.box-4buttons ul li.three a.horni {
	background-image: URL('./images/4buttons-horni2-kalkulacka.png'); /* -489px */
}

.box-4buttons ul li.three a.horni:hover {
	background-image: URL('./images/4buttons-horni2-kalkulacka-active.png');
	/*background-position: -486px 2px;*/
}

.box-4buttons ul li.four a.horni {
	background-image: URL('./images/4buttons-horni-dum-virt.png'); /* -731px */
}

.box-4buttons ul li.four a.horni:hover {
	background-image: URL('./images/4buttons-horni-dum-virt-active.png');
	/*background-position: -728px 2px;*/
}

.box-4buttons ul li.one-middle a.horni {
	background-image: URL('./images/tondach-hp.png'); 
  background-position: 0 -576px;
}

.box-4buttons ul li.one-middle a.horni:hover {
	background-image: URL('./images/tondach-hp.png');
  background-position: 0 -422px;
}

.box-4buttons ul li.two-middle a.horni {
	background-image: URL('./images/tondach-hp.png');
  background-position: 0 -1188px;
  padding-left: 60px;
}

.box-4buttons ul li.two-middle a.horni:hover{
	background-image: URL('./images/tondach-hp.png');
	background-position: 0 -1035px;
}

.box-4buttons ul li.three-middle a.horni {
	background-image: URL('./images/tondach-hp.png');
  background-position: 0 -882px;
}

.box-4buttons ul li.three-middle a.horni:hover {
	background-image: URL('./images/tondach-hp.png');
	background-position: 0 -729px;
}

.box-4buttons ul li.four-middle a.horni {
	background-image: URL('./images/tondach-hp.png'); 
  background-position: 0 -269px;
}

.box-4buttons ul li.four-middle a.horni:hover {
	background-image: URL('./images/tondach-hp.png');
	background-position: 0 -115px;
}

.box-4buttons ul li a.dolni {
	padding-top: 10px;
	height: 55px;
	font-size: 14px;
	color: white;
	background: transparent URL('./images/tondach-hp.png') no-repeat 0px 0px;
	position: absolute;
	top: 91px;
	width: 240px;
	height: 65px;
	margin: 0px;
	left: 0px;
}

.box-4buttons-hp ul li a.dolni {
	top: 5px;
}


.box-4buttons-hp ul li a.dolni {
	position: relative;
}


.box-4buttons ul li.one a.dolni {
	left: 1px;
}

.box-4buttons ul li a.dolni strong {
	font-weight: bold;
	font-size: 22px;
}

.box-4buttons ul li a {
	text-decoration: none;
}

.box-4buttons ul li a.dolni:hover {
	text-decoration: underline;
}

.footer .box-4buttons {
	margin-bottom: 20px;
}

.corners-bottom, .corners-top {
	display: none;
}

.box-corners-top .corners-top {
	background: transparent URL('./images/tondach-hp.png') no-repeat 0 -1408px;
	/*width: 100%;*/
	display: block;
	height: 17px;
}

.box-corners-bottom .corners-bottom {
	background: transparent URL('./images/tondach-hp.png') no-repeat 0 -1341px;
	/*width: 100%;*/
	display: block;
	height: 17px;
}

.box-alpha {
	/*-webkit-box-shadow:  0px 0px 2px 2px rgba(150, 150, 150, 0.5);
	-moz-box-shadow:  0px 0px 2px 2px rgba(150, 150, 150, 0.5);
	box-shadow:  0px 0px 2px 2px rgba(150, 150, 150, 0.5);

	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.70);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9FFFFFF, endColorstr=#D9FFFFFF); /* For IE 5.5 - 7*/
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9FFFFFF, endColorstr=#D9FFFFFF)"; /* For IE 8*/
	
	
	
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}

.box-inner {
	padding: 0px 7px 0px 7px;
}

.box-alpha .box-inner {
	background: transparent URL('./images/bg-bila-alfa.png') repeat-y 0px 0px;
}


.box-corners-bottom {
	 /*-moz-border-radius-bottomright: 10px;
	 -moz-border-radius-bottomleft: 10px;
	 -webkit-border-radius-bottomright: 10px;
	 -webkit-border-radius-bottomleft: 10px;
	 border-radius-bottomright: 10px;
	 border-radius-bottomleft: 10px;*/
}

.box-corners-top {
	 /*-moz-border-radius-topleft: 10px;
	 -moz-border-radius-topright: 10px;
	 -webkit-border-radius-topleft: 10px;
	 -webkit-border-radius-topright: 10px;
	 border-radius-topleft: 10px;
	 border-radius-topright: 10px;
	 /*border-radius-bottomright: 10px;
	 border-radius-bottomleft: 10px;*/
}


/*
======================
Submenu
======================
*/

.menu-submenu {
	z-index: 70;
	position: absolute;
	top: 0px;
	left: 0px;
	float: left;
	width: 996px;
	/*height: 400px;*/
    display: none;
	margin-top: 37px;
	/*padding: 7px;*/
}

.top-middle .menu-submenu {
    
}


.menu-submenu .box-inner {
	padding-top: 10px;
	padding-bottom: 20px;
}

.menu-submenu .dum {
	width: 996px;
	position: absolute;
	z-index: 71;
	/*background: transparent URL('./images/menu-submenu-dum.png') no-repeat right bottom;*/
} 

.menu-submenu .box {
	position: relative;
	margin: 15px 0px 12px 0px;
	padding: 0px 15px 0px 15px;
	float: left;
	width: 212px;
	border-right: 1px dotted #815A43;
}

.menu-submenu div.box:last-child, .menu-submenu .box-last-child {
	border-right-style: none;
}

.menu-submenu .box p {
	margin: 0px 0px 10px 0px;
}

.menu-submenu .box img {
	margin: 0px 0px 10px 0px;
}

.menu-submenu .box ul {
	list-style-type: none;
	margin: 10px 0px 20px 0px;
	padding: 0px;
}

.menu-submenu .box ul:last-child {
	margin-bottom: 0px;
}

.menu-submenu .box ul li {
	font-size: 17px;
	padding-left: 15px;
    background: url('./images/menu-dot.png') 3px 8px no-repeat;
}

.menu-submenu .box ul li a {
	color: black;
    line-height: 1.2;
    margin: 8px 0;
    display: block;
}

.menu-submenu .box h2 {
	color: #b52c24;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0;
	margin: 0px 0px 0px 0px;
}

.show {
	display: block;
}


/*
======================
Úvod
======================
*/
.box-uvod .box-inner {
	padding: 10px 0px 4px 14px;
	width: 100%;
}

.box-uvod {
	background: transparent URL('./images/tondach-hp.png') no-repeat 0 -1875px;
	/*width: 996px;*/
	height:514px;
	padding: 0px 0px 0px 8px;
	width: 100%;
}

.box-uvod h3 {
	font-size: 14px;
	color: #ac9f7c;
	font-weight: bold;
	margin: 7px 0px 8px 0px;
}

.box-uvod h4 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 3px 0px;
}

.box-uvod h4 a {
	color: black;
	text-decoration: none;
}

.box-uvod h4 a:hover {
	text-decoration: underline;
}

.box-uvod .aktuality {
	width: 478px;
	float: left;
	height: 240px;
}

.box-uvod .aktuality em {
	display: block;
	font-size: 9px;
	font-style: normal;
	margin: 0px 0px 10px 0px;
}

.box-uvod .aktuality p {
	margin: 0px 0px 0px 0px;
	line-height: 1.4;
}

.box-uvod .aktuality .aktualita-s-obrazkem img {
	margin-top: 4px;
	float: left;
}

.box-uvod .aktuality .aktualita-s-obrazkem p {
	width: 145px;
	float: right;
}

.box-uvod .aktualita-left {
	width: 210px;
	float: left;
	margin-right: 15px;
	padding-right: 15px
}

.box-uvod .aktualita-right {
	width: 226px;
	float: left;
}



.box-uvod .clanky {
	float: left;
	width: 240px;
}

.box-uvod .clanky .box-white {
	line-height: 1.4;
	background: transparent URL('./images/uvod-white-box-family.png') no-repeat 0px 0px;
  width: 212px;
	height: 230px;
	padding: 8px 10px 8px 10px;
}

.box-uvod .clanky .box-white-1 {
	line-height: 1.4;
	background: transparent URL('./images/nova-sluzba.png') no-repeat 0px 0px;
  width: 212px;
	height: 230px;
	padding: 8px 10px 8px 10px;
}

.box-uvod .clanky .box-white-2 {
	line-height: 1.4;
	background: transparent URL('./images/baner-pojistna-hydroizolace-hp.png') no-repeat 0px 0px;
  width: 212px;
	height: 230px;
	padding: 8px 10px 8px 10px;
}


/** pro účely PF 2013
.box-uvod .clanky .box-white {
	line-height: 1.4;
	background: transparent URL('./images/uvod-white-box-jelen.png') no-repeat 0px 0px;
	width: 212px;
	height: 250px;
	padding: 8px 10px 8px 10px;
  overflow: visible;
  position: relative;
  top:-20px;    
}
**/

.box-uvod .clanky .box-white h4 {
	margin-bottom: 12px;
}


.box-uvod .nejoblibenejsi {
	float: left;
	width: 242px;
}
.box-uvod .nejoblibenejsi .box-white {
	background: transparent URL('./images/uvod-white-box-krytiny.png') no-repeat 0px 0px;
	width: 230px;
	height: 133px;
	position: relative;
	left: 3px;
}

.box-uvod .nejoblibenejsi .box-white .velky {
	float: left;
	width: 130px;
	height: 120px;
	margin-left: 10px;
}

.box-uvod .nejoblibenejsi .box-white .maly {
	float: left;
	width: 65px;
	height: 60px;
	margin-left: 18px;
}

.box-uvod .nejoblibenejsi a.button {
	background: transparent URL('./images/uvod-button-pokravaci-prodejci.png') no-repeat 0px 0px;
	color: black;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;
	width: 240px;
	height: 50px;
	display: block;
	margin: 2px 0px 0px 0px;
}

.box-uvod .nejoblibenejsi a.button:hover {
	background-image: URL('./images/uvod-button-pokravaci-prodejci-active.png');
	color: white;
}

.box-uvod .novinky-podporujeme {
	margin: 12px 0px 0px 4px;
	width: 240px;
	height: 195px;
	float: left;
}
.box-uvod .novinky-podporujeme form{
	margin: 0px 0px 15px 0px;
}

.box-uvod .novinky-podporujeme h4{
	font-size: 14px;
	font-weight: bold;
}

.box-uvod .novinky-podporujeme.button1 a, .box-uvod .novinky-podporujeme.button2 a {
	display: block;
	width: 230px;
	height: 56px;
	margin: 0px 0px 15px 0px;
}

.box-uvod .novinky-podporujeme .buton1 a {
	background-image: URL('/userfiles/image/banners/podporujeme/buton-podporujeme.png');
}
.box-uvod .novinky-podporujeme .buton2 a {
	background-image: URL('/userfiles/image/banners/podporujeme/buton-soci.png');
}
.box-uvod .novinky-podporujeme .buton1 a:hover {
	background-image: URL('/userfiles/image/banners/podporujeme/buton-podporujeme_over.png');
}
.box-uvod .novinky-podporujeme .buton2 a:hover {
	background-image: URL('/userfiles/image/banners/podporujeme/buton-soci_over.png');
}
.nejoblibenejsi a.button {
	background: transparent URL('./images/uvod-button-pokravaci-prodejci.png') no-repeat 0px 0px;
	color: black;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;
	width: 240px;
	height: 50px;
	display: block;
	margin: auto;
}

.nejoblibenejsi a.button:hover {
	background-image: URL('./images/uvod-button-pokravaci-prodejci-active.png');
	color: white;
}


.box-uvod .banner-dolni {
	position: relative;
	top: -2px;
	margin: 0px 0px 0px 2px;
	width: 970px;
	float: left;
	background: transparent URL('./images/uvod-box-dolni.png') no-repeat 0px 0px;
	padding: 0px;
    height: 201px;
}

.box-uvod .banner-dolni .banner-dolni-inner { /* Přebírá vlastnosti ".box-uvod .banner-dolni ul", které by mohl přebrat JS */
	margin: 7px 8px 0px 6px;
	position: relative;
	/*border-left: 1px solid transparent;*/
	display: block;
	/*height: 204px;*/
}

.box-uvod .banner-dolni .banner-dolni-inner .jcarousel-container { /* Nutné */
	left: 1px; 
}


.box-uvod .banner-dolni ul {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	width: 957px;
	height: 195px;
	position: absolute;
	/*border: 1px solid red;*/
}

.banner-dolni .jcarousel-clip {
	width: 957px;
	height: 194px;
}

.box-uvod .banner-dolni ul li.jcarousel-item {  /* Podstatné pro IE7 */
	width: 958px;
	height: 195px;
}

.box-uvod .banner-dolni ul li .text ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: relative;
	top: -2px;
}

.box-uvod .banner-dolni ul li .text ul li {
	background: transparent URL('./images/uvod-box-dolni-bg-li.png') no-repeat 2px 3px;
	padding: 0px 0px 0px 25px;
	line-height: 1.0;
	margin-top: 5px;
}

.box-uvod .banner-dolni .text {
	float: left;
	height: 194px;
	font-size: 14px;
	/*background-color: red;*/
	padding-left: 10px;
	/*border: 1px solid blue;*/
	width: 540px;
}

.box-uvod .banner-dolni .text div em {
	display: block;
	font-weight: bold;
	font-size: 16px;
	color: #ac9f7c;
	font-style: normal;
	margin-top: 5px;
}

.box-uvod .banner-dolni .text div big {
	display: block;
	font-weight: bold;
	font-size: 20px;
	margin-top: 0px;
	
}

.box-uvod .banner-dolni ul li .text div big,
.box-uvod .banner-dolni ul li .text div em {  /* Podstatné pro IE7 */
	width: 310px;
}

.box-uvod .banner-dolni ul li .text ul { /* Podstatné pro IE7 */
	width: 540px;
	height: 125px;
}

.box-uvod .banner-dolni ul li .text ul li{ /* Podstatné pro IE7 */
	margin-bottom:8px;
  line-height:130%
}

.box-uvod .banner-dolni img {
	float: right;
	width: 392px;
	height: 195px;
	margin: 0px;
	padding: 0px;
	border-style: none;
	/*border: 1px solid green;*/
}


.box-uvod .novinky-sovy  h4 {
	font-size: 14px;
	font-weight: normal;
	position: relative;
	left: 2px;
}

.box-uvod .novinky-sovy form {
	margin: 0px 0px 10px 0px;
}

.box-uvod .novinky-sovy form input[type=text], .box-uvod .novinky-sovy form input.odber-text {
	width: 148px;
	background: transparent URL('./images/uvod-odber-novinek.png') no-repeat 0px 0px;
	padding: 5px 5px 5px 5px;
	font-size: 10px;
	color: gray;
	border-style: none;
	float: left;
}

.box-uvod .novinky-sovy form input[type=submit], .box-uvod .novinky-sovy form input.odber-submit {
	font-size: 11px;
	font-weight: bold;
	position: relative;
	top: -3px;
	padding-right: 10px;
	padding-top: 0px;
	text-align: center;
	border-style: none;
	width: 80px;
	height: 28px;
	color: white;
	background: transparent URL('./images/uvod-odber-novinek.png') no-repeat -159px 3px;
	float: left;
}


.jcarousel-clip, .jcarousel-list, .jcarousel-container {
	position: absolute;
}

/* BANNERY */
.banner-horni {	
	width: 980px;
	height: 304px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.banner-horni ul {
	padding-left: 0px;
	list-style-type: none;
	margin: 0px;
}

.banner-horni ul li {
	width: 980px;
	height: 304px;
}

.banner-horni .jcarousel-clip {
	width: 980px;
	height: 304px;
}




/*
------------------------------------
Pruhy
------------------------------------
*/
.pruh {
	padding: 0px;
	width: 980px;
	margin: 10px 0px 0px 7px;
	position: relative;
	z-index: 20;
}

.pruh .sipka {
	display: none;
	width: 73px;
	height: 7px;
	position: absolute;
	margin: 10px 0px 0px 90px;
}

.pruh-obrazek {
	margin-top: -220px;
	background: transparent none no-repeat top left;
}	

/**.pruh-obrazek-1 {
	background-image: URL('./images/pruh-slecna-1.png');
	
} 

.pruh-obrazek-2 {
	background-image: URL('./images/pruh-slecna-2.png');
}
**/

.pruh-obrazek .sipka {
	display: block;
	margin-top: 245px;
	z-index: 21;
	background: transparent URL('./images/pruh-sipka.png') no-repeat top left;
}

.pruh .pruh-inner {
	padding: 0px 0px 0px 10px;
	background: transparent URL('./images/pruh-bg.png') no-repeat bottom left;
	height: 120px;
}

.pruh-pricemenu {
	padding: 19px 0px 0px 10px;
	background: transparent URL('./images/pruh-bg-pricemenu.png') no-repeat top left;
	height: 107px;
}

.pruh-pricemenu table th, .pruh-pricemenu  table td {
    border: none;
    padding: 3px 20px 0;
}


.pruh-obrazek .pruh-inner {
	padding-top: 242px;
}

.pruh .text, .pruh .text .text-inner {
	background-color: transparent;
	background-image: URL('./images/pruh-bg-uvozovky.png');
	background-repeat: no-repeat;
}

.pruh .text {
	position: relative;
	top: 2px;
	background-position: bottom left;
	color: black;
	font-size: 19px;
	font-size: normal;
	float: left;
	width: 680px;
}


.pruh .text .text-inner {
	background-position: top right;
	margin: 15px 0px 0px 25px;
	padding: 4px 50px 12px 35px;
}

.pruh .text a {
	text-decoration: none;
}

.pruh .text a:hover {
	text-decoration: underline;
}

.pruh a.odkaz {
	text-decoration: none;
	color: black;
	display: block;
	float: right;
	width: 250px;
	height: 90px;
	background: transparent URL('./images/pruh-odkaz-bg.png') no-repeat 0px 0px;
	line-height: 1.2;
	font-size: 15px;
	padding: 5px 0px 0px 5px;
	font-weight: bold;
	position: relative;
	top: 15px;
}

.pruh a.odkaz span {
	display: block;	
	height: 65px;
	background: transparent none no-repeat 0px 0px;
	padding: 10px 0px 0px 94px;	
}

.pruh a.odkaz span.pruh-odkaz-dum-lupa {
	background-image: URL('./images/pruh-button-bg-dum-lupa.png');
}

.pruh a.odkaz span.pruh-odkaz-kalkulacka {
	font-size:22px;
	padding-left: 100px;
	background-image: URL('./images/pruh-button-bg-kalkulacka.png');
}

.pruh a.odkaz:hover {
	background-image: URL('./images/pruh-odkaz-bg-active.png');
	text-decoration: underline;
	color: white !important; /* Imp. IE6 */
}


/*
------------------------------------
Výpis produktů
------------------------------------
*/

.produkty-vypis, .produkt-detail, .obsah {
	position: relative;
	margin: 0px 3px 0px 0px;
	/*border: 1px solid yellow;*/
	/*width: 100%;/* IE7 ale neškodí */
	float: right;
	width: 723px;
	z-index: 40 !important;
}

.produkty-vypis .tasky-filter {
    padding: 25px 25px 10px 15px;
    background: transparent URL('./images/pruh-bg-reference.png') no-repeat top left;
    height: 35px;
    font-weight: bold;
}
.produkty-vypis .tasky-filter-expanded {
    background-image: URL('./images/pruh-bg-vyber-krytiny.png');
    height: 166px;
}
.produkty-vypis .tasky-filter span {
    font-weight: bold;
    color: #B52C24;
}
.produkty-vypis .tasky-filter .tasky-filter-typy, 
.produkty-vypis .tasky-filter .tasky-filter-barvy {
    width: 400px;
    padding: 7px;
    border: 2px solid #d5c29c;
    margin: 15px 0 0 0;
    float: left;
}
.produkty-vypis .tasky-filter .tasky-filter-typy {
    margin-right: 30px;
    width: 200px;
}
.produkty-vypis .tasky-filter .tasky-filter-typy label, 
.produkty-vypis .tasky-filter .tasky-filter-barvy label {
    display: block;
    padding: 2px;
}
.produkty-vypis .tasky-filter .tasky-filter-typy legend, 
.produkty-vypis .tasky-filter .tasky-filter-barvy legend {
    color: #d5c29c;
}
.produkty-vypis .tasky-filter .tasky-filter-barvy label {
    float: left;
    min-width: 100px;
}

.produkty-vypis .produkt-item {
	width: 237px;
	height: 248px; 
	background: transparent URL('./images/produkty-vyber-bg-white.png') no-repeat 0px 0px;
	padding: 3px 0px 0px 3px;
	float: left;
	margin: 0px 0px 8px 0px;
	position: relative;
}

.produkty-vypis .produkt-item-tuning, .produkt-item-cihla {
    width: 153px;
    height: 160px; 
    padding: 3px 0px 0px 19px;
    float: left;
    margin: 0px 4px 8px 0px;
    position: relative;
    background: #fff;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.produkty-vypis .produkt-item img {
	border-style: none;
	width: 230px;
	height: 204px;
	margin: 0px;
	margin-left: 1px;
	position: absolute;
}

.produkty-vypis .produkt-item-tuning img, .produkt-item-cihla img {
    width: 75px;
    height: 75px;
    position: relative;
    margin: 7px 30px 0 30px;
}

.produkty-vypis .produkt-item .ikona-palec, 
.produkty-vypis .produkt-item .ikona-ok {
	height: 36px;
	width: 40px;
	position: absolute;
	z-index: 41;
	margin: 10px 0px 0px 0px;
}

.produkty-vypis .produkt-item .ikona-palec {
	background: transparent URL('./images/produkty-vypis-ikony-palec.png') no-repeat 0px 0px;	
	margin-left: 138px;
}

.produkty-vypis .produkt-item .ikona-ok {
	background: transparent URL('./images/produkty-vypis-ikony-ok.png') no-repeat 0px 1px;
	margin-left: 178px;
}

.produkty-vypis .produkt-item .link {
	position: absolute;
	margin: 192px 0px 0px 0px;
	width: 230px;
	height: 45px;
	background: transparent URL('./images/produkty-vyber-nazev.png') no-repeat 0px 0px;
	display: block;
	text-align: center;
	font-size: 14px;
	padding: 10px 0px 0px 0px;
	color: black;
}
.produkty-vypis .produkt-item .link-smaller {
    font-weight: bold;
}
.produkty-vypis .produkt-item .link-smaller span {
    font-size: 10px;
    display: block;
    font-weight: normal;
}

.produkty-vypis .produkt-item-tuning .link, .produkt-item-cihla .link {
    position: relative;
    margin: 0px;
    width: 135px;
    height: auto;
    background: none;
    font-size: 11px;
    padding: 15px 0px 0px 0px;
    color: black;
    display: block;
    text-align: center;
}

.produkty-vypis .produkt-item .link:hover {
	background-image: URL('./images/produkty-vyber-nazev-hover.png');
	text-decoration: none;
	color: white;
}

.produkty-vypis .produkt-item-tuning .link:hover, .produkt-item-cihla .link:hover {
    background-image: none;
    color: #B52C24;
}

.doplnky-vypis .produkt-item {
    width: 135px;
    height: 135px;
    padding: 5px;
    float: left;
    margin: 0px 8px 8px 0px;
    position: relative;
    background: #fff;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.doplnky-vypis .produkt-item img {
    border-style: none;
    width: 75px;
    height: 75px;
    margin: 0px;
}

.doplnky-vypis .produkt-item .link {
    display: block;
    text-align: center;
}


/*
------------------------------------
Produkt
------------------------------------
*/
body.theme-produkt .col-main {
	position: relative;
	background: transparent URL('./images/produkt-bg-strecha.png') no-repeat right 70px;
	/*border: 1px solid gray;*/
}

.produkt-cena-img-large {
	float: left;
	width: 240px;
	min-height: 350px;
}
.produkt-cena-img-large2 {
    width: 280px;
    min-height: 250px;
}

.produkt-detail .produkt-cena-img-large a {
}


.produkt-detail .produkt-cena-img-large .cena {
	font-size: 13px;
	position: relative;
	margin-top: 7px;
	margin-left: 5px;
}

.produkt-detail .produkt-cena-img-large2 .cena {
    margin-top: 0px;
}

.produkt-detail .produkt-cena-img-large .cena div {
	margin-top: 2px;
    position: relative;
}

.produkt-detail .produkt-cena-img-large .cena strong {
	position: absolute;
	left: 110px;
    bottom: 0;
	width: 100px;
	text-align: right;
}

.produkt-detail .produkt-cena-img-large2 .cena strong {
	left: 130px;
}

.produkt-detail .produkt-cena-img-large .cena div.two strong { /* Problém se SUP */
	margin-top: 5px;
}


.produkt-detail .produkt-img-small {
	float: left;
	width: 300px;
}

.produkt-detail .produkt-img-small .box {
	float: left;
	width: 95px;
height: 114px;  
	text-align: center;
	margin: 0px 0px 21px 0px;
}

.produkt-detail .produkt-img-small2 {
    width: 400px;
}

.produkt-detail .produkt-img-small2 .box {
    margin: 0px 20px 21px 0px;
}

.produkt-detail .produkt-img-small .box img,
.produkt-detail .produkt-img-small .box strong {
	display: block;
}

.produkt-detail .ikona-palec, 
.produkt-detail .ikona-ok {
	height: 40px;
	width: 40px;
	position: absolute;
	z-index: 41;
	margin: 10px 0px 0px 0px;
}

.produkt-detail .ikona-palec {
	margin: 195px 0px 0px 170px;
	background: transparent URL('./images/produkt-ikony-palec.png') no-repeat 0px 0px;
}

.produkt-detail .ikona-ok {
	margin: 150px 0px 0px 170px;
	background: transparent URL('./images/produkt-ikony-ok.png') no-repeat 0px 0px;
}

.produkt-detail .produkt-buttony ul, .produkt-detail .produkt-obrazky ul {
	margin: 0px 0px 8px 0px;
	padding: 0px;
	list-style-type: none;
}

.produkt-detail .produkt-buttony ul li {
	width: 236px;
	float: left;
}

#product-photogallery .produkt-detail {
    margin-top: 5px;
}
#product-photogallery .produkt-detail .produkt-buttony ul li {
	float: right;
}

.produkt-detail .produkt-buttony ul li {	
	margin-left: 4px;
}

.produkt-detail .produkt-buttony ul li a {
	background: transparent URL('./images/produkt-tlacitka.png') no-repeat 0px 0px;
	color: black;
	text-decoration: none;
	display: block;
	height: 32px;
	font-size: 15px;
	padding: 10px 5px 0px 50px;
}

.produkt-detail .produkt-buttony ul li.one a {
	background-position: 0px 0px;
}

.produkt-detail .produkt-buttony ul li.two a {
	background-position: -240px -1px;
}
.produkt-detail .produkt-buttony ul li.three a {
	background-position: -483px -2px;
	padding-left: 70px;
}

.produkt-detail .produkt-buttony ul li a:hover {
	text-decoration: underline;
}

.produkt-detail .produkt-obrazky ul li {
	margin-left: 1px;
	float: left;
	width: 240px;
}

.produkt-detail .produkt-obrazky ul li a {
	background: transparent URL('./images/produkt-obrazek-bg.png') no-repeat 0px 0px;
	height: 174px;
	display: block;
}

.produkt-detail .produkt-obrazky ul li a img {
	margin: 5px 0px 0px 4px;
}

/*
------------------------------------
Jiné
------------------------------------
*/

/*
============= BANNER JCAROUSEL =============
*/
.banner .navigace {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.banner .navigace a {
	position: relative;
	z-index:10;
	padding: 4px 0px 0px 0px;
	width: 21px;
	height: 18px;
	display: block;
	color: #000000;
	font-size: 11px;
	text-align: center;
	float: left;
	margin-right: 4px;
	text-decoration: none;
	font-weight: bold;
	/*-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;*/	
	background: transparent URL('./images/slider-buttons.png') no-repeat -25px 0px;
}

.banner .navigace a:hover {
	text-decoration: underline;
}

.banner .navigace a.active {
	border-style: none;
	color: #643B26;
	background-position: 0px 0px;
	padding-left: 1px; 
}


.tabs {
	position: relative;
	left: 14px;
	height: 42px;
}

.tabs ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
}

.tabs ul li {
	text-align: center;
	padding: 10px 0px 10px 0px;
	font-size: 16px;
	float: left;
	width: 242px;
	position: relative;
}

.tabs ul li a {
	width: 240px;
	text-decoration: none;
	display: block;
	background: transparent URL('./images/tabs-li-bg.png') no-repeat 0px 4px;
	padding: 10px 0px 12px 0px;
	z-index: 1;
	position: absolute;
	left: 0px;
}

.tabs ul li a span {
	position: relative;
	left: -3px;
}

.tabs ul li.active a, 
.tabs ul li.ui-tabs-selected a, 
.tabs ul li.ui-state-active a {
	z-index: 10;
	padding-bottom: 8px; /* Ty uprostřed neroztahovat */
	background-image: URL('./images/tabs-li-bg-active.png');
}

.tabs ul li a:hover, 
.tabs ul li.ui-state-hover a {
	/*text-decoration: underline;*/
	background-image: URL('./images/tabs-li-bg-hover.png');
	color: white;
}

.tabs ul li.active a:hover, 
.tabs ul li.ui-tabs-selected a:hover, 
.tabs ul li.ui-state-active a:hover {
	color: black;
	text-decoration: underline;
	background-image: URL('./images/tabs-li-bg-active.png'); /* Tedy ten původní */
}

.tabs ul li.active-first-child a,
.tabs ul li:first-child.active a,
.tabs ul li:first-child.ui-tabs-selected a, 
.tabs ul li:first.ui-state-active a {
	background-image: URL('./images/tabs-li-bg-first-active.png');
	background-position: 0px 0px;
	position: relative;
	left: -6px;
	padding-bottom: 12px; /* Krajní roztáhnout */
}


.tabs ul li.active,
.tabs ul li.ui-tabs-selected, 
.tabs ul li.ui-state-active {
	font-weight: bold;
}

.tech .ui-tabs-hide {
    display: none;
}

.tech {
	width: 984px;
	margin: 0px 0px 0px 5px;
}

.tech .tech-top {
	height: 18px;
	background: transparent URL('./images/produkt-tech-top4.png') no-repeat 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	z-index: 5;
}

.tech .tech-bottom {
	height: 15px;
	background: transparent URL('./images/produkt-tech-bottom.png') no-repeat 0px 0px;
}

.tech .tech-middle {
	margin: 0px 0px 0px 0px;
	background: transparent URL('./images/produkt-tech-middle-shadow.png') repeat-y 0px 0px;
	padding: 0px 15px 0px 15px;
}

.tech .tech-middle-inner {
	background: #EDE1C4 URL('./images/produkt-tech-middle-bg.png') repeat-x 0px 0px;
	padding: 1px 15px 15px 15px;
}
#product-photogallery .tech-middle-inner {
    padding: 1px 5px 0 10px;
}

.tech h2 {
	margin-top: 5px;
}

.column {
	width: 296px;
	float: left;
	margin: 0px 15px 0px 0px;
}

.column table td {
    background-color: white;
}

.column-last-child {
	margin-right: 0px;
}

table th {
	text-align: left;
	background-color: #F6F0E2;
}

table th, table td {
	padding: 2px 4px 3px 4px;
	border-top: 1px solid #E6D7B0;
	border-bottom: 1px	solid #E6D7B0;
}


.tech table td, .column table td {
	text-align: center;
	background-color: white;
}

.tech table th, .tech table td, .column table th, .column table td {
	width: 50%;
	padding: 2px 4px 3px 4px;
	font-weight: normal;
	height: 24px;
	vertical-align: middle;
}


body.one-empty-column .col-main {
	padding: 0px 30px 0px 30px;
	width: 930px;
}


body.one-empty-column .col-main .pruh {
	position: relative;
	left: -30px;
	width: 983px;
	margin-right: 0px;
}

.obsah { /* přefloatovat ze souhrného nastavení z výpisu produktů */
	float: left;
	margin-left: 20px;
	margin-right: 0px;
	width: 700px;
}

.obsah h1 {
	margin-left: 0px;
}

.widget {	
	height: 170px;
	margin-bottom: 15px;
	background: transparent URL('./images/widget-bg.png') no-repeat 0px 0px;
	padding: 13px 22px 18px 15px;
	display: block;
    width: 213px;
}

.widget-center {
	text-align: center;
	font-size: 34px;
	font-weight: bold;
}

.widget-image {
	text-align: center;
}

.widget-image img {
	margin-top: 2px;
}

.widget-image em {
	display: block;
	font-size: 11px;
	position: relative;
	top: -2px;
}









/*
============= Okénka OTEVÍRAČE =============
*/

.button-right-wrapper {
	background: transparent URL('./images/button-right-wrapper.png') no-repeat 0px 0px;
	width: 45px;
	height: 42px;
	position: absolute;
	top: 100px;
	left: 0px;
	cursor: pointer;
}

.button-right-screen {
	background: transparent URL('./images/button-right-screen.png') no-repeat 0px 0px;
	width: 51px;
	height: 42px;
	position: absolute;
	top: 170px;
	right: 0px;
	z-index: 89;
}


	
/*
============= OKÉNKA / RIGHT WRAPPER =============
*/
.openbox-right-wrapper {
	top: 100px;
	right: -8px;
	position: absolute;
	z-index: 90;
	display: none;
	float: left;
}
	

.openbox-right-wrapper .sipka {
	width: 45px;
	height: 42px;
	position: absolute;
	background: transparent URL('./images/right-wrapper-sipka.png') no-repeat 0px 8px;
	margin: 0px 0px 0px 7px;
	z-index: 91;
}

.openbox-right-wrapper .top-left {
	background: transparent URL('./images/right-wrapper-top-left.png') no-repeat -1px 0px;
	height: 11px;
	width: 100%;
	display: block;
	margin: 0px !important;
	_font-size: 1px;
}

.openbox-right-wrapper .top-top {
	float: left;
	background-color: white;
	width: 200px;
	height: 11px;
	margin-left: 7px;
	_margin-left: 3px;		
}

.openbox-right-wrapper .top-right {
	float: right;
	background: transparent URL('./images/right-wrapper-top-right.png') no-repeat -1px 0px;
	width: 18px;
	height: 11px;
}

.openbox-right-wrapper .middle {
	background: transparent URL('./images/right-wrapper-middle-right.png') repeat-y top right !important;	
	margin-left: 0px;
	border-left: 1px solid #F8F3E9;
}

.openbox-right-wrapper .middle-text {
	background-color: white;
	margin-right: 15px;
	padding: 0px 0px 12px 10px;
	display: block;
	z-index: 100;
	height: 100%;
	position: relative;
}


.openbox-right-wrapper .bottom-left {
	background: transparent URL('./images/right-wrapper-bottom-left.png') no-repeat -2px 0px;
	height: 16px;
	float: left;
	width: 100%;
	display: block;
	
}

.openbox-right-wrapper .bottom-bottom {
	float: left;
	background: transparent URL('./images/right-wrapper-bottom-bottom.png') repeat-x 0px 0px;
	width: 200px;
	margin-left: 8px;
	_margin-left: 4px;
	height: 16px;

}

.openbox-right-wrapper .bottom-right {
	float: right;
	background: transparent URL('./images/right-wrapper-bottom-right.png') no-repeat -1px 0px;
	height: 16px;
	width: 17px;

}


.right-wrapper {
	padding: 4px;
}

.right-wrapper h2 {
	color: #b52c24;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0px 0px 10px 0px;
}


/*
============= OKÉNKA / RIGHT WRAPPER / PŘÍKLAD =============
*/
.example-right-wrapper-container {
	display: none;
}

.example-right-wrapper form.kterou-krytinu {
	width: 230px;
}

.example-right-wrapper form {
	margin: 0px 0px 0px 0px;
}

.example-right-wrapper input {
	border-style: none;
	margin-top: 10px;
}

.example-right-wrapper form input[type=text], 
.example-right-wrapper form input.input-text {
	background: white URL('./images/right-wrapper-bg-input-text.png') no-repeat 0px 0px;
	color: gray;
	width: 198px;
	height: 35px;
	padding: 1px 8px 0px 12px;
	display: block;
	font-size: 17px;
	margin-left: 1px;	
}

.example-right-wrapper form input[type=submit], 
.example-right-wrapper form input.input-submit {
	background: transparent URL('./images/right-wrapper-bg-input-submit.png') no-repeat -3px 4px;
	color: white;
	width: 93px;
	height: 54px;
	text-align: center;
	padding: 0px 12px 0px 2px;
	display: block;
	font-size: 15px;
	font-weight: bold;
	float: left;
}

.example-right-wrapper form input[type=submit]:hover, 
.example-right-wrapper form input.input-submit:hover {
	text-decoration: underline;
}

.example-right-wrapper form .priste-nezobrazovat {
	float: right;
	width: 120px;
	position: relative;
	top: 20px;
	left: 0px;
}

.example-right-wrapper form .gcheckbox {
	width: 20px;
	height: 20px;
	background: white URL('./images/right-wrapper-bg-input-checkbox.png') no-repeat -20px 0px;
	border: 1px solid white;
	display: block;
	float: left;
	margin-right: 7px;
	position: relative;
	top: 3px;
}

.example-right-wrapper form .gcheckbox-checked {
	background-position: 0px 0px;
}


/*
============= OKÉNKA / RIGHT WRAPPER =============
*/
.openbox-right-screen {
	display: none;
	top: 170px;
	right: 0px !important;
	position: absolute;
	z-index: 90;
	text-align: left;
	float: left;
}

.openbox-right-screen .top {
	background: transparent URL('./images/right-screen-topleft-sipka.png') no-repeat 0px 0px !important;
	height: 44px;
	width: 100%;
}

.openbox-right-screen .top .top-top {
	background: transparent URL('./images/right-screen-top.png') repeat-x 0px 0px !important;
	margin-left: 38px;
	height: 44px;
}

.openbox-right-screen .middle {
	background: transparent URL('./images/right-screen-left.png') repeat-y 0px 0px !important;
	width: 100%;
}

.openbox-right-screen .middle .middle-text {
	position: relative;
	width: auto;
	background: transparent URL('./images/right-screen-bg.png') repeat 0px 0px !important;
	margin-left: 18px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.openbox-right-screen .bottom {
	background: transparent URL('./images/right-screen-bottomleft.png') no-repeat 0px 0px !important;
	height: 16px;
	width: 100%;
}

.openbox-right-screen .bottom .bottom-bottom {
	background: transparent URL('./images/right-screen-bottom.png') repeat-x 0px 0px !important;
	margin-left: 18px;
	height: 16px;
}

/*
============= OKÉNKA / RIGHT WRAPPER / PŘÍKLAD =============
*/
.example-right-screen-container {
	display: none;
}

.example-right-screen {
	position: relative;
}

.example-right-screen form {
	height: 35px;
	position: relative;
	left: -4px;	
	/*width: 230px;*/
}

.example-right-screen form input[type=text], 
.example-right-screen form input.dotaz {
	width: 210px;
	height: 20px;
	background: transparent URL('./images/right-screen-hledat.png') no-repeat 0px 0px;
	border-style: none;
	color: gray;
	font-size: 11px;
	padding: 5px 5px 0px 8px;
}

.example-right-screen img {
	position: relative;
	display: block;
	margin: 0px 0px 10px 0px;
}

.example-right-screen a.button {
	position: relative;
	left: -4px;
	display: block;
	color: black;
	font-size: 15px;
	background: transparent URL('./images/button-right-screen-button.png') no-repeat 0px 0px;
	width: 220px;
	height: 45px;
	padding: 3px 0px 0px 12px;
}

.example-right-screen a.button:hover {
	color: white;
	background: transparent URL('./images/button-right-screen-button-active.png') no-repeat 0px 0px;
}


.photogallery { width: 220px; min-height: 200px; float: left; margin: 1px 5px 0px 0px;
    border: 0px solid silver; padding: 5px; }
.photogallery h2 { color: #515280; margin: 0px 0px 8px 0px; }
.photogallery h2 a:hover { text-decoration: none; }
.photogallery img { float: left; margin: 0px 10px 10px 0px;
    -moz-border-radius:4px;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

 }
.photogallery-pictures { display: table; }
.photogallery-picture { float: left; margin: 0 4px 4px 0; text-align: center; position: relative; 
    display: table-cell; vertical-align: middle; }
.photogallery-picture * { vertical-align: middle; }
.photogallery-picture a { display: block; }
.photogallery-picture img { vertical-align: middle; margin: 0; padding: 0; border: 0px solid #d9d9d9;
    background-color: #f3f3f3;
    -moz-border-radius:4px;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	}
.col-right .photogallery-picture { margin: 0 10px 12px 0; }
.photogallery-picture a { display: block; }
.photogallery-picture input.checker { position: absolute; top: 3px; left: 5px; }
.photogallery-picture .opener { position: absolute; top: 3px; right: 5px; }
.photogallery-count { display: none; }

.sibling-photogalleries { float: right; width: 85px; text-align: center; }
.sibling-photogalleries:after { clear: both; }
.sibling-photogalleries strong { color: #3F8BC6; }
.sibling-photogallery { float: left; text-align: center; margin-top: 10px; width: 100%; }
.sibling-photogallery a { display: block; }

/* Doplňkové styly pro editor */
.cervena { color: #bc1d1d}
.bila { color: #ffffff}
.oriskovalight { color: #f6f0e2}
.oriskovadark { color: #e1ce9b}
.oriskovaheader thead{ background-color: #dcc592;}
.oriskovadark tr{ color: #000000; background-color: #e1ce9b;}
.oriskovalight tr{ color: #000000; background-color: #f6f0e2;}
.oriskovadark td{ color: #000000; background-color: #e1ce9b;}
.oriskovalight td{ color: #000000; background-color: #f6f0e2;}



/* Peggy-tooltipy-Tunning */
		
	
		/* Relative positioning*/
		#wrapper1 {
			position: relative;
			margin: 10px auto 20px auto;
		}
		
		/* Hide the original tooltips contents */
		.pin {
			display: none;
		}
		
		.pin .numero {display:block}
		
		/* Begin styling the tooltips and pins */
		.tooltip-up, .tooltip-down {
			position: absolute;
			background: url("./images/bubble.png"); width: 40px; height: 40px;
		}
		
		.tooltip-up1, .tooltip-down1 {
			position: absolute;
			background: url("./images/bubble-blind.png"); width: 40px; height: 40px;
		}
		
		.tooltip-down {
			background-position: 0 -52px;
		}
		
		.tooltip {
			display: none;
			width: 222px;
			cursor: help;
			text-shadow: 0 1px 0 #fff;         
			position: absolute;
			top: 38px;
			left: 120%;
			z-index: 999;
			margin-left: -146px;
			padding:5px;
			color: #222;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow: 0 3px 0 rgba(0,0,0,.7);
			-webkit-box-shadow: 0 3px 0 rgba(0,0,0,.7);
			box-shadow: 0 3px 0 rgba(0,0,0,.7);
			background: #fff1d3;
			background: -webkit-gradient(linear, left top, left bottom, from(#fff1d3), to(#ffdb90));
			background: -webkit-linear-gradient(top, #fff1d3, #ffdb90);
			background: -moz-linear-gradient(top, #fff1d3, #ffdb90);
			background: -ms-linear-gradient(top, #fff1d3, #ffdb90);
			background: -o-linear-gradient(top, #fff1d3, #ffdb90);
			background: linear-gradient(top, #fff1d3, #ffdb90);			
		}
    
		.tooltip1 {
			display: none;
			width: 222px;
			cursor: help;
			text-shadow: 0 1px 0 #fff;         
			position: absolute;
			top: 38px;
			left: 120%;
			z-index: 999;
			margin-left: -120px;
			padding:5px;
			color: #222;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow: 0 3px 0 rgba(0,0,0,.7);
			-webkit-box-shadow: 0 3px 0 rgba(0,0,0,.7);
			box-shadow: 0 3px 0 rgba(0,0,0,.7);
			background: #fff1d3;
			background: -webkit-gradient(linear, left top, left bottom, from(#fff1d3), to(#ffdb90));
			background: -webkit-linear-gradient(top, #fff1d3, #ffdb90);
			background: -moz-linear-gradient(top, #fff1d3, #ffdb90);
			background: -ms-linear-gradient(top, #fff1d3, #ffdb90);
			background: -o-linear-gradient(top, #fff1d3, #ffdb90);
			background: linear-gradient(top, #fff1d3, #ffdb90);			
		} 
		
		.tooltip::after {
			content: '';
			position: absolute;
			top: -10px;
			left: 50%;
			margin-left: -10px;
			border-bottom: 10px solid #fff1d3;
			border-left: 10px solid transparent;
			border-right :10px solid transparent;
		}
		
		.tooltip1::after {
			content: '';
			position: absolute;
			top: -10px;
			left: 44%;
			margin-left: -10px;
			border-bottom: 10px solid #fff1d3;
			border-left: 10px solid transparent;
			border-right :10px solid transparent;
		} 
		
		.tooltip-down .tooltip {
			bottom: 12px;
			top: auto;
		}
		
		.tooltip-down .tooltip::after {
			bottom: -10px;
			top: auto;
			border-bottom: 0;
			border-top: 10px solid #ffdb90;
		}
		
		.tooltip h2 {
			font: bold 1.3em 'Trebuchet MS', Tahoma, Arial;
			margin: 0 0 10px;
		}
		
		.tooltip ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}	

/* Peggy-obrázky-obtékání */
img.left { float: left; margin: 0 10px 0 0; }
img.right { float: right; margin: 0 0 10px 10px; }
.okno img { float: right; margin: 10px 0 10px 10px; }

/* Peggy-menu-strechy-cihly-tech-centrum-informace-2.uroven-sluby-2-uroven-cihly-informace-2-uroven*/
#strechy-box {clear:left; margin:3px}
#strechy-box .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#strechy-box .boxik-1 {width:320px; height: 166px; background: url("./images/stresni-krytina-tlacitko.png") no-repeat scroll 0 0 transparent; float:left;margin-right:8px; padding:15px}
#strechy-box .boxik-3 {width:320px; height: 166px; background: url("./images/sluzby-tlacitko.png") no-repeat scroll 0 0 transparent; float:right;padding:15px} 	
#strechy-box .boxik-5 {width:320px; height: 166px; background: url("./images/tech-info-download-tlacitko.png") no-repeat scroll 0 0 transparent;float:left; padding:15px;margin-right:8px}
#strechy-box .boxik-2 {width:320px; height: 166px; background: url("./images/informace-tlacitko.png") no-repeat scroll 0 0 transparent;float:right; padding:15px} 
#strechy-box .boxik-4 {width:320px; height: 166px; background: url("./images/nabidka-tlacitko.png") no-repeat scroll 0 0 transparent;float:right;padding:15px} 	 	

#cihly-box {clear:left; margin:3px}
#cihly-box .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#cihly-box .boxik-1 {width:320px; height: 166px; background: url("./images/cihly-tlacitko.png") no-repeat scroll 0 0 transparent; float:left;margin-right:8px; padding:15px}
#cihly-box .boxik-3 {width:320px; height: 166px; background: url("./images/cihly-sluzby-tlacitko.png") no-repeat scroll 0 0 transparent; float:right; padding:15px}
#cihly-box .boxik-4 {width:320px; height: 166px; background: url("./images/tech-info-download-tlacitko.png") no-repeat scroll 0 0 transparent; float:left; margin-right:8px; padding:15px} 
#cihly-box .boxik-2 {width:320px; height: 166px; background: url("./images/informace-cihly-tlacitko.png") no-repeat scroll 0 0 transparent;float:right; padding:15px} 	



#centrum-box {clear:left; margin:3px}
#centrum-box .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#centrum-box .boxik-1 {width:320px; height: 166px; background: url("./images/tech-info-reseni-sikmych-strech-tlacitko.png") no-repeat scroll 0 0 transparent; float:left;margin-right:8px; padding:15px}
#centrum-box .boxik-2 {width:320px; height: 166px; background: url("./images/tech-info-stresni-krytina-tlacitko.png") no-repeat scroll 0 0 transparent;float:right; padding:15px} 	
#centrum-box .boxik-3 {width:320px; height: 166px; background: url("./images/tech-info-cihly-tlacitko.png") no-repeat scroll 0 0 transparent; float:left;margin-right:8px; padding:15px}
#centrum-box .boxik-4 {width:320px; height: 166px; background: url("./images/tech-info-download-tlacitko.png") no-repeat scroll 0 0 transparent; float:right; padding:15px}  

#informace-pro-box {clear:left; margin:3px}
#informace-pro-box .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#informace-pro-box .boxik-1 {width:320px; height: 166px; background: url("./images/informace-pro-verejnost.png") no-repeat scroll 0 0 transparent; float:left;margin-right:8px; padding:15px}
#informace-pro-box .boxik-2 {width:320px; height: 166px; background: url("./images/informace-pro-pokryvace.png") no-repeat scroll 0 0 transparent;float:right; padding:15px} 	
#informace-pro-box .boxik-3 {width:320px; height: 166px; background: url("./images/informace-pro-projektanty.png") no-repeat scroll 0 0 transparent; float:left;margin-right:8px; padding:15px} 	
#informace-pro-box .boxik-4 {width:320px; height: 166px; background: url("./images/informace-pro-ochranu-pamatek.png") no-repeat scroll 0 0 transparent;float:right;padding:15px} 

#informace-pro-box .boxik-5 {width:320px; height: 166px; background: url("./images/slevy-tondach.png") no-repeat scroll 0 0 transparent; float:left;margin-right:8px; padding:15px}
#informace-pro-box .boxik-6 {width:320px; height: 166px; background: url("./images/tondach-o-spolecnosti.png") no-repeat scroll 0 0 transparent;float:right;margin-right:8px; padding:15px} 	
#informace-pro-box .boxik-7 {width:320px; height: 166px; background: url("./images/informace-cihly-tlacitko.png") no-repeat scroll 0 0 transparent; float:right;padding:15px} 	
#informace-pro-box .boxik-8 {width:320px; height: 166px; background: url("./images/tondach-formulare.png") no-repeat scroll 0 0 transparent;float:left;margin-right:8px;padding:15px}
#informace-pro-box .boxik-9 {width:320px; height: 166px; background: url("./images/fotogalerie-realizaci.png") no-repeat scroll 0 0 transparent; float:right; padding:15px}


	 

#informace-2-box {clear:left; margin:3px}
#informace-2-box .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#informace-2-box .boxik-0 {width:195px; height: 90px; background: url("./images/tondach-cenik.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#informace-2-box .boxik-1 {width:195px; height: 90px; background: url("./images/01-strecha-dela-dum.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#informace-2-box .boxik-2 {width:195px; height: 90px; background: url("./images/02-jak-vybrat-strechu.png") no-repeat scroll 0 0 transparent;float:left; margin-right:10px; margin-bottom:10px; padding:15px} 	
#informace-2-box .boxik-3 {width:195px; height: 90px; background: url("./images/03-stresni-krytina.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-bottom:10px}

#informace-2-box .boxik-4 {width:195px; height: 90px; background: url("./images/04-prednosti-palene-tasky.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}
#informace-2-box .boxik-5 {width:195px; height: 90px; background: url("./images/05-stresni-konstrukce.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}  
#informace-2-box .boxik-6 {width:195px; height: 90px; background: url("./images/06-sedlova-strecha.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}  

#informace-2-box .boxik-7 {width:195px; height: 90px; background: url("./images/07-rekonstrukce-strech.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}  
#informace-2-box .boxik-8 {width:195px; height: 90px; background: url("./images/08-slovnicek-pojmu.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}  
#informace-2-box .boxik-9 {width:195px; height: 90px; background: url("./images/09-ke-stazeni.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-bottom:10px} 
#informace-2-box .boxik-10 {width:195px; height: 90px; background: url("./images/zaslat-dotaz.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}   

#sluzby-2-box {clear:left; margin:3px}
#sluzby-2-box .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#sluzby-2-box .boxik-1 {width:195px; height: 90px; background: url("./images/01-poradenstvi-obchodnich-zastupcu.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#sluzby-2-box .boxik-2 {width:195px; height: 90px; background: url("./images/02-vypocet-strechy-zdarma.png") no-repeat scroll 0 0 transparent;float:left; margin-right:10px; margin-bottom:10px; padding:15px}
#sluzby-2-box .boxik-7 {width:195px; height: 90px; background: url("./images/tondach-solar-dotaznik.png") no-repeat scroll 0 0 transparent;float:left; margin-bottom:10px; padding:15px} 	 	
#sluzby-2-box .boxik-3 {width:195px; height: 90px; background: url("./images/03-vizualizace-strechy.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}

#sluzby-2-box .boxik-4 {width:195px; height: 90px; background: url("./images/04-prohlidka-realizaci.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}
#sluzby-2-box .boxik-5 {width:195px; height: 90px; background: url("./images/05-all-inclusive.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-bottom:10px}  
#sluzby-2-box .boxik-6 {width:195px; height: 90px; background: url("./images/06-sluzby-doprava.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}  

#cihly-informace-2-box {clear:left; margin:3px}
#cihly-informace-2-box .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#cihly-informace-2-box .boxik-1 {width:195px; height: 90px; background: url("./images/01-zdici-systemy.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#cihly-informace-2-box .boxik-2 {width:195px; height: 90px; background: url("./images/02-jak-usetrit.png") no-repeat scroll 0 0 transparent;float:left; margin-right:10px; margin-bottom:10px; padding:15px} 	
#cihly-informace-2-box .boxik-3 {width:195px; height: 90px; background: url("./images/03-cihly-slovnicek-pojmu.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-bottom:10px}
#cihly-informace-2-box .boxik-4 {width:195px; height: 90px; background: url("./images/cihly-zalozeni-stavby.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-bottom:10px}   

#cihly-sluzby-2-box {clear:left; margin:3px}
#cihly-sluzby-2-box .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#cihly-sluzby-2-box .boxik-1 {width:195px; height: 90px; background: url("./images/cihly-sluzby-doprava.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#cihly-sluzby-2-box .boxik-2 {width:195px; height: 90px; background: url("./images/cihly-vypocet-zdarma.png") no-repeat scroll 0 0 transparent;float:left; margin-right:10px; margin-bottom:10px; padding:15px} 	

#informace-pro-verejnost-box {clear:left; margin:3px}
#informace-pro-verejnost-box .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#informace-pro-verejnost-box .boxik-1 {width:195px; height: 90px; background: url("./images/informace-veletrhy-vystavy.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#informace-pro-verejnost-box .boxik-2 {width:195px; height: 90px; background: url("./images/02-jak-vybrat-strechu.png") no-repeat scroll 0 0 transparent;float:left; margin-right:10px; margin-bottom:10px; padding:15px} 	
#informace-pro-verejnost-box .boxik-3 {width:195px; height: 90px; background: url("./images/aktualni-slevove-akce.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px;margin-bottom:10px}

#informace-pro-verejnost-box .boxik-4 {width:195px; height: 90px; background: url("./images/04-prednosti-palene-tasky.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}
#informace-pro-verejnost-box .boxik-5 {width:195px; height: 90px; background: url("./images/informace-katalog-pokryvacu.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}  
#informace-pro-verejnost-box .boxik-6 {width:195px; height: 90px; background: url("./images/informace-realizace-strech-ve-vasem-okoli.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-bottom:10px}  

#informace-pro-verejnost-box .boxik-7 {width:195px; height: 90px; background: url("./images/informace-aktuality.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}  
#informace-pro-verejnost-box .boxik-8 {width:195px; height: 90px; background: url("./images/informace-zaruka-all-inclusive.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}  
#informace-pro-verejnost-box .boxik-9 {width:195px; height: 90px; background: url("./images/informace-casto-kladene-otazky.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-bottom:10px}   
#informace-pro-verejnost-box .boxik-10 {width:195px; height: 90px; background: url("./images/02-vypocet-strechy-zdarma.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-bottom:10px}	

#informace-pro-pokryvace-box {clear:left; margin:3px}
#informace-pro-pokryvace-box .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#informace-pro-pokryvace-box .boxik-1 {width:195px; height: 90px; background: url("./images/aktualni-slevove-akce.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#informace-pro-pokryvace-box .boxik-2 {width:195px; height: 90px; background: url("./images/informace-projektanti-seminare.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#informace-pro-pokryvace-box .boxik-3 {width:195px; height: 90px; background: url("./images/informace-pokryvaci-tps.png") no-repeat scroll 0 0 transparent;float:left; margin-right:10px; margin-bottom:10px; padding:15px} 	
#informace-pro-pokryvace-box .boxik-4 {width:195px; height: 90px; background: url("./images/informace-pokryvaci-objednavka-prospektu.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}
#informace-pro-pokryvace-box .boxik-5 {width:195px; height: 90px; background: url("./images/informace-pokryvaci-zadost-o-exkurzi.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}  
#informace-pro-pokryvace-box .boxik-6 {width:195px; height: 90px; background: url("./images/technicke-informace.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}

#informace-pro-projektanty-box {clear:left; margin:3px}
#informace-pro-projektanty-box .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#informace-pro-projektanty-box .boxik-1 {width:195px; height: 90px; background: url("./images/informace-projektanti-seminare.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#informace-pro-projektanty-box .boxik-2 {width:195px; height: 90px; background: url("./images/informace-projektanti-zadost-o-vypocet.png") no-repeat scroll 0 0 transparent;float:left; margin-right:10px; margin-bottom:10px; padding:15px} 	
#informace-pro-projektanty-box .boxik-3 {width:195px; height: 90px; background: url("./images/informace-projektanti-zadost-obchodnik.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-bottom:10px}
#informace-pro-projektanty-box .boxik-4 {width:195px; height: 90px; background: url("./images/informace-projektanti-technicke-info.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}
#informace-pro-projektanty-box .boxik-5 {width:195px; height: 90px; background: url("./images/informace-projektanti-program.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}  
#informace-pro-projektanty-box .boxik-6 {width:195px; height: 90px; background: url("./images/informace-projektanti-zadost-exkurze.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-bottom:10px}
#informace-pro-projektanty-box .boxik-7 {width:195px; height: 90px; background: url("./images/technicke-informace.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}  
 
#informace-pro-pamatky-box {clear:left; margin:3px}
#informace-pro-pamatky-box .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#informace-pro-pamatky-box .boxik-1 {width:195px; height: 90px; background: url("./images/informace-pamatky-zadost-obchodnik.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#informace-pro-pamatky-box .boxik-2 {width:195px; height: 90px; background: url("./images/informace-pamatky-technicke-info.png") no-repeat scroll 0 0 transparent;float:left; margin-right:10px; margin-bottom:10px; padding:15px} 	
#informace-pro-pamatky-box .boxik-3 {width:195px; height: 90px; background: url("./images/informace-pamatky-realizace-strech-pamatek.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-bottom:10px}
#informace-pro-pamatky-box .boxik-4 {width:195px; height: 90px; background: url("./images/informace-pamatky-spolupracujeme.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}
#informace-pro-pamatky-box .boxik-5 {width:195px; height: 90px; background: url("./images/informace-pamatky-zadost-vypocet.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px} 

#tuning-box {clear:left; margin:3px}
#tuning-box .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#tuning-box .boxik-1 {width:195px; height: 90px; background: url("./images/01-drzaky.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#tuning-box .boxik-2 {width:195px; height: 90px; background: url("./images/02-pochuzny-system.png") no-repeat scroll 0 0 transparent;float:left; margin-right:10px; margin-bottom:10px; padding:15px} 	
#tuning-box .boxik-3 {width:195px; height: 90px; background: url("./images/03-podstresni-konstrukce.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-bottom:10px}
#tuning-box .boxik-11 {width:195px; height: 90px; background: url("./images/01-drzaky-1.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}

#tuning-box .boxik-4 {width:195px; height: 90px; background: url("./images/04-prosvetleni-vylezy-otvory.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}
#tuning-box .boxik-5 {width:195px; height: 90px; background: url("./images/05-protisnehovky.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}  
#tuning-box .boxik-6 {width:195px; height: 90px; background: url("./images/06-satelitni-a-odvetravaci.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-bottom:10px}  

#tuning-box .boxik-7 {width:195px; height: 90px; background: url("./images/07-system-odvetrani-turbokotle.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}  
#tuning-box .boxik-8 {width:195px; height: 90px; background: url("./images/08-solar.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}  
#tuning-box .boxik-9 {width:195px; height: 90px; background: url("./images/09-uzlabi.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-bottom:10px} 
#tuning-box .boxik-10 {width:195px; height: 90px; background: url("./images/10-vetraci-pasy.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#tuning-box .boxik-12 {width:195px; height: 90px; background: url("./images/zajisteni-proti-padu.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}  


#keram-box {clear:left; margin:3px}
#keram-box .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#keram-box .boxik-1 {width:195px; height: 90px; background: url("./images/hrebenac-cislo-2.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#keram-box .boxik-2 {width:195px; height: 90px; background: url("./images/hrebenac-cislo-3.png") no-repeat scroll 0 0 transparent;float:left; margin-right:10px; margin-bottom:10px; padding:15px} 	
#keram-box .boxik-3 {width:195px; height: 90px; background: url("./images/hrebenac-cislo-4.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-bottom:10px}

#keram-box .boxik-4 {width:195px; height: 90px; background: url("./images/hrebenac-cislo-1.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}
#keram-box .boxik-5 {width:195px; height: 90px; background: url("./images/hrebenac-cislo-5.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}  
#keram-box .boxik-6 {width:195px; height: 90px; background: url("./images/hrebenac-cislo-7.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-bottom:10px}  

#keram-box .boxik-7 {width:195px; height: 90px; background: url("./images/hrebenac-drazkovy-s-17.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}  
#keram-box .boxik-8 {width:195px; height: 90px; background: url("./images/hrebenac-hladky.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}  
#keram-box .boxik-9 {width:195px; height: 90px; background: url("./images/prostupova-taska.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-bottom:10px} 

#keram-box .boxik-10 {width:195px; height: 90px; background: url("./images/nastavec-na-odvetrani.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px} 
#keram-box .boxik-12 {width:195px; height: 90px; background: url("./images/keramicke-doplnky-nastavec-pro-antenu.png") no-repeat scroll 0 0 transparent;float:left;  margin-right:10px; margin-bottom:10px; padding:15px} 
#keram-box .boxik-11 {width:195px; height: 90px; background: url("./images/keramicke-doplnky.png") no-repeat scroll 0 0 transparent;float:left; margin-bottom:10px; padding:15px}   
#keram-box .boxik-13 {width:195px; height: 90px; background: url("./images/01-drzaky.png") no-repeat scroll 0 0 transparent;float:left; margin-bottom:10px; padding:15px} 


#tc-strechy {clear:left; margin:3px}
#tc-strechy .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#tc-strechy .boxik-1 {width:195px; height: 90px; background: url("./images/technicke-centrum-tuning.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#tc-strechy .boxik-2 {width:195px; height: 90px; background: url("./images/technicke-centrum-oceneni.png") no-repeat scroll 0 0 transparent;float:left; margin-right:10px; margin-bottom:10px; padding:15px} 	
#tc-strechy .boxik-3 {width:195px; height: 90px; background: url("./images/prospekty-stresni-krytina.png") no-repeat scroll 0 0 transparent; float:left; margin-right:10px; padding:15px; margin-bottom:10px}

#tc-strechy .boxik-4 {width:195px; height: 90px; background: url("./images/technicke-centrum-techinfo.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}
#tc-strechy .boxik-5 {width:195px; height: 90px; background: url("./images/technicke-centrum-techinfo-strechy.png") no-repeat scroll 0 0 transparent; float:left;  padding:15px; margin-right:10px; margin-bottom:10px}  
#tc-strechy .boxik-6 {width:195px; height: 90px; background: url("./images/technicke-centrum-certifikaty.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-bottom:10px;margin-right:10px}  

#tc-strechy .boxik-7 {width:195px; height: 90px; background: url("./images/technicke-centrum-videopostupy.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}  
#tc-strechy .boxik-8 {width:195px; height: 90px; background: url("./images/technicke-centrum-vypoctovy-program.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px} 
#tc-strechy .boxik-9 {width:195px; height: 90px; background: url("./images/tondach-pracovni-postupy.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}  


#tc-zdivo {clear:left; margin:3px}
#tc-zdivo .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#tc-zdivo .boxik-0 {width:195px; height: 90px; background: url("./images/cenik-cihly.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#tc-zdivo .boxik-1 {width:195px; height: 90px; background: url("./images/technicke-centrum-certifikaty.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#tc-zdivo .boxik-2 {width:195px; height: 90px; background: url("./images/prospekty-stresni-krytina.png") no-repeat scroll 0 0 transparent;float:left; margin-right:10px; margin-bottom:10px; padding:15px} 	
#tc-zdivo .boxik-3 {width:195px; height: 90px; background: url("./images/technicke-centrum-vypoctovy-program.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-bottom:10px}
#tc-zdivo .boxik-4 {width:195px; height: 90px; background: url("./images/02-jak-usetrit.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-bottom:10px}

#tc-tondach {clear:left; margin:3px}
#tc-tondach .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#tc-tondach .boxik-1 {width:195px; height: 90px; background: url("./images/predstaveni-spolecnosti.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#tc-tondach .boxik-2 {width:195px; height: 90px; background: url("./images/historie-spolecnosti.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#tc-tondach .boxik-3 {width:195px; height: 90px; background: url("./images/proc-vybrat-tondach.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}

#formulare {clear:left; margin:3px}
#formulare .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#formulare .boxik-1 {width:195px; height: 90px; background: url("./images/formulare-3-uroven.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#formulare .boxik-2 {width:195px; height: 90px; background: url("./images/formulare-3-uroven.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#formulare .boxik-3 {width:195px; height: 90px; background: url("./images/formulare-3-uroven.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}

#realizace {clear:left; margin:3px}
#realizace .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#realizace .boxik-1 {width:195px; height: 90px; background: url("./images/fotogalerie-realizaci-tondach.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#realizace .boxik-2 {width:195px; height: 90px; background: url("./images/strechy-v-okoli.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#realizace .boxik-3 {width:195px; height: 90px; background: url("./images/fotobanka.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}

#reseni {clear:left; margin:3px}
#reseni .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#reseni .boxik-1 {width:195px; height: 90px; background: url("./images/reseni-sikmych-strech.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#reseni .boxik-2 {width:195px; height: 90px; background: url("./images/informace-projektanti-technicke-info.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}

#poradna-strechy {clear:left; margin:3px}
#poradna-strechy .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#poradna-strechy .boxik-1 {width:195px; height: 90px; background: url("./images/02-jak-vybrat-strechu.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#poradna-strechy .boxik-2 {width:195px; height: 90px; background: url("./images/07-rekonstrukce-strech.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#poradna-strechy .boxik-3 {width:195px; height: 90px; background: url("./images/technicke-centrum-videopostupy.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}

#tc-kestazeni {clear:left; margin:3px}
#tc-kestazeni .nadpis  {font-size: 14px; color:#990000; font-weight: bold; margin-bottom:15px }
#tc-kestazeni .boxik-1 {width:195px; height: 90px; background: url("./images/prospekty-stresni-krytina.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#tc-kestazeni .boxik-2 {width:195px; height: 90px; background: url("./images/prospekty-stresni-krytina.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}
#tc-kestazeni .boxik-3 {width:195px; height: 90px; background: url("./images/technicke-centrum-vypoctovy-program.png") no-repeat scroll 0 0 transparent; float:left; padding:15px; margin-right:10px; margin-bottom:10px}

#podzimni-akce-2012 {width:930px; height:700px; background: url("http://media.tondach.cz/userfiles/image/akce-souteze/akce-rychleji-levneji-2012/kamion-pozadi.jpg") no-repeat scroll center top; margin-top:20px}
#podzimni-akce-2012 h1 {color:white; font-size:30px; font-weight: bold; margin: 10px 0 10px 64px !important; padding-top:20px }
#podzimni-akce-2012 h1 strong {color:white; font-size:34px; font-weight: bold}
#podzimni-akce-2012 h2 {color:white; font-size:34px; font-weight: bold; margin: 0 0 150px 73px} 
#podzimni-akce-2012 p {color:black; font-size:12px; margin-left:5px; line-height:120%}
#podzimni-akce-2012 p strong {color:black; font-size:14px; font-weight:bold}
#podzimni-akce-2012 #tabulka {margin-left:15px}  
#podzim-akce-2012 {background: url("http://www.tondach.cz/userfiles/image/akce-souteze/akce-rychleji-levneji-2012/tasky-pozadi.png") no-repeat scroll 23% 58%}

#skoleni-pokryvacu-2 {height:490px; background: url("http://media.tondach.cz/userfiles/image/informace/skoleni-2-pozadi.jpg") no-repeat scroll center -16px; padding: 235px 40px 0px 170px}
#skoleni-pokryvacu-1 {height:230px; background: url("http://media.tondach.cz/userfiles/image/informace/skoleni-1-pozadi.jpg") no-repeat scroll top center; padding: 115px 180px 0px 80px}

#skoleni-pokryvacu-2013-2 {height:250px; background: url("./images/skoleni-pokryvacu-pozadi-2.jpg") no-repeat scroll top center; padding: 95px 180px 0px 30px}
#skoleni-pokryvacu-2013-2 #program {margin-left:25px; margin-top:16px}
#skoleni-pokryvacu-2013-2 h3 {margin-top:7px; margin-bottom:7px; color:red}
#skoleni-pokryvacu-2013-2 #prihlasit {float:right; position:relative; top:110px; left:150px}
#skoleni-pokryvacu-2013-2 #text {line-height:160%;}

#skoleni-pokryvacu-2013-1 {height:300px; background: url("./images/skoleni-pokryvacu-pozadi.jpg") no-repeat scroll top center; padding: 95px 180px 0px 30px}
#skoleni-pokryvacu-2013-1 h2 {font-size:20px}
#skoleni-pokryvacu-2013-1 h3 {font-size:15px}
#skoleni-pokryvacu-2013-1 ul {margin-left:-13px;margin-top:26px; }
#skoleni-pokryvacu-2013-1 ul li {list-style-image: url('./images/red-sqare.png')}
#skoleni-pokryvacu-2013-1 #prihlasit {float:right; position:relative; top:110px; left:150px} 

#PF-2013-hp { padding-top:145px }
/* FAQ - symbol seznamu */
#faq ul li {
  list-style: none;
  background: url("./images/icons/faq-symbol.png") no-repeat scroll 0 0 transparent;  
  display: block;
  font-size:14px;
  font-weight: bold;
  margin-left: -25px;
  padding: 5px 0 5px 30px;
  text-decoration: none;
  color: #000000;    
}


/* obchodni oddeleni */
#obchodni-oddeleni {
	padding:0px 20px;
}

#obchodni-oddeleni table tr td{
	padding-left:10px;
  line-height:150%
}

#obchodni-oddeleni div.rightbox {
	/*float: right;*/
}

#obchodni-oddeleni p {
	background-color: #F6F0E2;
	padding:5px 10px;
	font-size:13px;
  color: #aa9000;
  margin-bottom:5px;
}

#obchodni-oddeleni div.leftbox p {
	background: none;
	padding-bottom: 8px;
	font-size:12px;
}

#obchodni-oddeleni div.rightbox p {
	background: none;
	padding-bottom: 8px;
	font-size:12px;
}

/* Hledání */
.search-result {
	padding-bottom: 15px;
}
h2.search-result a{
	color: black;
}

/* Sitemap */


/* Formuláře */
div.form-widget
 {
	background: none;
}

.form-widget form    {
/*background: -webkit-gradient(linear, bottom, left 175px, from(#ede1c5), to(#fbf8f0));
background: -moz-linear-gradient(bottom, #ede1c5, #fbf8f0 175px);*/
background: #fbf8f0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZjhmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE3NXB4IiBzdG9wLWNvbG9yPSIjZWRlMWM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #fbf8f0 0%, #ede1c5 175px); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbf8f0), color-stop(175px,#ede1c5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbf8f0 0%,#ede1c5 175px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbf8f0 0%,#ede1c5 175px); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbf8f0 0%,#ede1c5 175px); /* IE10+ */
background: linear-gradient(top,  #fbf8f0 0%,#ede1c5 175px); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf8f0', endColorstr='#ede1c5',GradientType=0 ); /* IE6-8 */
margin:auto;
position:relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: 1px solid #999;
border: inset 1px solid #333;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.form-widget table th, .form-widget table td {
    border-bottom: 0px solid #E6D7B0;
    border-top: 0px solid #E6D7B0;
    padding: 2px 4px 3px;
}

.form-widget input[type=text]   {
width:70%;
border: 1px solid #999;
height: 16px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
padding: 2px 5px;
}

.form-widget input[type=radio], .form-widget input[type=checkbox]   {
width:20px;
}

.form-widget textarea    {
border: 1px solid #999;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.form-widget input.potvrd {
font-weight: bolder;
padding: 0 0 4px 0;
margin-bottom: 10px;
width:150px;
background:#d9261b;
color:#fff;
height:30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #999;
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.form-widget input.potvrd:hover {
background:#b52c24;
color:#fff;
}

/* Soubory přípony */

.col-main a[href$='.pdf'] {
display:inline-block;
line-height:32px; 
padding-left:40px;
background: transparent url(./images/icons/ico-pdf.png)  center left no-repeat;
} 
.col-main a img[href$='.pdf'] {
background-image:url('');
} 

.col-main a[href$='.doc'] {
display:inline-block;
line-height:32px; 
padding-left:40px;
background: transparent url(./images/icons/ico-doc.png)  center left no-repeat;
} 
.col-main a[href$='.3ds'],a[href$='.3d'],a[href$='.max'],a[href$='.gsm'] {
display:inline-block;
line-height:32px; 
padding-left:40px;
background: transparent url(./images/icons/ico-3d.png)  center left no-repeat;
} 

.col-main a[href$='.dwg'] {
display:inline-block;
line-height:32px; 
padding-left:40px;
background: transparent url(./images/icons/ico-dwg.png)  center left no-repeat;
}

.col-main a[href$='.dxf'] {
display:inline-block;
line-height:32px; 
padding-left:40px;
background: transparent url(./images/icons/ico-dxf.gif)  center left no-repeat;
}

.col-main a[href$='.doc'] {
display:inline-block;
line-height:32px; 
padding-left:40px;
background: transparent url(./images/icons/ico-doc.png)  center left no-repeat;
}

.col-main a[href$='.exe'] {
display:inline-block;
line-height:32px; 
padding-left:40px;
background: transparent url(./images/icons/ico-exe.png)  center left no-repeat;
}

/* .col-main a[href$='.jpg'] {
display:inline-block;
line-height:32px;
padding-left:40px;
background: transparent url(./images/icons/ico-jpg.png)  center left no-repeat;
} */

/* Stránky */

.slovnik strong{
font-size: 14px;
color: #bc1d1d;
}

.slovnik ul li{
list-style-type: none; 
margin-bottom: 15px
}

.pruh-form  div{
	padding: 19px 0px 0px 10px;
	background: transparent URL('./images/pruh-bg-reference.png') no-repeat top left;
	height: 70px;
}

ins {
    text-decoration: none;
    font-weight: bold;
    color: #bc1d1d;
}

/* clear fix */
#form-global-tabs ul:before, #form-global-tabs ul:after { content: ""; display: table; }
#form-global-tabs ul:after { clear: both; }
#form-global-tabs ul { zoom: 1; }

#form-global-tabs .ui-tabs-hide {
    display: none;
}
#form-global-tabs {
	position: relative;
}
#form-global-tabs > ul {
	list-style-type: none;
	margin: 0; 
	padding: .2em .2em 0 1em;
}
#form-global-tabs > ul li {
	text-align: center;
	font-size: 14px;
	float: left;
	position: relative;
	margin: 0 .2em 0 0;
}
#form-global-tabs > ul li a {
	text-decoration: none;
	display: block;
	background: #fbf8f0;
	border: 1px solid #f4edda;
	border-width: 1px 1px 0 1px;
	padding: .3em 1em;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#form-global-tabs > ul li.active a, 
#form-global-tabs > ul li.ui-tabs-selected a, 
#form-global-tabs > ul li.ui-state-active a {
	font-weight: bold;
	color: white;
	background-color: #d4261c;
	border-color: #d4261c;
}
#form-global-tabs > ul li a:hover, 
#form-global-tabs > ul li.ui-state-hover a {
	background-color: #d4261c;
	border-color: #d4261c;
	color: white;
}

/* table styling */
#form-global-tabs table {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#form-global-tabs table th {
	font-size: 14px;
	padding: 0.3em 0;
}


#form-tabs {
	position: relative;
}

#form-tabs ul {
	position: relative;
	width: 634px;
	list-style-type: none;
	margin: 0; 
	padding: .2em .2em 0;
}
#form-tabs ul li {
	position: relative;
	/* width: 32%; */
	text-align: left;
	font-size: 12px;
	line-height: 26px;
	float: left;
	position: relative;
	margin: 0 20px 1px 0;
}
#form-tabs ul li a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	color: black;
}
#form-tabs ul li.active a, 
#form-tabs ul li.ui-tabs-selected a, 
#form-tabs ul li.ui-state-active a {
	color: black;
	text-decoration: underline;
}
#form-tabs ul li a:hover, 
#form-tabs ul li.ui-state-hover a {
	color: black;
	text-decoration: underline;
}
#form-tabs ul li.ui-state-disabled a,
#form-tabs ul li.ui-state-disabled a:hover,
#form-tabs ul li.ui-state-disabled.ui-state-hover a {
	color: #CCCCCC;
}
#form-tabs ul li a span {
	float: left;
	width: 26px;
	height: 26px;
	line-height: 26px;
	margin-right: 14px;
	text-align: center;
	background: red;
	color: white;
	font-weight: bold;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}
#form-tabs ul li.ui-state-disabled a span {
	background: #CCCCCC;
}




/*#form-accordion { width: 100%; }
#form-accordion .ui-accordion-header { 
	cursor: pointer; 
	position: relative; 
	margin: 0px; 
	margin-top: 6px;
	zoom: 1; 
	background: #fbf8f0;
	border: 1px solid #f4edda;
	outline: none;
}
#form-accordion .ui-accordion-header.ui-corner-all {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#form-accordion .ui-accordion-header.ui-corner-top {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#form-accordion .ui-accordion-li-fix { display: inline; }
#form-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
#form-accordion .ui-accordion-header a { display: block; font-size: 1.1em; padding: .5em .5em .5em .7em; outline: none; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
#form-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
#form-accordion .ui-accordion-content { padding: .5em 1.0em .9em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; background: #FBF8F0; 
	border: solid #f4edda;
	border-width: 0 1px 1px 1px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#form-accordion .ui-accordion-content-active { display: block; }*/

a.icon-vote { float: right; background: url(./images/ico-vote.png) no-repeat left top; 
    padding-left: 20px; display: block; color: black; font-weight: bold; margin-right: 10px; }
a.icon-back { background: url(./images/ico-goback.png) no-repeat left top; margin-bottom: 20px;
    padding-left: 30px; display: block; font-weight: bold; font-size: 130%; line-height: 170%; 
    text-decoration: none; }
.photogallery-vote { float: left; width: 230px; }
.photogallery-vote p { font-weight: bold; }    
.sharrre .button{
    float:left;
    width:60px;
}
.sharrre .button span { background: none !important; margin: 0 !important; padding: 0 !important;}
.vote-container { /*background-color: #F6F1E3;*/ width: 350px; font-size: 120%; }
.vote-container h2 { color: #B52C24; }
.vote-container p { margin-bottom: 15px; }


/* objednavky */
body.order .col-main-background {
    background: #fff;
    width: 988px;
}

h1.order {
    background: url(./images/orders-top-strip.png) top right no-repeat;
    color: #B52C24;
    min-height: 40px;
}

#form-order-tabs ul:before, #form-order-tabs ul:after { content: ""; display: table; }
#form-order-tabs ul:after { clear: both; }
#form-order-tabs ul { zoom: 1; }

#form-order-tabs .ui-tabs-hide {
    display: none;
}
#form-order-tabs {
    position: relative;
}
#form-order-tabs > ul {
    list-style-type: none;
    margin: 0; 
    padding: .2em .2em 0 1em;
}
#form-order-tabs > ul li {
    text-align: center;
    font-size: 14px;
    float: left;
    position: relative;
    margin: 0 .2em 0 0;
}
#form-order-tabs > ul li a {
    text-decoration: none;
    display: block;
    background: #fbf8f0;
    border: 1px solid #f4edda;
    border-width: 1px 1px 0 1px;
    padding: .3em 1em;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#form-order-tabs > ul li.active a, 
#form-order-tabs > ul li.ui-tabs-selected a, 
#form-order-tabs > ul li.ui-state-active a {
    font-weight: bold;
    color: white;
    background-color: #d4261c;
    border-color: #d4261c;
}
#form-order-tabs > ul li a:hover, 
#form-order-tabs > ul li.ui-state-hover a {
    background-color: #d4261c;
    border-color: #d4261c;
    color: white;
}

#dialogDiv {
    text-align: left;
}
#dialogDiv h2 {
    color: #B52C24;
}
.form-basket input.potvrd {
font-weight: bolder;
padding: 3px 10px;
background:#d9261b;
color:#fff;
height:30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #999;
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.shipping {
    width: 250px;
    float: left;
}

.shipping-rt {
    width: 250px;
    float: right;
	margin-bottom: 10px;
}
.shipping-rt .shipping-bg {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #E6D7B0;
    padding: 10px;
}
.shipping-rt table, .price-total table, #order-contact table {
    box-shadow: none;
}
.shipping a {
    margin-top: 40px;
    text-decoration: none;
    display: inline-block;
    font-weight: bolder;
padding: 10px 20px;
background:#CAAF7C;
color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 120%;
}

.shipping-rt table td, .shipping-rt table th,
.price-total table td, .price-total table th {
    border: none;
}

.price-total {
    width: 300px;
    float: right;
    font-weight: bold;
}
.price-total .price-total-bg {
    background-color: #CAAF7C;
    padding: 10px;
}
.price-total table td.total {
    border-top: 2px solid #000;
    font-size: 120%;
}
.price-total a, .price-total input[type="submit"] {
    margin-top: 40px;
    text-decoration: none;
    display: inline-block;
    font-weight: bolder;
padding: 10px 20px;
background:#d9261b;
color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 120%;
}

#order-contact table th, #order-contact table td {
    border-bottom: 0px solid #E6D7B0;
    border-top: 0px solid #E6D7B0;
    padding: 2px 4px 3px;
}

#order-contact input[type=text]   {
border: 1px solid #999;
height: 16px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
padding: 2px 5px;
width: 145px;
}

#order-contact input.longtext   {
    width: 345px;
}
#order-contact input[type=radio], #order-contact input[type=checkbox]   {
width:20px;
}

#order-contact textarea    {
border: 1px solid #999;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.order-contact-left-1, .order-contact-right-1, .order-contact-left-2, .order-contact-right-2 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #E6D7B0;
    padding: 10px;
    width: 400px;
    margin-top: 20px;
}
.order-contact-left-1, .order-contact-right-1 {
    min-height: 200px;
}
.order-contact-left-2, .order-contact-right-2 {
    min-height: 100px;
}
.order-contact-right-1, .order-contact-right-2 {
    float: right;
}
.order-contact-left-1, .order-contact-left-2 {
    float: left;
}

.pruh-pricemenu.order table th, .pruh-pricemenu.order  table td {
    padding: 3px 0;
}

.obj-text {width:440px; float:left}
#objednavky-menu {margin-left:15px}
#objednavky-menu a:hover {cursor: hand}
.hp-obj-strechy {width:300px; height:250px; float: left; margin-right:5px; background: url(./images/objednavky-hp-1a.jpg) no-repeat center top;}
.hp-obj-strechy:hover {width:300px; height:250px; float: left; margin-right:5px; background: url(./images/objednavky-hp-1a-on.jpg) no-repeat center top}
.hp-obj-keram {width:300px; height:250px;float: left; margin-right:5px; background: url(./images/objednavky-hp-3a.jpg) no-repeat center top;}
.hp-obj-keram:hover {width:300px; height:250px;float: left; margin-right:5px; background: url(./images/objednavky-hp-3a-on.jpg) no-repeat center top}
.hp-obj-tuning {width:300px; height:250px; float: left; background: url(./images/objednavky-hp-4a.jpg) no-repeat center top;}
.hp-obj-tuning:hover {width:300px; height:250px; float: left; background: url(./images/objednavky-hp-4a-on.jpg) no-repeat center top}
.dr-obj {color:#bc1d1d} 

#obj-podminky {position:relative; top:50px; left:80px}
.obj-obch {text-align:center; width:100px; height:130px; background: url(./images/obchodni-podminky.png) no-repeat center top; float:left; margin-right:15px}
.obj-post {text-align:center; width:100px; height:130px; background: url(./images/postovne-balne.png) no-repeat center top; float:left; margin-right:15px}
.obj-rekl {text-align:center; width:100px; height:130px; background: url(./images/reklamace.png) no-repeat center top; float:left;}

.link-eshop {width:716px; height:60px; background: url(./images/novinka-eshop-drobne-objednavky-link-roll.jpg) no-repeat 0px 0px; }
.link-eshop a { font-size:18px; color:black; font-weight:bold; text-decoration:none;padding: 21px 229px 18px 100px; position: relative;text-decoration: none;top: 20px; }
.link-eshop a:hover {font-size:18px; color:white; font-weight:bold; text-decoration:underline; padding: 21px 229px 18px 100px; position: relative;text-decoration: underline;top: 20px;}
.link-eshop:hover {width:716px; height:60px; background: url(./images/novinka-eshop-drobne-objednavky-link-roll.jpg) no-repeat -716px;  }   


.link-cesta {width:600px; height:60px; background: url(./images/cesta-po-strechach-link.png) no-repeat 0px 0px; }
.link-cesta a { font-size:18px; color:black; font-weight:bold; text-decoration:none;padding: 21px 170px 18px 60px; position: relative;text-decoration: none;top: 20px; }
.link-cesta a:hover {font-size:18px; color:white; font-weight:bold; text-decoration:underline; padding: 21px 170px 18px 60px; position: relative;text-decoration: underline;top: 20px;}
.link-cesta:hover {width:600px; height:60px; background: url(./images/cesta-po-strechach-link.png) no-repeat -600px;  }   

.link-cesta-mapa {width:465px; height:60px; background: url(./images/cesta-po-strechach-link-mapa.png) no-repeat 0px 0px; float:left; margin-right:5px }
.link-cesta-mapa a { font-size:18px; color:black; font-weight:bold; text-decoration:none;padding: 21px 0px 18px 56px; position: relative;text-decoration: none;top: 20px; }
.link-cesta-mapa a:hover {font-size:18px; color:white; font-weight:bold; text-decoration:underline; padding: 21px 0px 18px 56px; position: relative;text-decoration: underline;top: 20px;}
.link-cesta-mapa:hover {width:465px; height:60px; background: url(./images/cesta-po-strechach-link-mapa.png) no-repeat -465px; float:left; margin-right:5px  }   

.link-cesta-navod {width:278px; height:66px; background: url(./images/cesta-po-strechach-link-help-2.png) no-repeat 0px 0px;text-align:center; line-height:90%; margin-left:50px}
.link-cesta-navod a { font-size:13px; color:#bd1220; font-weight:bold; text-decoration:none;padding:16px 70px 15px 0px; text-decoration: none; line-height:150%; }
.link-cesta-navod a:hover {font-size:13px; color:white; font-weight:bold; text-decoration:underline; padding:16px 70px 15px 0px; text-decoration: underline; line-height:150%;}
.link-cesta-navod:hover {width:278px; height:66px; background: url(./images/cesta-po-strechach-link-help-2.png) no-repeat -278px 0px; text-align:center; line-height:90%; margin-left:50px }    

.link-cesta-navod-1 {width:292px; height:78px; background: url(./images/spustit-mapu.png) no-repeat top left; position:relative; left:60px}
.link-cesta-navod-1:hover {width:292px; height:78px; background: url(./images/spustit-mapu.png) no-repeat -290px 0px; position:relative; left:60px  }   


/*TPS 2013*/

#tps-2013-soutez {float:right; margin-left:30px; width:400px; height: 300px; padding-top: 210px; background: url(./images/tondach-palena-strecha-2013-solutez-bckgrnd.jpg) no-repeat top center;  }
#tps-2013-soutez p {color: white;padding-left:30px;padding-right:30px }