 


* {   margin: 0px;  padding: 0;  }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 10pt;
	font-family: arial;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;

}
ul {
	list-style: none
}
ul li { line-height: 20px; }
ul li strong { font-weight: bold; line-height: 26px;  }

hr { width: 900px; color: #eeeeee; background-color: #eeeeee; border: none; height: 5px; margin: 20px 0 10px 0;}
hr.kon { width: 420px; color: #eeeeee; background-color: #eeeeee; border: none; height: 5px; margin: 20px 0 0px 0;}

dt.otazka { font-weight: bold; font-size: 12pt; line-height: 25px; }
dd.odpoved {padding-top: 10px; padding-bottom: 10px; line-height: 20px; padding-bottom: 50px; }


ol.numbers { margin-left: 20px; padding-top: 10px;	line-height: 20px; }
ol.numbers li { padding-top: 10px;}
ol.dot { list-style-type: circle; margin-left: 15px; padding-top: 0px; line-height: 20px; }

.left { width: 450px; float: left; display:block; }
.right { width: 400px; float: left; display:block; padding-bottom: 25px; }
span.bold { font-weight: bold; }
#service { width: 100%; height: 350px; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.cleaner { clear: both; }

h2 { margin-bottom: 28px; margin-top: 20px; font-size: 15pt; color: #222222; }
h3.kk { padding-bottom: 10px; }

.udaje span { color: #646464; line-height: 19px; }
.udaje span a { color: #4769ba; }
.kontakt_osoba { margin-top: 20px; width: 200px; float: left; display: block; }
.kontakt_osoba_left { float: left; width: 200px;}
.kontakt_osoba_right { float: right; width: 200px;}
.kontakt_osoba_s { margin-top: 0px; width: 200px; display: block; line-height: 22px; }
.kontakt_osoba_sa { margin-top: 0px; width: 280px; height: 150px; float: left; display: block; line-height: 22px; }

/***********************************/
ul.fajfky {margin-left: 0px; margin-top: 10px;}
ul.fajfky li { width: 300px; font-size: 9pt;  line-height: 20px; margin-bottom: 5px; list-style-type: none; display: block; padding: 0px 0 0px 30px;  color: #646464; background: url('./images/fajfka.png') 0px 4px no-repeat; }

ul.fajfka {margin-left: 0px; margin-top: 10px;}
ul.fajfka li { width: auto; font-size: 9pt;  line-height: 20px; margin-bottom: 5px; list-style-type: none; display: block; padding: 0px 0 0px 30px;  color: #646464; background: url('./images/fajfka.png') 0px 4px no-repeat; }


/************************************/
blockquote {
	font: italic 1em/1.6em Georgia, "Times New Roman", Times, serif;
	width:298px;
	background: url(../images/close-quote.gif) no-repeat right bottom;
	padding-left: 60px;
	text-indent: -60px;
	float: right;
	color: #999999;
}
blockquote:first-letter {
	background: url(../images/open-quote.gif) no-repeat left top;
	padding-left: 60px;
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}
/***********************************/

/*Head*/

#wrap_head {  margin: 0px; padding: 0px; width: 100%; height: 305px; background: url(./images/bg_top.jpg) repeat-x;}
#wrap_content {  margin: 0px; padding: 0px; width: 100%; height: auto; background: url(./images/bgg.png) repeat-x;}
#head {  width: 970px; height: 305px; background: url(./images/menu_bg2.png) no-repeat; margin: auto; }

/*Menu*/


#logo, #menu_main { display: block; float: left; margin-top:0px; z-index:5;  }
#logo { width: 180px; height: 240px; margin-left: 0px; position: relative; z-index: 0;  }
#logo p { text-indent: -9999px;}
#logo a { z-index: 0; }

#menu_main { width: 790px; height: 65px; overflow: hidden;  }
.button_gal { float: right; margin-top: 60px;}

ul.mainn li a{	text-decoration:none;	}
ul.mainn li a.on	{	background:yellow; color: yellow;	padding:2px 6px;	}


#menu_main ul { margin-left: 0px; width: 790px;  }
#menu_main ul li { text-align: center; color: #737d9b; font-size: 11.67px; float: right; height: 65px;  font-family: “Lucida Grande”, sans-serif;   }
#menu_main ul li a { background: transparent url('./images/active.png') repeat-x; red; padding: 0 15px 0 15px; margin: 0; color: #fff; text-decoration: none; text-align: center; line-height: 65px; display: block;  }
#menu_main ul li a:hover{color: #fff;background-color: #001247;  }

#mez {   float: left; display: block; width: 770px; height: 175px;   }

#menu {   height: 65px;  }
#menu ul { width: 970px;   }
#menu ul li  { background: transparent url('./images/sep.png') no-repeat 0 50%; text-align: center; color: #737d9b; font-size: 11.67px; float: left; width: 190px; height: 65px;  font-family: “Lucida Grande”, sans-serif; }
#menu ul li:nth-child(5) { width: 210px; }
#menu ul li a { margin: 0; color: #fff; text-decoration: none; text-align: center; line-height: 65px; display: block;  }
#menu ul li a:hover,#menu ul li:hover { color: #060606;background-color: #fff;  }

#menu ul li a.selected { background-color: #FFFFFF; color: #000; }
/*
#menu ul li:nth-child(1) { padding: 0px 10px 0px 10px;}
#menu ul li:nth-child(2) { padding-left: 0px;}
#menu ul li:nth-child(3)  { padding: 0px 1px 0px 1px; }
#menu ul li:nth-child(4)  { padding: 0px 10px 0px 10px; }
#menu ul li:nth-child(5)  { padding: 0px 10px 0px 10px; width: 200px; }

#logo p.logoo { float:left; padding-top: 10px;}
#logo p.logoo a { display: block; overflow: hidden; width: 239px; height: 79px; background: transparent url('./images/') no-repeat 0 0; text-indent: -99em; }
 */
/*Tabulka nadpis*/

#tabulka_nadpis { width: 910px; height: 76px; background: url(./images/panel.jpg); }
#tabulka_nadpis_2 { width: 910px; height: 76px; background: url(./images/panel_2.jpg); }
#tabulka_nadpis_3 { width: 910px; height: 76px; background: url(./images/panel_3.jpg); }

/*Contetnt*/

#content { margin: auto; width: 970px; height: auto;}
#content #slide {  width: 100%; height: 275px; border-bottom: 1px solid #f0f0f0;}
#content #box { width: 100%; height: 517px; padding-bottom:50px; padding-top:20px; background: #fff url(./images/content_bg.jpg) no-repeat; background-position: bottom; }

         #box #left_collum, #box #right_collum { float: left; display: block; margin-left: 30px; }
         
         #box #left_collum { width: 360px; height: 460px;}
         #box #right_collum { width: 510px; height: 460px; margin-left: 30px; padding-left: 25px; }

        .products_box { width: 480px; height:110px; margin-bottom: 30px;  }
        .products_box .img, .products_box .text { display: block; float: left; } 
        .products_box .img {  width: 130px; height: 50px;    }  
        .products_box .text { width: 350px; color: #9f9f9f;  }
        .products_box .text p span { color: #52b0f3; margin-bottom: 10px;   }
        .products_box .text h3 { margin-bottom: 0px; font-size: 14pt; color: #2891dc; }
		.text h3 a { margin-bottom: 0px; font-size: 14pt; color: #2891dc; }
		
        .products_box .text p { padding-top: 10px; }
        
/*Jednotlive služby*/
#content_2 { margin: auto; width: 970px; height: auto;}
#content_2 #slide {  width: 100%; height: 275px; border-bottom: 1px solid #f0f0f0;}
#content_2 #box { width: 100%;  padding-bottom:50px; padding-top:20px; background: #fff url(./images/content_bg_2.jpg) no-repeat; background-position: bottom; padding-bottom: 200px; }

  .uvodem {  padding-left: 30px; padding-right: 30px; color: #777777; }
  .uvodemm { width: 470px; padding-left: 30px; padding-right: 30px; color: #777777; float: left; display: block; }
  .uvodem p { line-height: 18px;}
  
  .udaje { width: 420px; float: left; display: block; } 


.button{background-position:0px 0px;background-repeat:no-repeat;border:none;display:block;height:28px;overflow:hidden;text-indent:-5000px;width:112px;}
a.signup{background-image:url(http://assets0.bigcartel.com/images/site/btn_signup.gif?1287183677);height:28px;margin:24px 0px 32px 32px;text-align:center;width:112px;}

#predem { width: 580px; float: left; display: block; } 
#vhodne {  margin-left: 30px; width: 300px; float: left; display: block; } 
  
/*********************************************************************************************************/

  
/*********************************************************************************************************/
#plans{float:left}

.plan_1{float:left;width:550px;background:url(http://bigcartel.com/images/site/dots_column.gif?1287183677) repeat-y right top #fff}

.plan_1 ul{margin:0 24px 0 8px;list-style:none}
.plan_1 li{padding:0 0 0 16px;font-size:11px;color:#808080}
.plan_1 li span.tip{display:block;width:100%;padding:8px 0;background:url(http://bigcartel.com/images/site/dots_row.gif?1287183677) left bottom repeat-x;cursor:pointer}
.plan_1 li.sol{color:#ccc}
.plan_1 .limit{font-weight:bold}
#plan_gold .limit{color:#222}

.upro { margin-left: 60px; }

.plan{float:left;width:180px;background:url(http://bigcartel.com/images/site/dots_column.gif?1287183677) repeat-y right top #fff}
#plan_titanium{background-image:none}


.plan ul{margin:0 24px 0 8px;list-style:none; margin-top: 18px;}
.plan li{padding:0 0 0 16px;font-size:11px;color:#808080}
.plan li span.tip{display:block;width:100%;padding:8px 0;background:url(http://bigcartel.com/images/site/dots_row.gif?1287183677) left bottom repeat-x;cursor:pointer}
.plan li.sol{color:#ccc}
.plan .limit{font-weight:bold}
#plan_platinum .limit{color:#76cac6}
#plan_diamond .limit{color:#76b572}
#plan_titanium .limit{color:#8eac1a}
#plans a.signup{width:112px;height:28px;margin:24px 0 32px 32px;text-align:center;background-image:url(http://bigcartel.com/images/site/btn_signup.gif?1287183677)}
#prices_faq{float:left;width:100%px;padding:16px 0 0 0}
#prices_faq h2{float:left;font-weight:bold}
#prices_faq dl{float:left;width:320px}
/**********************************************************************************************************/

        
/*Bottom*/

#bottom { margin: auto; width: 970px; height: 120px;  background: url(./images/bottom.png) repeat-x;}
  .box_bottom { height: 120px; width: 250px;  margin-left: 30px; display: block; float: left; }
  .box_bottom h3 { color: #969797; font-size:14pt; }

  #news { margin-top: 15px; }
  #news input.pole {width: 225px; height: 36px;  background: url(./images/input.png) no-repeat; border: none; padding-left: 15px;}
  #news input.prihlas {width: 79px; height: 33px;  background: url(./images/login.png) no-repeat; border: none; padding-left: 15px; text-indent: -9999px; cursor: pointer;}  
  
#footer { margin: auto; width: 970px; height: 80px;   }
  ul.foot { float: right; }
  ul.foot li { display:inline; float: left; margin-right: 15px; text-decoration: none; margin-top: 26px; }
  ul.foot li a { color: #8ca4b5; }
  
/*Contact*/
#contact-wrapper { 
	width:430px; 
	border:1px solid #e2e2e2; 
	background:#f6f6f6; 
	padding:20px;
}
#contact-wrapper div { 
	clear:both; 
	margin:1em 0;
}
#contact-wrapper label { 
	display:block; 
	float:none; 
	font-size:16px; 
	width:auto; 
}
form#contactform input { 
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; 
	border-style:solid; 
	border-width:1px; 
	padding:5px; 
	font-size:16px; 
	color:#333; 
}
form#contactform textarea { 
	font-family:Arial, Tahoma, Helvetica, sans-serif; 
	font-size:100%; 
	padding:0.6em 0.5em 0.7em; 
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7; 
	border-style:solid; 
	border-width:1px;
}


/*Tabulka*/
#tabula { margin-top: 20px; }
#tabula table.moje {  border-collapse: collapse;  } 
#tabula table.moje tr { }
#tabula table.moje tr td { text-align: center;	border-right: 1px dotted #e4e4e4;  border-bottom: 1px dotted #e4e4e4;  padding: 10px 20px 15px 20px; }
#tabula table.moje tr td.popis { text-align: left; }
#tabula table.moje tr td img { text-align: center; margin:0 auto; padding: 0;  }
#tabula table.moje tr td:nth-child(1){ min-width: 510px; max-width: 510px; }
#tabula table.moje tr td:nth-child(2) ,table.moje tr td:nth-child(3) { min-width: 138px; max-width: 138px; text-align: center;  }
#tabula table.moje tr td:nth-child(3) {  border-right: none; min-width: 138px; max-width: 138px; _min-width: 138px; _max-width: 138px; }
#tabula table.moje tr td.zar { min-width: 138px; max-width: 138px; width: 138px; _min-width: 138px; _max-width: 138px; _width: 138px; }

#tabulaa table.moje {  border-collapse: collapse;  } 
#tabulaa table.moje tr { }
#tabulaa table.moje tr td {	text-align: center; border-right: 1px dotted #e4e4e4;  border-bottom: 1px dotted #e4e4e4;  padding: 10px 20px 15px 20px; }
#tabulaa table.moje tr td.popis { text-align: left; }
#tabulaa table.moje tr td img { text-align: center; margin:0 auto; padding: 0; }
#tabulaa table.moje tr td:nth-child(1){ min-width: 510px; max-width: 510px; }
#tabulaa table.moje tr td:nth-child(2) { min-width: 81px; max-width: 81px; text-align: center;  } 
table.moje tr td:nth-child(3) { min-width: 71px; max-width: 71px; text-align: center;  }
#tabulaa table.moje tr td:nth-child(4) {  text-align: center; min-width: 71px; max-width: 71px; border-right: none; }
#tabulaa table.moje tr td.zara { min-width: 81px; max-width: 81px; width: 81px;  }
#tabulaa table.moje tr td.zaraa { min-width: 73px; max-width: 73px; width: 73px;  }
#tabulaa table.moje tr td.zaraaa { min-width: 83px; max-width: 83px; width: 83px;  }

#tabulab table.moje {  border-collapse: collapse;  } 
#tabulab table.moje tr { }
#tabulab table.moje tr td { text-align: center;	border-right: 1px dotted #e4e4e4;  border-bottom: 1px dotted #e4e4e4;  padding: 10px 20px 15px 20px; }
#tabulab table.moje tr td.popis { text-align: left; }
#tabulab table.moje tr td img { text-align: center; margin:0 auto; padding: 0; }
#tabulab table.moje tr td:nth-child(1){ min-width: 510px; max-width: 510px; }
#tabulab table.moje tr td:nth-child(2) { min-width: 318px; max-width: 318px; text-align: center;  } 
#tabulab table.moje tr td.zarovnani { min-width: 318px; max-width: 318px;   } 
