body{
font-family: 'Open Sans', sans-serif;
background-color:white; 
text-align: left;
font-size: 12.8px;
color: #000000;
}


#main {
position:relative;
margin:0 auto;
text-align:left;
width:800px;
overflow:hidden;
border: 0px solid black;
background-color:white;
height:100%;
}

#header {
position:relative;
width: 800px;
margin-top:25px;
margin-bottom:25px;
}

#content{
position:relative;
background-image: url("bcg.jpg");
width: 800px;
height: 714px;
}

#content-header {
position:relative;
width: 800px;
height:58px;
border: 0px solid red;
}


#content-left{
clear:both;
float:left;
border: 0px solid blue;
position:relative;
top:0px; /* 58 */
left:37px;
width: 321px; /* 362 */ 
/* height:482px; /* 614px */
padding:21px;
}
#content-right{
float:left;
position:relative;
border: 0px solid red;
top:0px; /*58 */
left:65px;
/*
width: 336px;
height: 654px;
*/
width: 294px;
/* height:614 */
padding:21px;
}


div.clear {
clear:both;
}

img.logo {
width: 198px;
/* height: 33px;		 */
}

h3.souhlas {
font-weight:bold;
font-size:20px; /*  12.8 */
color:#FFFFFF;
padding-left:36px;
padding-top:18px;
display:block;
width:400px;
border:0px solid black;
}

#content-left h3{
font-weight:bold;
font-size:16.5px;
border-bottom:4px solid #f6842a;
margin:0px 0px 12px;
padding-bottom:4px;
width: 321px;		
}
#content-left h6{
font-weight:1;
font-size:11px; /* 12.8 , 9.4 */ 
border-top:1px solid #d9d9d9;
/*
padding-bottom:0px;
padding-top:5px;	
margin:0px;
*/
padding-bottom:0px;	
padding-top:2px;	
margin:0px;
margin-top:12.6px; /* 9 */
}
div.text-left{
/*
font-weight:600;		
border-bottom:1px solid #d9d9d9;
padding-bottom:4px;
padding-top:5px;
height:12.8px;
*/
font-size:12.8px;
font-weight:600;
margin:0px;
padding:0px;
margin-bottom:4px; /* 4 */
padding-top:4px;
padding-bottom:4px;	
border-bottom:1px solid #d9d9d9;
font-family: 'Open Sans', sans-serif;
}

div.left-bottom{
border:0px solid black;
position:relative;
top:14px;
left:37px;
padding:21px;
width: 684px;
height:60px;
}

div.left-bottom-left{
border:0px solid red;
float:left;
}
div.left-bottom-right{
border:0px solid green;
float:right;
}



div.left-bottom-text{
margin-left:30px;
position:relative;	
font-weight:600;			
}

div.left-bottom-text a{
color:#f6842a;
}

#content-right h3{
font-weight:bold;
font-size:16.5px;
border-bottom:4px solid #f6842a;
margin:0px;
padding-bottom:4px;
margin-bottom:12px;
width: 294px;		
}

#content-right h6{
font-weight:1;
font-size:11px; /* 9.4 */
border-top:1px solid #d9d9d9;
color:#f6842a;
padding-bottom:0px;	
padding-top:2px;	
margin:0px;
margin-top:9px;
width: 294px;		
}

input.text {
font-size:12.8px;
border:0px;	
font-weight:600;
margin:0px;
padding:0px;
margin-bottom:4px;
width: 294px;
padding-top:4px;
padding-bottom:4px;	
border-bottom:1px solid #d9d9d9;
font-family: 'Open Sans', sans-serif;
}


input.button-top{
  margin-top:16px;
  background: linear-gradient(#f6842a,#f66a2a);
  border: none;
  color: #ffffff;  
  text-align: center;
  text-decoration: none;
  display: inline-block;
  width: 294px;
  height:38.2px;
  font-size:18px;	
  font-weight:900;
  font-family: 'Open Sans', sans-serif;
	
}


input.button{
  margin-top:0px;  /* 56 */
  /* background-color: #f6842a; */
  background: linear-gradient(#f6842a,#f66a2a);
  border: none;
  color: #ffffff;  
  text-align: center;
  text-decoration: none;
  display: inline-block;
  width: 294px;
  height:38.2px;
  font-size:18px;	
  font-weight:900;
  font-family: 'Open Sans', sans-serif;
	
}


input.button:disabled {
  background: grey;
}

_::-webkit-full-page-media, _:future, :root .safari_only {
    property: value;
}

#footer-text {
clear:both;
float:left;
border:0px solid black;	
height:54px;
position:relative;
width:762px; /* 314 */
left:37px;
color:#000000;
font-size:11.2px;
font-weight:300;
}
#footer-text a{
color:#f6842a;
font-size:11.2px;
font-weight:700;
font-family: 'Open Sans', sans-serif;

}

#footer-text-left {
float:left;
width:200px;
top:24px;
border:0px solid black;	
position:relative;
font-size:11.2px;
font-weight:300;
}
#footer-text-right {
float:right;
border:0px solid black;	
position:relative;
top:15px;
right:55px;
font-size:11.2px;
font-weight:300;
}


#thanks {
position:relative;
float:left;
border:0px solid black;
width:682px;
height:26px;
font-weight:
bold;
font-size:18.5px;
color:#f6842a;
text-align:center;
}
/* ******************************************************************************************************  */

/* The container */
.container {
  display: block;
  position: relative;
  margin-top:10px;
  padding-left: 0px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 12.8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */

.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */

.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 10.2px;
  width: 10.2px;
  background-color: white;
  border:1px solid #4f4c4d;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #f6842a;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #f6842a;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 2px;
  top: 0px;    
  width: 5px;
  height: 8px;
  border: solid black;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ************************************************************** ANO NE ************************************* */
#id_confrmdiv
{
    display: none;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #aaa;
    position: fixed;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    text-align: center;
	z-index:4;
}
#id_confrmdiv button {
    background-color: #ccc;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #aaa;
    padding: 2px;
	margin:5px;
    text-align: center;
    width: 80px;
    cursor: pointer;
}
#id_confrmdiv .button:hover
{
    background-color: #ddd;
}
#confirmBox .message
{
    text-align: left;
    margin-bottom: 8px;
}