/* 
	DARONET WEN BUILDING 
	MOBILE FRAMEWORK
	Version 1.1
*/

html {
    -webkit-text-size-adjust: none;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:20px;
	color:#666666;
	background:#ffffff;
}


/*--- Global Settings -------------------------------*/

h1{font-size:23px;}
h2{font-size:21px;}
h3{font-size:19px;}
h4{font-size:17px;}

input,
select,
textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#666666;
	padding:6px;
	background:#f4f4f4;
	border:1px solid #bbbbbb;
	border-radius:5px;
	box-shadow:inset 0px 1px 3px #dddddd;
}
button,
.buttonSubmit,
.btn-read,
.back{
	font-family:Arial, Helvetica, sans-serif;
	display:inline-block;
	background: #FF8601; 
	border-radius:5px;
	color:#ffffff;
	padding: 8px 20px;
	font-size:17px;
	border:0;
}
a{
	color:#ff9901;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #dddddd;
    margin:1em 0;
    padding:0;
}

.b-round{
	border-radius:0 0 5px 5px;
}
.fl_left {
	float:left;/* lang */
}
.fl_right {
	float:right;/* lang */
}
.dir {
	direction:rtl;/* lang */
}

/*--- Layout ----------------------------------------*/

.header,
.wrapper-inn,
.section,
.footer,
.figure{
	max-width:768px;
	position:relative;
}
.main_nav,
.nav,
.article img{
	max-width:768px;
}
.wrapper-inn{
	margin:0 auto;
}
#wrapper{
	margin:0 auto;
}


/*--- Header ----------------------------------------*/

.header{
	height: 65px;
	background: #7dc1ec;
	border-bottom:solid 1px #dddddd;
	padding-top: 4px;
}
.header img{
	display:block;
	height: 61px;
	margin:auto;
}


/*--- Navigation ----------------------------------------*/

.main_nav{
	height:40px;
	padding:0 10px 0 10px;
	background: #333;
}
.main_nav ul li{
	width:40px;
	height:40px;
	margin:0 5px 0 5px;
}
.main_nav ul li:first-child{
	
}
.main_nav a{
	display:inline-block;
	width:40px;
	height:40px;
}
.home_icon,.phone_icon,.contact_icon,.menu-trigger{
	background:url(sprite_icons_mobile.png);
}
.home_icon{
	background-position:0 0;
}
.phone_icon{
	background-position:0 -40px;
}
.contact_icon{
	background-position:0 -80px;
}
.menu-trigger{
	background-position:0 -120px;
	margin:0 5px 0 5px;
}


/*----- nav, home_nav  ----*/ 

.mask{ /* > Body cover when nav is open */
	position:absolute;
	top:0;
	left:0;	
	width:100%;
	height:100%;
	background:#000;
	opacity:0.8;
	z-index:100;
	display:none;
}
.nav{
	position:absolute;
	top:80px;
	right:2.5%;	
	z-index:500;
	width:95%;
	display:none;
}
.nav .title{
	background:#ffffff;
	border-radius:5px 5px 0 0;
	padding:12px 15px 15px 50px;	/* lang */
	position:relative;
	border-bottom: 5px solid #1f90cc;
}
.nav .title h3{
	color:#333333;
	font-size:23px;
}
.nav .btn-close{
	position:absolute;
	left:10px;	/* lang */
	top:10px;
}
.nav li,
.home_nav li{
	border-bottom: solid 1px #e6e6e6;
}
.nav li:last-child,
.home_nav li:last-child{
	border-bottom:0;
}
.nav li a,
.home_nav li a{
	display:block;
	padding:10px 15px 15px 35px; /* lang */ 
	background:url(nav-arrow.png) no-repeat left center;	/* lang */ 
	background-color: #e0e0e0;
	font-size: 21px;
	color: #00759b;
	text-decoration:none;
}
.home_nav li:first-child a{
	border-radius:5px 5px 0 0;
}
.nav li:last-child a,
.home_nav li:last-child a{
	border-radius:0 0 5px 5px;
}


/*--- Section (Home and Inner) ----------------------------------------*/

.section{
	padding:20px;
}
.section h1{
	margin-bottom:15px;
	border-radius:5px;
	color: #000;
	padding:10px;
	background: #e0e0e0;
}
.section p{
	padding:0 0 15px 0;
}


/*--- Article (Home and Inner) ------------------------------------*/
	
.article {
	margin-bottom:20px;
	padding:0 0 15px 0;
	font-size:17px;
	line-height:20px;
	border-bottom:solid 1px #ddd;
}
.article img{
	width:100%;
	margin-bottom:20px;
	display:block;
}
.article h2{
	margin:0 0 20px 0;
}
.article h2 a{
	text-decoration:none;
	color:#666666;
}
.article small{
	font-size:13px;
	margin:0 10px 0 0;
	display:block;
	color:#999;
}
.article:last-child{
	border-bottom:none;
}
.articleSingle{
	margin-bottom:0;
	padding-top:0px;
	border-radius:5px;
	font-size:19px;
	line-height:24px;
	border-bottom:0;
}
.articleSingle h1{
	margin-bottom:20px;
}
.articleSingle .author{
	display:block;
	margin:0 10px 5px 0;
	font-weight:bold;
}
.description {
	font-size:17px;
	line-height:20px;
	font-size:19px;
	line-height:24px;
}


/*--- Buttons ------------------------------------------*/

.back,
.buttonSubmit,
.btn-read{
	margin-top:10px;
	text-decoration:none;
}
.back{
	margin-top:0;
	margin-bottom:10px;
}
.btn-read{
	margin-bottom:10px;
}


/*--- Forms ------------------------------------------*/

table.wizard/*,textarea*/{
	width:100% !important;
	max-width:710px;
}
table.wizard td{
	padding-bottom:10px;
	vertical-align:top;
}
.wizard td.wizard,
.wizard input.wizardRequired {
	width:20%;
}
.wizard select,
.wizard input.wizard,
.wizard input.wizardNarrow,textarea{
	width:95%;
	max-width:710px;
}
.wizard textarea{
	min-height:100px;
	width:95% !important;
}


/*--- Footer ------------------------------------------*/

.footer{
	padding:0 20px 20px 20px;
	margin:0;
}
.footer-inn{
	border-top:solid 1px #ddd;
	padding:10px 0 20px 0;
}


/*--- Daronet Logo ------------------------------------------*/

#logo .logo_footer{
	
}
#logo .to_full_site{
	text-decoration:none;
	font-weight:bold;
	color:#666;
	font-size:15px;
}