/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
	margin:10px 0px;
	color: 0px;	
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
	margin:0px 12px;
}
.tab .tablinks {
	color:#006565;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #d0d0d0;
	border-radius:20px;	
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
	color:#000;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 3px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.modal1t{
   width:660px;
   height:460px;	
   background-color:#0f33ff;
   display: block;
   padding:2px 10px;
   margin-right: 120px;
   background:#d1af96;
   font-size:14px;
	box-shadow:0 0 30px 0 rgba(255,255,255,0.85);
}
.qstn{
	width: 280px;
   padding:0px 60px;	
}
.qstn2{
	width: 160px;
   padding:0px 5px;	
}
.qstn3{
  text-align: center;	
}
.qstn4{
   margin-left: 45px;	
   font-size:1.6em;
}
.qstn5{
   margin: 0 5px 0 15px;	
}

.tabcontent table{
	margin-left:10px;
}
.tabcontent table th{
	text-align: center;
}

.tabcontent table input{
	margin-left: 40px;
}
.virw{
	font-size:1.5em;
	width:380px;
	height:230px;
    display: block;
    margin:40px 50px 40px 80px;	
}
.kn{
	font-size:20px;
	color:#006565;
	padding:0 30px;
}
.kn input:hover{
	border-radius:20px;	
    background-color: #d0d0d0;	
	color:#000;	
}

.leftimg {
    float: left; 
    margin: 0px 0 2px 2px;
}
.rightimg {
    float: right; 
    margin: 0px 0 2px 2px;
}

.karta_zagolt{display:block;
  width:760px;
  height:470px;
  top:100px;
  left:100px;
  position: absolute;
  box-shadow: inset 0 0 6px;
  padding: 5px;
  font-size:26px;
  text-shadow: 6px 6px 0px rgba(0,0,0,0.2);
  
  }
.nazva{
  padding: 10px;
  box-shadow: inset 0 0 6px;}