/*----------------------------------RELOAD-----------------------------------------------------------------------------------------------------------------*/
html,body{
	margin:0;
	padding:0;
	font-family: 'Segoe UI'; 
	-ms-font-feature-settings: 'ss01' 1;
}

/*----------------------------------HEADER-----------------------------------------------------------------------------------------------------------------*/
#header{
	height: 40px;
	width: 100%;
	margin: 0;
	padding: 0;
}

#header img{
	margin-top: 20px;
}

#logo{
	width: 300px;
	display:block;
	float:left;
	height:40px;
}

#logo a{
	text-decoration:none;	
}

#logo h3{
	color: #4eb0e3;
	font-size: 30px;
	margin: 20px;
	font-family: "Segoe UI"; 
	font-weight: lighter;
}

#logo small{
	color: #9f9f9f;
	font-size: 24px;
}

/*----------------------------------NAVIGATION-------------------------------------------------------------------------------------------------------------*/
#navigation{
	width:920px;
	margin: 0 auto;
}

#navigation img{
	float: left;
	margin-right: 30px;
}

#nav{
	list-style:none;
	padding:0; 
	margin: auto;
	padding-left: 30px;
}

#nav li{
	float:left;
	margin-top: 20px;
	width: 100px;
	height: 40px;
	display:block;
	text-align:	center;
}

#nav li:hover{
	background-color: #f75a53;
}

#nav a{
	color:#9f9f9f;
	width: 100px;
	height: 40px;
	line-height:36px; 
	display:block;
	text-align:	center;
	text-decoration:none;
}

#nav li:hover a{
	color:#fff; 
}

.addr{
width: 250px;
}

/*-----------------------------------------------------------------FORMS----------------------------------------------------------------------------------*/
input[type="text"] {

	height: 25px;
	background-color: #e7ffe0;
	margin-left: 20px;
	margin-right: 10px;
	border: none;
	color: green;
}
input[type="email"] {

	height: 25px;
	background-color: #e7ffe0;
	margin-left: 20px;
	margin-right: 10px;
	border: none;
	color: green;
}
Form textarea {
	background-color: #e7ffe0;
	margin-left: 20px;
	margin-right: 10px;
	border: none;
	color: green;
}
label{
	color: #fff;
	margin-left: 20px;
	font-family: "Segoe UI"; 
	font-weight: lighter;
}

button[type="submit"] {
	width: 150px;
	height: 27px;
	background-color: #f75a53;
	margin: 0 0 0 0;
	border: none;
	color: #fff;
	cursor: pointer;
	margin-right: 2%;
}

select {
    background-color: white;
    border: 1px solid #CCCCCC;
    padding: 0 0 0 8px;
    width: 220px;
	margin-left:10px;
}

select, input[type="file"] {
    height: 30px;
    line-height: 30px;
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    float: left;
    margin-left: -18px;
}

#formbody{
	width: 250px;
	margin: 0 auto;
}

#checkboxes{
	margin-left: 5px;
}

.inputtext{
	width: 160px;
	float: left;	
}

.captcha{
	width: 150px;
	height: 27px;
	background-color: #73ab3e;
	float: left;
	margin-left: 20px;
	text-align: center;
}

#ajax_form_v2 .controls {text-align: -webkit-center;}

#ajax_form_v2 .form-group{margin: 20px 0;}



/*-----------------------------------------------------------------CONTENT-------------------------------------------------------------------------------------*/
#content{
	width: 880px;
	margin: 30px auto;
}

.blocks{
	width: 440px;
	float: left;
	margin-bottom: 20px;
}

.smallquad{
	width: 200px;
	height: 150px;
	float: left;
	text-align: center;
	margin: 0 20px 20px 0;
	display: block;
	cursor:pointer;
}

.smallquadhidden{
	display: none;
	position: absolute;
	width: 200px;
	height: 150px;
	float: left;
	margin: 0 20px 0 0;
}

.blue{
	background-color: #6bbde8;
}

.blue:hover{
	background-color: #01abc4;
}

.bluehard{
	background-color: #01abc4;
}

.bluehard:hover{
	background-color: #6bbde8;
}

.green{
	background-color: #73ab3e;
}

.green:hover{
	background-color: #89c550;
}

.greenhard{
	background-color: #89c550;
}

.greenhard:hover{
	background-color: #58c03c;
}

.greenmedium{
	background-color: #58c03c;
}

.greenmedium{
	background-color: #89c550;
}

.smallquad img{
	margin: 20px 0 0 0px;
}

.blocks h3,.smallquad h4{
	color: #fff;
	margin: 0;
	font-family: "Segoe UI"; 
	font-weight: lighter;
}

.smallquad h4{
	font-size: 14px;
	margin: auto auto;
	color: #fff;	
	font-family: "Segoe UI"; 
	font-weight: lighter;
}

.razr h3{
	padding-top: 27px;
}

.longquad{
	width: 420px;
	height: 150px;
	text-align: center;
	display: block;
	clear: both;
	cursor:pointer;
}

.longquad img{
	margin-top: 20px;
}

.bigblock{
	float: left;
	width: 420px;
	height: 320px;
	/*height: 390px;*/
	margin-bottom: 20px;
	margin-right: 20px;
}


.block6{
	height: 190px;
}

.block7{
	height: 190px;
}

.bigblock h3{
	color: #fff;
	text-align: center;
	font-family: "Segoe UI"; 
	font-weight: lighter;
	margin: 10px
}

.bigblock h4{
	color: #fff;
	font-family: "Segoe UI"; 
	font-weight: regular;
	padding-left: 10px;
	margin: 0;
}

.bigblock span{
	color: #fff;
	font-family: "Segoe UI"; 
	font-weight: lighter;
	margin-left: 10px;
    text-align: justify;
}

.bigblock p{
	color: #fff;
	font-size: 14px;
	text-align: justify;
	padding: 0 10px;
	font-family: "Segoe UI"; 
	font-weight: regular;
	margin: 0;
}

.newsitem{
	width: 420px;
	padding: 5px 0;
	border-bottom: 1px dotted #fff;
}

.newsitem:last-child{
	border: none;
}

.newsitem:hover{
	background-color: #6bbde8;
}

.newsitem a{
	color: #f75a53;
	text-decoration: none;
}

.author{
	float: right;
	margin: 0;
}

.fullwidthblock{
	width: 860px;
	height: 150px;
	margin-bottom: 20px;
	clear: both;	
}

.fullwidthblock h3{
	color: #fff;
	font-family: "Segoe UI"; 
	font-weight: lighter;
	padding-left: 10px;
}



/*-----------------------------------------------------------------FOOTER--------------------------------------------------------------------------------------*/

#footer{
	clear: both;
	width: 100%;
	text-align: center;
}

#footer h4{
	font-family: "Segoe UI"; 
	font-weight: lighter;
	color:#9f9f9f;
}
.checkbox{
	cursor:pointer;
}
.check-box{
	cursor:pointer;
}
.check-title{
	cursor:pointer;
}
.result-end{
	margin-top:10px;
}
.text_page{
	/*float:left;*/
	/*margin:0 17% 0 17%;*/
	/*width: 66%;*/
}
.img_dev{
	width:280px;
}
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;margin-left: 25px;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:300px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	/*width:540px;*/
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}



.clearfix {
  zoom: 1;
}

.http {
display: block;
float: left;

}