html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
 #direction: rtl;
 margin:0;
 padding:0;
 border:0;
 outline:0;
 font-size:100%;
 vertical-align:baseline;
 background:transparent;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
}

@media only screen
and (min-width : 1px) 
and (max-width : 319px) {
body {
	font-size: 13px;
	
}
.logo {
	width:100%;
	
}

.wrapper {
	width:99%;
	margin: 0 auto;
}

}


@media only screen
and (min-width : 320px) 
and (max-width : 736px) {
body {
	font-size: 20px;
	
}
.logo {
	width:70%;
	
	
}
.wrapper {
	width:99%;
	margin: 0 auto;
}


}

@media only screen
and (min-width : 737px)  {
body {
	font-size: 120%;
	
}
.logo {
	width:40%;
	
}

.wrapper {
	width:50%;
	margin: 0 auto;
	}

}

body {
	direction: rtl;
}


* {
    box-sizing: border-box;
	font-size:inherit;
	font-family: inherit;
	
}




.green {
	background: rgba(164,179,87,1);
	background: -moz-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(164,179,87,1)), color-stop(100%, rgba(117,137,12,1)));
	background: -webkit-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
	background: -o-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
	background: -ms-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
	background: linear-gradient(to bottom, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c', GradientType=0 );
	color: #ffffff;
	margin-bottom:10px;
}

.grey {
	background: rgba(254,254,254,1);
	background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(226,226,226,1)));
	background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(226,226,226,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0 );
	color:#333;
}

.ctrl-L {
	border:1px solid grey;
	padding: 15px;
	border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
}

.ctrl-M {
	border:1px solid grey;
	padding: 8px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.ctrl-S {
	border:1px solid grey;
	padding: 4px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}


[class*="col-"] {
    float: left;
	padding: 15px;
}

.col-1 {	width: 8.33%;	font-size: inherit;}
.col-2 {	width: 16.66%;	font-size: inherit;}
.col-3 {	width: 24.99%;	font-size: inherit;}
.col-4 {	width: 33.33%;	font-size: inherit;}
.col-5 {	width: 41.66%;	font-size: inherit;}
.col-6 {	width: 50%;	font-size: inherit;}
.col-7 {width: 58.33%;font-size: inherit;}
.col-8 {width: 66.66%;font-size: inherit;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 99%;}
.col-12 {width: 100%;font-size: inherit;}


#contact {
	//overflow: hidden;
	direction: rtl;
	padding: 0px 10px 0px 10px;
	background: cream;
	
	
	//border: 1px solid #e1e1e1;
	//box-shadow: 0px 0px 8px #444;
	//-moz-box-shadow: 0px 0px 8px #444;
	//-webkit-box-shadow: 0px 0px 8px #444;
}


#doroshke {
	margin: 0px 10px -2px 0px; 
	padding: 0px 0px 10px 0px;
	text-align: right;
	box-sizing: border-box;
}

#dd {
	direction: rtl;
	padding: 10px;
	line-height: 2em;
	background: cream;
}

#dd2 {
	direction: rtl;
	width: 860px; 
	margin: 0px auto 0px auto; 
	padding: 0px 40px 0px 40px;
	line-height: 2em;
	background: cream;
	border: 1px solid #e1e1e1;
	box-shadow: 0px 0px 8px #444;
	-moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;
	

}





h1 {
	font-size: 2.9em; color: #445668; text-transform: uppercase;
	text-align: center; margin: 0 0 35px 0; text-shadow: 0px 1px 5px grey;
}

h2 {
	font-size: 1.5em; 
	color: #697886; text-transform: uppercase;
	text-align: center; margin: 0 0 0px 0; text-shadow: 0px 1px 5px grey;
	padding: 0px 0px 10px 0px;
}

h3 {
	font-size: 1.2em; color: #697886; text-transform: uppercase;
	text-align: center; margin: 0 0 0px 0; text-shadow: 0px 1px 1px red;
	padding: 0px 0px 10px 0px;
}



label {
	float: left; clear: left; margin: 11px 20px 0 0; width: 95px;
	text-align: right;  color: #445668; 
	text-transform: uppercase; text-shadow: 0px 1px 0px #f2f2f2;
}


	

#penhan {
	display:none;
}	
	
a:link {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
	
textarea {
	width: 100%; 
	height: 200px; 
	padding: 12px 20px 0px 20px; margin: 0 0 20px 0; 
	background: #E6F5E6; 
	//background: -moz-linear-gradient(top, #FFCC80 0%, #5E768D 20%); /* firefox */
	//background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC80), color-stop(20%,#FFCC80)); /* webkit */
	border-radius: 15px; 
	border: 1px;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	box-shadow: 0px 0px 15px grey;
	-moz-box-shadow: 0px 0px 15px grey;
	-webkit-box-shadow: 0px 0px 15px grey;
	color: a1b2c3; 
	text-shadow: 0px -1px 0px #38506b;  
}
	textarea::-webkit-input-placeholder  {
    	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;  
	}
	textarea:-moz-placeholder {
	    color: #a1b2c3; text-shadow: 0px -1px 0px #38506b; 
	}
	

input[type=submit] {
	padding: 20px; 
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 1px 3px 3px grey;
	border: 1px solid lightgrey;
	margin-bottom:10px;
}
 
input[type=text]:focus, 
input[type=date]:focus,
input[type=datetime]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=email]:focus,
textarea:focus, 
select:focus{
	outline:none;
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
	border-radius:15px;
}

.overlay {
position:absolute;
left:0;
right:0;
margin-left:auto;
width:80%;
margin-right:auto;
background-color: white;
z-index:5;
opacity: 0.9;
visibility:hidden;
padding: 15px;
border:1px solid lightgrey;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;

}

.roundb {
	//border: 1px solid black;
	position:relative;
	border-radius: 15px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	box-shadow: 0px 0px 15px grey;
	-moz-box-shadow: 0px 0px 15px grey;
	-webkit-box-shadow: 0px 0px 15px grey;
	padding: 12px 20px 20px 20px;
	margin-top:-2px;
	background-color: white;
	z-index:1	;
}

.message {
	width:100%;
	background-color: #531959;
	color: white;
	
}
#message a:visited {
	color: yellow;
	
	
}

#message a:link {
	color: yellow;
		
}

#message a:hover {
	
		
}




