body{ 
background: rgb(135, 169, 153); 
//rgb(135, 159, 169); rgb(129, 175, 20);
font: 12px Georgia, Serif; 
}

#page-wrap{ 
width: 90%; 
max-width: 1000px;  
margin: 10px auto;
padding-bottom: 30px;
//background: #fff5;
padding-bottom: 100px;
padding: 0px 10px 300px 10px;
border-radius: 15px; 
}

hr { 
display: block; 
height: 1px;
border: 0; 
border-top: 3px solid #D5D5D5;
margin: 7px; 
padding: 0; }

.logoimg{
	width: 50%; 
	padding: 0px;
	margin:0px;
	border-radius: 10px 10px 0 0;
	}


.menuimg{
border-radius:5px;
max-width: 60px; 
width: 80%
}

.menu{
display: inline-flex;
}
.menu a{
	width: 80%;
}


h1, h2, h3 { 
font: 30px Georgia, Serif;
border-bottom: 0px solid #efefef;
margin: 0 0 10px 0;
color: #2a4c56;
}


h3 { 
font: 20px Georgia, Serif;
border-bottom: 0px solid #efefef;
margin: 0 0 10px 0;
color: #2a4c56;
}

h4 { 
font: 22px Georgia, Serif;
border-bottom: 0px solid #efefef;
margin: 0 0 10px 0;
color: #2a4c56;
}

h4 span { 
font: 18px Georgia, Serif;
border-bottom: 0px solid #efefef;
margin: 0 0 10px 0;
color: #2a4c56;
}



.clear { clear: both; }

input[type="text"], 
input[type="button"], 
textarea{ 
padding: 3px; 
border: 1px solid #666; 
width: 100%;
 
max-width:100%;
max-width:400px;
margin: 0; 
}
 
input[type="button"],
input[type="submit"]{ 
padding: 3px; 
border: 1px solid #666; 
max-width:100%; 
margin: 0; }



input[type="button"], input[type="submit"] {
    padding: 3px;
    border: 0px solid #666;
    max-width: 100%;
    margin: 0;
    background: #10508f;
    color: white;
    font-weight: bold;
    font-size: 25px;
}


input[type="text"]{ 
font: 20px Georgia, Serif; }

textarea { height: 100px; 
font: 12px "Lucida Grande", Sans-Serif; }

label{ 
margin-top: 10px;
background: #666;
color: white;
padding: 4px 6px;
opacity: .8;
display: inline-table;
}

input::placeholder {     color: rgba(0, 0, 0, 0.4); }


.container label {
	background: transparent !important; 
	color:#333;
	}
	
.container {   
width: 125px;   
float: left;   
overflow: hidden;  
margin: 15px;   
margin-left: 10px;   
border: 0px solid black;  
padding: 10px;   
background: white;   
color:black; 
border-radius:10px;}
.container checkbox {   
position: relative;   
top: -10px; 
right: 0px; }

.container img { 
  height: 70px !important; 
  top: -10px; right: 0px; 
}

.post{ margin: 0 0 0 20px 0; }



.vv, .mm, .kr, .ma,.dd, .xx{
float: right; 
color:  #fff;	
padding: 2px 8px;
margin: 0px 1px;
font-weight:bold;
text-decoration: none;
font-family: arial;
font-size: 15px;
}


.dd{
  background: rgb(26, 180, 255);
}


.vv{
background-color: rgb(0,186,0);
}

.kr{
 background:#c87843;   
}


.mm{
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"/><path style="stroke:%23ffffff;stroke-width:1.5px" d="M18.726 8.687c.391-1.137-2.577-3.875-3.254-3.459"/><path style="stroke:%23ffffff;stroke-width:1px" d="M6.551 19.034c.084-.304-1.116-.651-1.116-.651s-.132-1.273-.274-1.166"/></svg>') no-repeat center;
    background-size: auto;
background-color: rgb(255, 165, 0);
}

.ma {
  background: rgb(224, 77, 139);
}

.xx{
background:rgb(186,0,0);	
display:none;
}


.vvv, .mmm, .xxx, .nnn, .xxxx{
float: right; 
color:  #fff;	
padding: 2px 8px;
margin: 0px 1px;
font-weight:bold;
text-decoration: none;
width:auto;
}


.vvv{
background:rgb(0,186,0);
}

.mmm{
background:rgb(255, 165, 0);
}

.nnn{
width: auto;
Min-width:;
}


.xxx{
background:rgb(186,0,0);	
display:none;
}


.xxxx{
background:rgb(186,0,0);	
}

.head44{
background: rgb(255, 255, 255) none repeat scroll 0% 0%;
border-radius: 5px;
padding: 8px;
margin:6px 0px;
font-size:18px;
min-height: 50px;
}

.textL{
font-size:18px;	
}


.sacButton{
padding: 3px;
border: 1px solid #666;
max-width: 100%;
margin: 0;
background: #10508f;
color: white;
font-weight: bold;
font-size: 25px;
display: inline-block;
width: 150px !important;
}


.personale{
background: #659364 !important; #2ca129 !important;
padding:30px;
}

.personale1{
background: #659364  !important;
padding:30px;
}




.pagezimi{
background: #65c1c5 !important; #4ed7d7 !important;
padding:30px;
}
.pagezimi1{
background: #65c1c5  !important;
padding:30px;
}



.kungimi{
background: #e7c37e !important;
padding:30px;
}
.kungimi1{
background: #d4bc87 !important;
padding:30px;
}



.krezmimi{
background: #c87843 !important; #e46717 !important;
padding:30px;
}
.krezmimi1{
background: #c87843 !important;
padding:30px;
}



.martesa{
background: #b9343b !important; #d70101 !important;
padding:30px;
}

.martesa1{
background: #b9343b !important; #af5055 !important;
padding:30px;
}

lable {
    background: #0003;
    color: #fff7;
    max-width:400px ;
    width:100% ;

    display: inline-block;
    padding: 4px 0px;    
    background: linear-gradient(to left, rgba(0,0,0,.2) , rgba(0,0,0,0));
    text-align: right;
    margin-top: 10px;
font-size:15px;

}

.sacrament input:focus{
background:#ffff8c;
}

.rendor {

    background: #1270cc91;
    color: #fff;
    padding: 0 4px;
    display: inline-block;
    text-decoration: none;
    border-radius: 4px;
    cursor: pointer;
    min-width: 40px;
    text-align: right;
    float: left;
font-weight:bold;

}


.radioIn{
background:#eee;
display:inline-flex;
padding:6px 20px;
border-radius:8px;
}



.sacButton:hover, .sacButton:focus, .sacButton:active, .sacButton::-moz-focus-inner {
outline: none;
border: 0;
}