/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0; 	padding: 0;
	FONT: 10pt "Arial", sans-serif;
	COLOR: #3B3B3B;
	text-align: center;
}

/* links */
a {
	/* color:#CB4721; */ 
  color:#38555e;
	background-color: inherit;
	text-decoration: none;	
}
a:hover {
	text-decoration: underline;
}
a.reg {
    background-color: inherit;
    color: #fff;
    font-size: 11px;
    padding: 0 9px 0 5px;
    text-decoration: none;	
}
a.reg:hover {
    color: red;
    font-size: 11px;
    font-weight: bold;
    padding: 0 9px 0 5px;
    text-decoration: none; 	
}

.InputTextSelect {width:  40px;}
.InputTextGrafika {width:  20px;}
.InputTextEmail {width:  150px;}
.InputText {width: 110px;}
.InputTextColor {width: 200px;}
.InputTextPersonalizace {width: 200px;}
.InputTextLaminace {width: 190px;}
.InputTextFormat {width: 250px;}
.InputTextVazba {width: 350px;}
.InputTextPapir {width: 250px;}
.InputTextDokonceni {width: 250px;}
.InputTextEmailObj {width:  193px;}
.InputText2 {width: 205px;}
.InputText3 {width:  105px;}			 
.InputText4 {width:  35px;}
.InputText5 {width: 150px;}
.InputText6 {width: 290px;}
.InputTextViz {width:  205px;}
.InputTextViz2 {width:  155px;}
.InputTextD {width: 320px;}
.InputTextD2 {width: 360px;}			 
.InputTextButton {width:  100px;}
.InputClassDotaz_ks {width:  30px;} 
.InputTextDP {width: 380px;}

input[type="submit"] {
    background: none repeat scroll 0 0 #38555E;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 34px;
    margin-top: -3px;
    margin-right: 5px;    
    padding: 7px 12px;
    text-transform: uppercase;
    width: 150px;
  }

input[type="checkbox"] {
  margin-right: 5px;
}  
  
input:hover[type="submit"] {
		background: #FF0000;
    font-weight: bold;    
	  }   

/* headers */
h1, h2, h3 {
	font: normal 1em "Arial", sans-serif;
	color:#111;
	letter-spacing:-1px;
}
h1 { font-size: 2.2em; } 
h2 { font-size: 1.7em; color:#74743D; }
h3 { font-size: 1.6em; color:#C34E23; letter-spacing: 0px;}

p, h1, h2, h3 {
	margin: 10px 15px;
	padding: 0;
}

ul, ol {
	margin: 10px 15px;
	padding: 0 7px;	
}


/* images */
img {
	border: 1px solid #DADADA;
	padding: 5px;	
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
img.logo_u {
  margin-left: 20px;
  margin-top: 5px;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1.3em/1.5em "Arial", sans-serif;
  /* white-space: pre; */   
  background: transparent url(../images/transparent.png) repeat;
  border: 1px solid #EFEFEF;
  width: 100%;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 30px;  	
  	font: bold 1.3em/1.5em "Arial", sans-serif;   
	background: #FCFCF9;
        border: 1px solid #EFEFEF;
	color: #6C6E3A;
}

/* start - table */
table {
    border-collapse: collapse;
    width: 100%;
    color: #3B3B3B;
    font-size: 15px;
    margin: 0px 0px 0px 0px;
}

table.umisteni {
    border-collapse: collapse;
    width: 200px;
    color: #3B3B3B;
    font-size: 15px;
    margin: 5px 0px 0px 0px;
    border-left: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
}

table.umisteni td{
    border-left: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
}

th strong {
	color: #FFF;
}

th {
	background: #fff; /* #121212; */
	height: 29px;
	color: #FFF;
	text-align: left;
  border: 2px solid #fff;
}

th.tdsl_default{
	background: #fff;
	height: 29px;
  color: #0ff;
	text-align: left;
  border: 2px solid #fff;
}
th.tdsl{
	background: #38555E;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 35px;
  margin: 5px 0 0;
  padding: 0 0 0 10px;
  border-bottom: 1px solid #E9E9E9;  
}

th.vlevo-30-barva{
	background: #fff;
	height: 29px;
  color: #3B3B3B;
	text-align: left;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #E9E9E9;      
}

th.vlevo-60{
	background: #fff;
	height: 29px;
  color: #3B3B3B;
	text-align: left;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #E9E9E9;      
}
tr {
	height: 25px;
	 /* background: #fff;  */
	background: #F3F3F3;
}
tr.ramecek {

}
tr.nisoky {
	height: 3px;
	 /* background: #fff;  */
	background: #F3F3F3;  
}
tr.nisoky_color {
	height: 3px;
	background: #38555e;  
}
td {
	padding-left: 8px;
	padding-right: 11px;
	border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

td.vlevo {
	width:210px;
}

td.vlevo_nahoru {
	width:210px;
  vertical-align: top;
}

td.vlevo-35 {
	width: 35%;
}
td.vlevo-30 {
	width: 30%;
}
td.vlevo-30-up {
	width: 30%;
	vertical-align: top;
	padding-top: 10px;
}
td.vlevo-30-barva {
	width: 30%;
  color: #3B3B3B;
  font-size: 16px;
  font-weight: bold;    
}

td.vlevo-30-barva-up {
    color: #3b3b3b;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    vertical-align: top;
    width: 30%;
}
td.vlevo-30-barva-button {
	width: 30%;
  color: #3B3B3B;
  font-size: 16px;
  font-weight: bold; 
  height: 48px;   
}
td.tdsl {
  font-size: 14px;  
}
td.vlevo-70 {
	width: 55%;
  font-size: 14px;  
}

td.obalka {
  padding: 5px 11px 5px 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
  background: #DFDFDF;
}

td.blok_1 {
  padding: 5px 11px 5px 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
  background: #CFCFCF;
}

td.blok_2 {
  padding: 5px 11px 5px 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
  background: #A9A9A9;
}
td a{
display: block;
height: 100%;
width: 100%;
}
td a:hover {
	background: #38555E;
  color:#ffffff;
  text-decoration: none;
}
/* end - table */

/* form elements */
form {
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	border: 1px solid #fff;
	background: #fff;	
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border: 1px solid #666666; /* #EFEFEF */
	font: normal 1em "Arial", sans-serif;	
	color: #666666;
}

input:hover {
		background: #FFFFFF;
		font-weight: normal;
	    } 
textarea {
	width: 280px;
	padding:2px;
	border: 1px solid;
	font: normal 1em "Arial", sans-serif;
	height:100px;
	display:block;		
	color: #666666;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #EFEFEF;
	padding: 2px 3px; 	
	background: #F1F0E4;
}

/***********************
	  LAYOUT
************************/



/* content */
#content-wrap {
	clear: both;
/* 	background: #FFF url(contentbg.jpg) repeat-y center top; */
	float: left;		
	width: 100%;
}
#content-wrap-calc {
	clear: both;
	float: left;		
	width: 100%;
}
#content {
	text-align: left;	
	margin: 0px;    /* 0px auto; */
	padding: 0;	
}



/* main */
#main {
	margin: 0 20px 10px 0; 
	padding: 0;		
	width: 590px;
	float: left;	
}
#main h1 { 
	font: normal 2.1em "Arial", sans-serif;
	color: #111; 	
	padding: 0 0 5px 0;
	margin: 0 0px 10px 0px;
	letter-spacing:-1px;
	background: url(bk_dotted.gif) repeat-x left bottom;
}
#main h1 a {
	color: #111;
	text-decoration: none;
}
#main p, #main h1, #main h2, #main h3, #main blockquote, #main form, #main table {
	margin-left: 0px;
}
#main form p {
	margin: 15px;
}

#z_klik {
    font-size: 11px;
    margin-left: 20px;
    margin-top: 50px;
    padding: 5px;
    width: 120px;
    border-width: 1px;
    border-style: solid;
    border-color: white;	
}

/* main-calc */

#main-calc {
	margin: 0 0px 5px 0; 
	padding: 0;		
	width: 100%;
	float: left;	
}
#main-calc h1 { 
	font: normal 2.1em "Arial", sans-serif;
	color: #111; 	
	padding: 0 0 5px 0;
	margin: 0 0px 10px 0px;
	letter-spacing:-1px;
	background: url(bk_dotted.gif) repeat-x left bottom;
}
#main-calc h1 a {
	color: #111;
	text-decoration: none;
}
#main-calc h2 { 
	font: bold;
	color: red;
  border: 2px solid red;
  padding: 2px 10px 5px 10px;
	margin: 10px 14px 10px 0px; 
  font-size: 18px; 
   	
}

#main-calc h2.objednavka { 
  font-family: arial;
  font-size: 16px;
	color: black;
	width: 97%;
  border: 3px solid #A9A9A9;
  padding: 2px 10px 5px 10px;
	margin: 10px 5px 10px 1px;
      	
}

#main-calc h2.objednavka .red { 
	font: bold;
	color: red;   	
}

#main-calc p, #main h1, #main h2, #main h3, #main blockquote, #main form, #main table {
	margin-left: 0px;
}
#main-calc form p {
	margin: 15px;
}