@charset "utf-8";

@font-face {
    font-family: 'quicksandregular';
    src: url('quicksand-regular-webfont.html');
    src: url('quicksand-regular-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('quicksand-regular-webfont-2.html') format('woff'),
         url('quicksand-regular-webfont-3.html') format('truetype'),
         url('quicksand-regular-webfont-4.html#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


html {
	background:url(../images/LogoNoText2.png) bottom left;
	background-repeat:no-repeat;
	background-size: 100% Auto;
	background-position-y: bottom;
        margin:0;
		height:100%
}


body {
	/*background:url(../images/back4.jpg) bottom left;
	background-repeat:no-repeat;*/
	

	      height:100%;
        margin:0;
}


h2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	color:#000;
	
}


/*a img {
	border:none;
	outline:none;
}*/



p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:600;
	line-height:18px;
	color:#000;
	margin:0;
	padding-bottom:15px;
	text-align:left;
}

em{
	color: #0F6FAA;
	font-style: normal;
	/*color:#f37521;*/
}

ul {
	padding:0;
	margin:0;
}

li {
	padding:0;
	margin:0;	
}


a.burst img  {
	display:block;
}


a.burst {
	text-decoration:none;
}


a.burst img:hover {
	background:#fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index:1; 
}

/*helper*/

.colleft{
	float:left;
}

.colright{
	float:right;
}

.clearfix {
	height:0;
	clear:both;
}


/* --------------------------------------------- */

.wrapper {
	position:relative;
	padding:0;
	margin:0 auto;
	width:940px;
}


.w600 {
	width:600px;
}

#header {
	position:relative;
	border:1px solid #0F6FAA;
	margin-top:50px;
	background:url(../images/bg-header.jpg) right top no-repeat #fff;
}

/*#header h1 {
	display:none;
}*/


#header h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #0f6faa;
}

.logo{
	margin-left:15px;
	margin-top:5px;
}


.color-zone{
	background-color:#0F6FAA;
}

p.tel{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	color:#fff;
	width:190px;
	float:left;
	margin-top:15px;
	margin-left:25px;
	
	
}




/*********menu************************/

nav{
	padding: 0;
	margin: 0;
	float:right;
	width: 620px;
}

nav ul{
	padding:0;
	margin:0;
	list-style:none;

}

nav ul li{
	float:left;
	margin:0 20px;
}


nav ul li a{
	display:block;
 height:50px;
}

nav ul li a.acc{
	width:166px;
 background: url(../images/nav-acc.png) no-repeat;
}

nav ul li a.acc:hover{
 background: url(../images/nav-acc-hover.png) no-repeat;
}

nav ul li a.soum{
	width:164px;
 background: url(../images/nav-soum.png) no-repeat;
}

nav ul li a.soum:hover{
 background: url(../images/nav-soum-hover.png) no-repeat;
}

nav ul li a.coord{
 width:167px;
 background: url(../images/nav-coord.png) no-repeat;
}

nav ul li a.coord:hover{
 background: url(../images/nav-coord-hover.png) no-repeat;
}



/**************************************************/



#content {
	position:relative;
	border:1px solid #0F6FAA;
	margin-top:30px;
	padding:0;
}

.content-index {
	background:url(../images/bg-gradient-content.jpg) right repeat-y;
}


.content-coord {
	background:#fff;
}


.rbq{
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:600;
	color:#676767;
	
}


/*ul.bullet{
	list-style:url(../images/krig-Check-item-Aqua-style.svg) outside;
	margin-left:20px;
}

li{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:600;
	color:#0F6FAA;
	padding-left:5px;
	padding-bottom: 5px;
	line-height:14px;
}*/

ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:600;
	color:#0F6FAA;
	padding-top: 3px;
	padding-left:22px;
	padding-bottom: 5px;
	line-height:14px;

	background-image: url(../images/krig-Check-item-Aqua-style.svg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position-y: 1px;
}


/*index*/

.index-col{
	float:left;
	width:380px;
	padding:15px 40px ;
}

.index-col a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:600;
	line-height:18px;
	color:#666;
	text-decoration:none;
	padding-bottom:15px;
	text-align:left;
}



.index-col a:hover {
	color:#0F6FAA;
	text-decoration:none;
	
}

.vseparate{
	float:left;
	width:1px;
	background:#0F6FAA;
	height: 200px;
	margin:32px 0;
}


.index-img{
	float:right;
	border-left:1px solid #0F6FAA;
}


/*coord*/

.coord-col{
	float:left;
	width:270px;
	text-align:center;
	padding:15px 30px 0;
}


.coord-col h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#0F6FAA;
	text-align:center;
	font-weight:bold;
	font-style:italic;

}

.coord-col p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0F6FAA;
	text-align:center;
	font-weight:normal;
}


.coord-col p strong{
	font-weight:bold;
}

.coord-img{
	float:right;
}
/**********  Form **********/


.form-col-a{
	float:left;
	width:280px;
	text-align:left;
	padding:15px 30px 0;
	
}


.form-col-b{
	float:right;
	width:500px;
	padding:15px 30px 0;
}

form { 
	margin-top:0;
	padding-top:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	
}
input {
	width: 175px;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color:#FFFFFF;
	padding:2px;
	margin:3px 0;
}


input[type="checkbox"]{
	display:inline-block;
	width: 15px;
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	line-height:50px;
	/*background-color:#FFFFFF;*/
}

input[type="radio"]{
	display:inline-block;
	width: 15px;
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	line-height:50px;
	/*background-color:#FFFFFF;*/
}


.submit {
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	width:250px;
	background-color:#0F6FAA;
}


.submit:hover {

	background-color:#333;
}



/****************************************/
/********** Signature Mediaweb **********/
/****************************************/

.mediaweb {
	text-align:right;
	text-decoration:none;
	margin-left:80px;
	color:#888;

}

.mediaweb a:hover {
	text-decoration:none;
	color:#666;
}


/*.mediaweb a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#656565;
	text-decoration:none;	
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;

}
.mediaweb a:hover {
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}
*/

.copyright {
	padding:10px; 
	font-weight:normal; 
	font-size:10px; 
	color:#666; 
	text-align:center;
}