html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,
center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,
summary,time,mark,audio,video { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; font-family:Arial,sans-serif; outline:none; }
td { vertical-align:top; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
body { line-height:1.2 }
blockquote,q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
table { border-collapse:collapse; }
html, body { background:#fff; font-size:14px; font-family:Arial,sans-serif; color:#666; width:100%;
	-webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%;
}

h1,h2,h3,h4,h5,h6 { line-height:25px; font-weight:normal; font-size:18px; font-family:Arial; }

#center h2 { padding-left:5px; border-bottom:2px solid #5194b5; margin-bottom:10px; }
#center h3 { padding-left:5px; border-bottom:2px solid #dbdbdb; margin-bottom:10px; font-size:16px; }
#center h4 { font-size:14px; font-weight:bold; }

pre { font-size: 12px; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }

a { text-decoration:underline; color:#5194b5; }
a:hover { text-decoration:none; }

hr { margin:20px auto; height:1px; overflow:hidden; background:#bbbdc8/*5194b5*/; border:0; }

label { cursor:pointer; }

.clear { clear:both; height:1px; overflow:hidden; }

.container { width:1000px; margin:0 auto; padding:0; clear:both; }

.shadow { box-shadow:0 0 10px 5px #ccc; }

.red { color:red; }

#header { height:100px; padding-top:8px; background:url(/img/header_bg.png) 85px bottom no-repeat; margin-bottom:1px; }
#header .container { height:65px; }

#header a { color:#666; }

#logo { float:left; padding-left:20px; }

#account { float:right; padding:0 10px 0 0; }
#account * { display:block; float:right; height:32px; line-height:32px; }
#account a { opacity:0.8; text-decoration:none; padding-right:35px; background:url(/img/ico_account.png) right top no-repeat; }
#account a:hover { opacity:1; }
#account .login { background-position: right top; }
#account .exit { background-position: right bottom; }
#account .user_name { margin-right:50px; color:#666; }

.block { border-radius:10px; background:#fff; overflow:hidden; }


#content { min-height:300px; position:relative; overflow:hidden; }
#content > .wrap {}
#content .header { background:#e6f0f8; min-height:25px; line-height:25px; padding:5px 0; border-bottom:1px solid #fff; }
#content .header h1 { float:left; padding:0 20px; font-size:16px; }
#content .header .menu { float:right; }
#content .header .menu a { float:right; display:block; height:25px; line-height:25px; opacity:0.8; 
padding-right:33px; margin-right:20px; text-decoration:none; color:#666; background:url(/img/ico.png) right -10px no-repeat; }
#content .header .menu a:hover { opacity:1; }
#content .header .menu .projects { background-position: right -10px; }
#content .header .menu .settings { background-position: right -60px; }

#content > div { position:relative; z-index:2; }
#content .right_bg { position:absolute; z-index:1; right:0; top:0; width:250px; height:9000px; background:#fff; border-left:1px solid #a6a6a6; }

#center { float:left; width:700px; margin:30px 20px; background:none; line-height:1.5; }
#center.center { float:none; margin:30px auto; }

#right { float:right; width:250px; }

#right .menu { margin-bottom:30px; padding:30px; }
#right .menu ul,
#right .menu li { list-style:none; padding:0; margin:0; }
#right .menu li {  margin:0 0 15px; }
#right .menu li a,
#right .menu li span { display:block; background:#fff; padding:10px; border:1px solid #5194b5; border-radius:3px; font-size:12px; color:#404040; 
text-decoration:none; text-transform:uppercase; }
#right .menu li span { background:#EDEDED; color:#999; }
#right .menu li a:hover { background:#ececec; }
#right .menu li a.active { background:#e6f0f8; }

#footer a { text-decoration:none; color:#666; }


.button { line-height:20px; padding:5px 18px 3px; border:2px solid #5194b5; font-size:12px; width:auto; color:#fff; background:#5194b5; border-radius:3px; 
text-transform:uppercase; display:inline-block; cursor:pointer; opacity:0.9; text-decoration:none; -moz-box-sizing: border-box; box-sizing: border-box; }
.button:hover { opacity:1; }
.button.white { background:#fff; color:#5194b5; }
.button.small { padding: 4px 18px; }

input, select, textarea { width:200px; border:1px solid #666; border-radius:3px; padding:4px 2px; background:#fff; 
-moz-box-sizing: border-box; box-sizing: border-box; font-family:Arial,sans-serif; font-size:14px; }
input[type="radio"], input[type="checkbox"] { width:auto; }
textarea { height:100px; }
select { padding:0 2px; }
select option { padding:4px 2px; }
input[type="text"]:focus, select:focus, textarea:focus { /*box-shadow: 0 0 5px #3dabc4;*/ border-color:#5194b5; background:#fff; }

input.date { width:130px; }

form { position:relative; padding:20px 0; }
form > label,
form > div > label { clear:both; float:left; width:140px; margin-bottom:10px; padding:8px 0 6px; }
form > label span,
form > div > label span { color:#ff6704; }
form > div.ur_type_name label { visibility:hidden; }
form small { font-size:10px; }
form .field { float:left; margin-bottom:20px; width:250px; }
form .field.left { text-align:left; }
form .field.left label { text-align:left; }
form .field input,
form .field select,
form .field textarea { width:100%; }
form .field input[type="radio"],
form .field input[type="checkbox"] { width:auto; }
form .field textarea { height:100px; }
form .field .active { border-color:red; }
form .bottom { clear:both; text-align:right; margin-bottom:20px; width:390px; }

table.list, table.list td, table.list th { border-collapse:collapse; border:1px solid #dbdbdb; }
table.list { width:100%; }
table.list th { background:#f6f6f6; font-weight:bold; color:#666; font-size:14px; font-weight:normal; text-align:left; }
table.list .small th { font-size:12px; }
table.list td { color:#444; font-size:13px; }
table.list th,
table.list td { padding:10px; }

table.list .delete { display:inline-block; height:18px; width:18px; background:url(/img/delete.png) center center no-repeat; }

table .v_middle,
table .v_middle td { vertical-align:middle; }
table .left,
table .left td { text-align:left; }
table .left td.center { text-align:center; }
table .center,
table .center td { text-align:center; }
table .center td.left { text-align:left; }


table.list.tarif td { padding:0; height:40px; text-align:center; vertical-align:middle; }
table.list.tarif td:first-child,
table.list.tarif th:first-child { text-align:left; padding-left:5px; vertical-align:middle; }
table.list.tarif th { padding:5px; text-align:center; font-size:13px; }
table.list.tarif td input { padding:5px 0; border-width:2px; width:45px; font-size:12px; border-radius:0; text-align:center; }

.steps td { width:33%; }
.steps .step { display:inline-block; background:#5194b5; width:50px; height:50px; text-align:center; line-height:50px; margin-bottom:10px; border-radius:25px; 
color:#fff; font-size:20px; }

i.icon-question {
display: inline-block;
width: 16px;
height: 16px;
line-height: 16px;
vertical-align: middle;
background: url(/img/question.png) center center no-repeat;
cursor:pointer;
position:relative;
z-index:101;
}
#tooltip {
	display:none;
	position:absolute;
	z-index:100;
	left:0;
	top:0;
	max-width:400px;
	background: #404040;
	border-radius: 10px;
	padding: 20px;
	color: #fff;
	-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 10px 3px rgba(0,0,0,0.3); 
	box-shadow: 0 0 10px 3px rgba(0,0,0,0.3);
	line-height:18px; 
	font-size:14px;
}
#tooltip::after {
	content: ''; 
	position: absolute;
	left: 20px; top:100%;
	border: 10px solid transparent;
	border-top: 10px solid #404040;
}


#big_image img { max-width:320px; }

#step3 input  { text-align:center; }

#step3 .slide { padding-bottom:20px; }
#step3 .items { padding-top:20px; }
#step3 .items .item { clear:both; }
#step3 .items .item span { clear:both; float:left; height:34px; line-height:34px; width:100px; font-weight:bold; margin-bottom:10px; }
#step3 .items .item div { float:left; margin-bottom:10px; }
#step3 .items .item div small { padding-left:20px; font-size:12px; font-weight:bold; }
#step3 .slide { display:none; }

#step4 .items .item { clear:both; font-size:12px; display:none; }
#step4 .items .item.active { display:block; }
#step4 .items .item .image { width:180px; }
#step4 .items .item .image img { max-width:180px; }
#step4 .items .item .grafik { width:500px; }
#step4 .items .item .grafik img { max-width:500px; }
#step4 table.list tr.active td,
#step4 table.list tr:hover td { background:#eee; cursor:pointer; }

#step5 .items label { float:none; }


#step6  .section { clear:both }
#step6 .section .tabs,
#step6 .section .tabs li { margin:0; padding:0; list-style:none; }
#step6 .section .tabs { width:100%; height:40px; }
#step6 .section .tabs li { float:left; display:table; cursor:pointer; padding:0 10px; margin-left:10px; font-size:12px; color:#404040; line-height:1.3; height:40px; 
background:#dedede; border:1px solid #b9b9b9; border-radius:3px; text-transform: uppercase; text-align:center; }
#step6 .section .tabs li:first-child { margin-left:5px; }
#step6 .section .tabs li span { display:table-cell; vertical-align:middle; }
#step6 .section .tabs li:hover { background:#cfcfcf; }
#step6 .section .tabs li.current { color:#fff; background:#5194b5; border-color:#5194b5; }
#step6 .section .boxes  { clear:both; position:relative; width:100%; padding:20px; box-sizing:border-box; }
#step6 .section .box { display:none; padding:0; }
#step6 .section .box.visible { display:block; }
/*
#step7 label { clear:none; float:none; display:inline-block; width:auto; margin:10px 50px 10px 0; padding:0; }
*/
#step7 label img { vertical-align:middle; margin-top:-5px; }
#step7 td { padding-top:10px; padding-bottom:10px; }