html{
overflow:hidden;
overflow-y: auto;

}
body{
overflow:hidden !important;
overflow-y: auto;
}

.clear {content:"";
display:block;
font-size:0;
height:0;
line-height:0;
overflow:hidden;
visibility:hidden;
clear:both;
}

#page1{
overflow:hidden;
font-family:Calibri;
font-weight:bold;
padding-top:20px
}

#main_content{
width: 10%;
min-width: 297px;
height: 415px;
margin: 0 auto;
border: 2px solid #0B3E91;
border-radius: 10px;
overflow:hidden;
margin-bottom:60px;
}

#header{
width: 96%;
height: 55px;
background-repeat: no-repeat;
margin: 2px auto;
border-radius: 7px 7px 0 0;
}

#main_buttons{
width: 96%;
height:50px;
margin: 0 auto;
}

#buton_lungimi{
width: 30%;
height: 40px;
margin: 2px 0 0 2px;
float: left;
border-radius: 5px;
border: 2px solid #888;
font-weight: bold;
box-shadow:1px 1px 0px 1px #383838;
-moz-box-shadow:1px 1px 0px 1px #383838;
-webkit-box-shadow:1px 1px 0px 1px #383838;
text-align: center;
font-size: 14px;
background-image: linear-gradient(bottom, rgb(230,230,230) 48%, rgb(155,155,155) 91%);
	background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 48%, rgb(155,155,155) 91%);
	background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 48%, rgb(155,155,155) 91%);
	background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 48%, rgb(155,155,155) 91%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.48, rgb(230,230,230)),color-stop(0.91, rgb(155,155,155)));}
#buton_lungimi p{
margin-top: 12px;
color: #011659;
font-size:14px;
}

#buton_mase{
width: 30%;
height: 40px;
margin: 2px 0 0 7px;
float: left;
border-radius: 5px;
border: 2px solid #888;
font-weight: bold;
box-shadow:1px 1px 0px 1px #383838;
-moz-box-shadow:1px 1px 0px 1px #383838;
-webkit-box-shadow:1px 1px 0px 1px #383838;
text-align: center;font-size: 14px;
background-image: linear-gradient(bottom, rgb(230,230,230) 48%, rgb(155,155,155) 91%);
	background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 48%, rgb(155,155,155) 91%);
	background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 48%, rgb(155,155,155) 91%);
	background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 48%, rgb(155,155,155) 91%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.48, rgb(230,230,230)),color-stop(0.91, rgb(155,155,155)));}
#buton_mase p{
margin-top: 4px;
color: #011659;
font-size:14px;
}

#buton_diverse{
width: 30%;
height: 40px;
margin: 2px 0 0 7px;
float: left;
background: #fff;
border-radius: 5px;
border: 2px solid #888;
font-weight: bold;
box-shadow:1px 1px 0px 1px #383838;
-moz-box-shadow:1px 1px 0px 1px #383838;
-webkit-box-shadow:1px 1px 0px 1px #383838;
text-align: center;
font-size: 14px;
background-image: linear-gradient(bottom, rgb(230,230,230) 48%, rgb(155,155,155) 91%);
	background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 48%, rgb(155,155,155) 91%);
	background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 48%, rgb(155,155,155) 91%);
	background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 48%, rgb(155,155,155) 91%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.48, rgb(230,230,230)),color-stop(0.91, rgb(155,155,155)));}
#buton_diverse p{
margin-top: 12px;
color: #011659;
font-size:14px;
}

#text_section{
margin: 0 auto;
width: 96%;
}

.txt_simplu{
background: #fff;
color: #011659;
font-weight: bold;
font-size: 9px;
border:1px solid #53A5EE;
float: left;
margin-right: 5px;
border-radius: 5px;
}

.txt_rezultat{
background: #fff;
color: #011659;
font-weight: bold;
font-size: 9px;
border:1px solid #53A5EE;
float: left;
border-radius: 5px;
}

#buttons_lungimi{
margin: 2px auto;
width: 96%;
height: 400px;
}

table{
width: 100%;
margin: 2px auto;
}

table td{
width: 50%;
}

.btn_convertor{
width: 98%; 
height: 38px;
border-radius: 5px;
border: 2px solid #BCBCBC;
color: black;
box-shadow:1px 1px 0px 1px #383838;
-moz-box-shadow:1px 1px 0px 1px #383838;
-webkit-box-shadow:1px 1px 0px 1px #383838;
font-weight: bold;
font-family:Calibri;
text-align: center;
background-image: linear-gradient(bottom, rgb(230,230,230) 48%, rgb(155,155,155) 91%);
	background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 48%, rgb(155,155,155) 91%);
	background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 48%, rgb(155,155,155) 91%);
	background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 48%, rgb(155,155,155) 91%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.48, rgb(230,230,230)),color-stop(0.91, rgb(155,155,155)));}

input.ui-input-text, textarea.ui-input-text, .ui-input-search 
{
-moz-box-sizing: border-box;
}

input.ui-input-text, textarea.ui-input-text {
background-image: none;
background:  #062F7E;
display: block;
font-size: 16px;
line-height: 1.4;
margin: 0.5em 0;
outline: 0 none;
padding: 0.4em;
width: 100%;
color: #fff;}

.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button {
font-family: Helvetica,Arial,sans-serif;
}

.ui-shadow-inset {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}

#buttons_mase{
margin: 2px auto;
width: 96%;
height: 400px;
display: none;
}

#buttons_diverse{
margin: 2px auto;
width: 96%;
height: 400px;
display: none;
}

#help{
width: 90%;
height:auto;
background:  rgba(1, 22, 89, 0.9);
color: #fff;
display: none;
position: absolute;
border-radius:5px;
top: 78px;
left: 18px;
border: 1px solid #0B3E91
}

#help p{
text-align: left;
margin: 10px auto;
width: 90%;
font-size: 12px;
text-align:justify;
line-height:17px;
font-family:Myriad Pro !important;
margin-bottom: 10px;
}

#help h3{
text-align: center;
}

#button_help{
height: 35px;
margin-left:4%;
width:40%;
}

#cristianapps{
height: 35px;
width:33%;
}

#units{
height: 35px;
width:50%;
border-radius:5px;
}

#units_measure{
width: 90%;
height: 350px;
background:  rgba(1, 22, 89, 0.9);
color: #fff;
border-radius: 5px;
display: none;
position: absolute;
top: 78px;
left: 18px;
border: 1px solid #0B3E91;
}

#units_measure ul
{text-align: left;
margin: 10px auto;
width: 90%;
font-size: 12px;
list-style-type: none;
}

#units_measure ul li{
height: 20px;
padding-left: 25px;
}

#units_measure h3{
text-align: center;
}

#units_measure p{
margin: 10px auto;
width: 90%;
font-size: 12px;
text-align:justify;
line-height:16px;
font-family:Myriad Pro !important;
}


.ui-btn-inner {
border-radius:5px !important;
height:35px;
}

.ui-btn-inner {
border-radius:5px !important;
height:35px;
}

.ui-btn-corner-all {
border-radius:5px !important;
height:18px;
}

.article{
	padding: 2% 20% 0;
	font-weight:normal;
}