/*** CSS reset ***/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, center, menu, ol, ul, li, form, label, dd, dt, dl, .reset {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}
table, thead, tbody, tfoot, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
table {
	table-layout: auto;
	border-collapse: collapse;
}
menu, menu li {
	list-style-type: none;
}

iframe{border: 1px solid #ccc;}


#layout-width, #width {
   width: 100%;
   height: 1px;
   line-height: 1px;
   display: block;
   margin: 0px;
   padding: 0px;
    border: 0px;
}

#height {
   width: 1px;
   height: 100%;
   position: fixed;
   left: 0px;
   top: 0px;
   line-height: 0px;
   display: block;
   margin: 0px;
   padding: 0px;
   border: 0px;
}
/*** ODDELOVACE ***/
.separator {
	width: 100%;
	clear: both !important;
	display: block !important;
	height: 1px !important;
	line-height: 0px !important;
	font-size: 0px !important;
	border: 0px !important;
	margin: 5px auto 5px !important;
	padding: 0px !important;
	background: #ddd !important;
}
.separator.black { background: #000 !important; }
.cleaner {
	line-height: 0px !important;
	font-size: 0px !important;
	height: 0px;
	width: 100% !important;
	clear: both !important;
	margin: 0px !important;
	padding: 0px !important;
	border: 0px !important;

	background: none !important;
}
.h5  { height: 5px;  }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h40 { height: 40px; }
hr {
	height: 1px;
	margin: 0px 0 10px;
	padding: 0px;
	border: 0px;
	clear: both;
	background: #222;
}
/***** POMOCNE TRIDY ******/
.w100pc { width: 100% !important; }
.w70px { width: 70px !important; }
.w50pc  { width: 50%  !important; }
.w34pc  { width: 34%  !important; }
.w25pc  { width: 25%  !important; }
.w150px { width: 150px; }
.autowidth {width: auto !important;}
.nomargin  { margin: 0px !important;  }
.nopadding { padding: 0px !important; }
.noborder { border: 0px !important; }
.lh27 { line-height: 27px;} 
.lh22 { line-height: 31px;} 
.lh20 { line-height: 20px;}
.lh16 { line-height: 16px;} 


.b1 { border: 1px solid #ddd;}
.p0t  { padding-top: 0px !important;}
.p0l  { padding-left: 0px !important;}
.p5t  { padding-top: 5px !important;}
.p5l  { padding-left: 5px !important;}
.p5r  { padding-right: 5px !important;}
.p5b  { padding-bottom: 5px !important;}
.p5v  { padding-bottom: 5px !important;padding-top: 5px !important;}
.p10t { padding-top: 10px !important;} .p10t a.external {background:none;padding-right: 0px;} .p10t a.external:hover {background:none;}
.p10b { padding-bottom: 10px !important;}
.p10l { padding-left: 10px !important;}
.p10r { padding-right: 10px !important;}
.p10h { padding-left: 10px !important; padding-right: 10px !important;}
.p10v { padding-top: 10px !important; padding-bottom: 10px !important;}
.p15 { padding: 15px !important;}
.p20t { padding-top: 15px !important;}
.p20r { padding-right: 20px !important;}
.p20b { padding-bottom: 20px !important;}
.p20l { padding-left: 20px !important;}
.p20 { padding: 20px !important;}
.p40l { padding-left: 40px !important;}
.p40r { padding-right: 40px !important;}
.m0l  { margin-left: 0px !important;}
.m1r { margin-right: 1px !important; }
.m0t  { margin-top: 0px !important;}
.m0  { margin: 0px !important;}
.m2  { margin: 2px !important;}
.m5t  { margin-top: 5px !important;}
.m5b  { margin-bottom: 5px !important;}
.m5l  { margin-left: 5px !important;}
.m5r  { margin-right: 5px !important; margin-left: 21px;}
.m10t { margin-top: 10px !important;}
.m10l { margin-left: 10px !important;}
.m10r { margin-right: 10px !important;}
.m10b { margin-bottom: 10px !important;}
.m20t { margin-top: 20px !important;}
.m20l {margin-left: 20px !important;}
.m20b { margin-bottom: 20px !important;}
.m40l {margin-left: 40px !important;}
.m35r {margin-right: 35px !important;}
.m20r {margin-right: 20px !important;}
.aLeft, .aLeft *  {text-align: left    !important;}
.aCenter, .aCenter *  {text-align: center  !important;}
.aRight, .aRight * {text-align: right   !important;}
.aJustify {text-align: justify !important;}
.vTop, .vTop * {vertical-align: top  !important;}
.vMiddle {vertical-align: middle !important;}
.vBottom {vertical-align: bottom  !important;}
.absolute {position: absolute !important;}


.block   { display: block   !important;}
.inline  { display: inline  !important;}
.hidden  { display: none    !important;}


.nofloat { float: none  !important;}
.left    { float: left  !important;}
.right   { float: right !important;}

.center  { margin-left: auto !important; margin-right: auto !important;}
.bottom  { vertical-align: bottom !important;}
.both    { clear: both !important;}
.noclear { clear: none !important;}
.nowrap,.nowrap *  { white-space: nowrap !important;}

.color  { color: #d60027 !important;}
.color2, .color2 * { color: #d60027;}
.form-disabled  { color: #888 !important; }
.form-disabled .color { color: #888 !important; }

.white, .white *    { color: white;}
.gray     { color: #8c8c8c !important;}
.grayer   { color: #4f4f4f !important;}
.grayest  { color: #444 !important;}
.black, .black * { color: #000 !important; }

.strike    { text-decoration: line-through !important; }
.strong    { font-weight: bold !important; }
.no-strong { font-weight: normal !important; }
.italic    { font-style: italic !important; }
.uppercase { text-transform: uppercase; }
.biggest   { font-size: 2em; }
.bigger    { font-size: 1.6em; }
.big       { font-size: 1.4em; }
.big2       { font-size: 1.1em; }
.small     { font-size: 0.9em; }
.smaller   { font-size: 0.8em; }
.bordered { border: 1px solid #ccc; }
.cursordefault * { cursor: default !important; }


/***** FORMATOVANI TEXTU *****/
a {color: #d60027;}
a, .inverted a:hover, a.inverted:hover {text-decoration: underline;}
a:hover, .inverted a, a.inverted {text-decoration: none;}

a.external {
   padding-right: 18px;
	background: transparent url("") no-repeat right center;   
}
a.external:hover {
	background: transparent url("") no-repeat right center;   
}
a.inline,
a.block.external,
a.block.external:hover {
   padding-right: 0px;
	background: transparent;   
}

em {
 font-size: 0.9em;
}
                         
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: normal;
	text-decoration: none;
	color: #d60027;
   
}
h1, .h1 { 
   font-size: 24px;
   margin: 00px 0px 5px;		
   padding:  0px 0 0px 0px;
   font-weight: normal;

}
h2, .h2 {
	font-size: 14px;
	padding: 10px 0 5px 0px;

	margin: 0px 0px 0px;
	font-weight: bold;

	line-height: 20px;


}
h3, .h3 {
	font-size: 1.3em;
	padding: 10px 0 5px;
        text-transform: none;
}
h4, .h4 {
	font-size: 1.2em;
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-weight: normal;

}
h5, .h5 {
	font-size: 1.1em;
	padding: 10px 0 15px;
}
h6 {
	font-size: 1em;
	padding: 10px 0 15px;
}


p {
	padding: 0 0 15px;
}
p p {
	padding: 0px;
}  
p.per ex {
    font-weight: bold;
    
}
#static h1 {
  font-size: 14px;
    font-weight: bold; 
}
#static ul,
#center ul {
	padding: 0px 0 15px 0px;
	list-style-type: none;
}
#static ul li,
#center ul li {
    margin: 0px;
    padding-left: 18px;
    padding-bottom: 0px;
    font-size: 1em;
    line-height:18px;
    background: transparent url("") no-repeat left 2px;
}


/***** LAYOUT *****/
html {

}
body {
    padding: 0 0 0px;
    font-family: Armata,  sans-serif;
    font-size: 11px;
    line-height: normal;
    color: #0c0c0c;
    line-height: 1.3;	
    background: #fff; 
}

/********/

.styled-text, .form_select {
   position: relative;
    float: left;
    border: 0px none;
    background: transparent;
    margin: 0 5px 3px 0;
    padding: 0 0 0 5px;
    height: 27px;
    background: transparent url("") no-repeat left top;  
}
.styled-text.mini input,
#admin input.mini {
  width: 20px;
  text-align: center; 
}
#admin input.micro {
  width: 50px !important;
  text-align: center; 
}
.styled-text.mini2 input {
  width: 40px;
  text-align: center; 
}
.styled-text div, .form_select .s1 {
    padding: 0 5px 0 0;
    height: 27px;
    background: transparent url("") no-repeat right -27px;  
}
.styled-text input, .form_select .s2 {
    display: block;
    border: 0px;
    background: transparent url("") repeat-x left -54px;  
    margin: 0;
    padding: 0 2px;
    height: 27px;
    line-height: 27px;      
    color: #666;
    font-family: sans-serif;
    font-size: 13px;
    width: 190px;
}
.form_select .s2 {
    width: auto !important;
}
.form_select.colors .s2 {
    width: 150px !important;
}
.form_select.colors .s2 strong {
    width: 127px !important;
    text-align: left ;
}


.form_select .s2 {

}
.form_select .s2 strong {
  display: block;
  float: left;
  line-height: 27px;
  text-align: left;
  font-weight: normal;
  cursor: pointer;
  min-width: 20px;
}
.form_select.class .s2 strong {
  min-width: 30px;
}
#povinne_udaje .form_select .s2 strong {
  min-width: 200px;
}

.form_select.colors .s2 strong  {
     line-height: 21px;
    padding: 3px 0;
}
.form_select.colors .s2 strong span {
    color: #FFFFFF;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding-left: 7px;
    text-align: left;
}
.form_select  .expander {
  display: block;
  margin: 6px 0px 6px 6px;
  width: 15px;
  height: 15px;
  float: right;
  cursor: pointer;
  background: transparent url("") no-repeat center top; 
}
.form_select  .expander:hover {
  background: transparent url("") no-repeat center bottom; 
}
.form_select .roll {
  display: none;
  position: absolute;
  left: 0px;
  top: 24px;
  z-index: 120;
  width: 100%;
  margin: 0 0 20px;

  
}
.form_select .roll .r1 {
  padding: 0 0 0 5px;
  background: transparent url("") no-repeat left bottom; 
}
.form_select .roll .r2 {

  padding: 0 5px 0 0;
  background: transparent url("") no-repeat right bottom; 
}
.form_select .roll ul  {
  padding: 0px !important;
}
.form_select .roll ul li {
  text-align: left;
  padding: 1px 2px 1px 15px !important;
  font-size: 0.9em;
  cursor: pointer;
}
.form_select .roll ul li:hover {
  color: #000;
}
.form_select.colors .roll ul li span {
    display: block;
    padding: 0px 3px;
    color: #fff;
    text-align: left;
    white-space: nowrap;  
}
.form_select .roll ul li span {
  font-family: arial;    
  font-size: 12px; 
}


.styled-textarea {
    float: left;
    border: 1px solid #c6c6c6;
    background: #f0f0f0;
    margin: 0 0 3px; 
}
.styled-textarea textarea {
    display: block;
    border: 0px;
    background: transparent;
    margin: 0;
    padding: 2px 4px;
    width: 192px;
    height: 92px;
    color: #555;
    font-family: sans-serif;
    font-size: 12px;  
}
#message .styled-textarea textarea {
    
}

.styled-submit {
    float: right;
    background: #e65100;  
}
.styled-submit input {
    display: block;
    border: 0px;
    background: transparent;
    margin: 0;
    padding: 5px 15px;
    color: #fff;
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}


#message .label {
    line-height: 26px;
    display: block;
    width: 100px;
    
}



.NOTE, .ERROR {
    font-size: 14px;
	line-height: 25px;
    padding: 15px;
    text-align: center;
	border-radius: 3px 3px 3px 3px;
}
.NOTE {
    color:#FFF;
    font-weight: bold;
	 margin: 10px 0;
    border: 1px solid green;
	background: none repeat scroll 0 0 green;
    
}
.ERROR {
         background: none repeat scroll 0 0 #D60027;
    border: 1px solid #D60027;
    color: #FFFFFF;
    font-weight: bold;
    margin: 10px 0;
}



#static p a.right img {
    margin: 0 0 5px 15px;    
}
#static p a.left img {
    margin: 0 15px 5px 0;    
}
/* */



.styled-button,
.styled-submit,
.styled-submit.gray  {
  float: left;
  height: 24px;
  margin: 1px 3px 0 0;
  padding: 0 0 0 3px;
  background: url("") no-repeat left 0px; 
}
.styled-submit.gray  {
  margin-top: 5px;
}
.styled-button div,
.styled-submit div,
.styled-submit.gray div  {
  height: 24px;
  padding: 0 3px 0 0;
  background: url("") no-repeat right -24px; 
}
.styled-button div input,
.styled-submit div input,
.styled-submit.gray div input,
.styled-button button { 
  height: 24px;
 padding: 0 4px 2px;
  margin: 0;
  border: none;
  color: #fff;;
  text-align: center;
  line-height: 22px;
  font-size: 1.1em;
    cursor: pointer;
  background: url("") repeat-x right -48px; 
}
.styled-button.big,
.styled-submit  {
  height: 30px;
  background: url("") no-repeat left 0px; 
}
.styled-button.big div,
.styled-submit div  {
  height: 30px;
  background: url("") no-repeat right -30px; 
}
.styled-button.big div input,
.styled-submit div input  { 
  height: 30px;
  padding: 0 10px;
  font-size: 0.8em;
  background: url("") repeat-x right -60px; 
}

.styled-button.gray,
.styled-submit.gray  {
  background: url("") no-repeat left 0px; 
}
.styled-button.gray  div,
.styled-submit.gray div {
  background: url("") no-repeat right -24px; 
}
.styled-button.gray  div button,
.styled-button.gray  div input,
.styled-submit.gray div input { 
  background: url("") repeat-x right -48px; 
}

#list_kpotisku  .styled-button button {
  width: 114px;
}


.big_button,
.big_button div {
    width: 200px;
    height: 52px;
    padding: 0px;
   background: none;
}
.big_button input {
    width: 200px !important;
    height: 52px !important;
    font-size: 1.3em !important;
  background: url("") no-repeat left top !important; 
}

.icon-basket{
  display: inline-block;
  width: 11px;
  height: 8px;
  background: url("") no-repeat;
  padding-right: 5px;
}

.custom-table{
  width: 100%;
  margin-bottom: 15px;
}

.custom-table th{
  padding: 5px 3px;
  font-size: 13px;
  text-align: left;
}

.custom-table td{
  padding: 3px;
}

/* facebook box */
._4s7c{
  border: 0 !important;
}