/*
Project Name: Template GetSimple_v1  
Author: ufopera
Published on: https://incod.ru
*/

/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;font-family:arial;}
ul,dl,dt,dd,ol,li, h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0;box-sizing:border-box;}
input,select,option,textarea{background-color:#fff;color: inherit;max-width:100%;box-sizing:border-box;}
a img,:link img,:visited img {border:none}
textarea{border:1px solid #ccc;font-size:1.1em;width:100%;min-height:40px}
nav li{list-style-type:none;}

*{box-sizing:border-box;}
::selection{background-color:#91D8f7;color:#fff;}
a	{outline:0;color:#222;text-decoration:none;}
a:hover{text-decoration: underline; }
p a:hover{color:#488EAD;}
a:active{outline: none;position:relative;top:2px;}
.clearfix{ clear:both;}

img {max-width:100%;height: auto;width: auto\9; /* ie8 */}
pre{overflow:scroll;font-size:15px;}
code{
display: block;float:left;width:100%;margin:10px 0;
font-size:15px;padding:14px;color:#374051;background-color:#fffbee;border:#ccc 1px solid;overflow:scroll;max-height:600px;
}

blockquote{
margin:12px 0 22px;
line-height:1.2em; 
font-style:italic;
padding:10px;
background-color:#f2f5f9;
font-size:1em;
border:1px solid #eee;
border-left:6px solid #ccc;	
}

/* MAIN -----------------------*/
body{ 
background:#EEEEEE;;color:#222;font-family: Georgia, 'Times New Roman', Times, serif;
font-size:1.085em;letter-spacing:.0333em;line-height:1.4em;font-weight:500;
transition-property:font-size;
transition-duration:0.5s,0.5s;
transition-timing function:linear,ease-in;
}

#wrapper{margin:0px auto;max-width:1180px;background:#fff;}
header{background-color: #488EAD;color: #f1f5fa}
header h1 a{color:#f1f5fa;text-decoration:underline !important;} header a:hover{color:#fff;}
header h1,header h2{padding:12px 10px;}

footer{margin:20px 0 0px 0;padding:20px;border-top:solid 4px #eee;border-bottom:solid 4px #eee;}
#main-content{border-top:solid 4px #eee;}

h1{
font-size:90px;font-family:'Droid Serif',serif;line-height:75px;
transition-property:font-size;
transition-duration:0.5s,0.5s; 
transition-timing function:linear,ease-in;  
}

h2{
font-family:'Helvetica';font-size:1.25em;
transition-property:font-size;
transition-duration:0.5s, 0.5s;  
transition-timing function:linear,ease-in;
}

h3 {font-size:1.05em;}

p{margin:10px 0 10px;}

nav{background:#222;padding:0;margin:0;}
nav a{color:#F9F9F9;display:block;float:left;padding:10px;}
nav a:visited{color:#f9f9f9;}
nav a:hover{text-decoration:none;background:#488EAD;}
nav a:active{position:relative;top:0;}

.content{padding-bottom:50px;min-height:100px;font-size:1.05em;}
.content h1{line-height:40px;margin:25px 0 20px 0;}
.content h2{line-height:37px;margin:20px 0 10px 0;}
.content h3{margin:25px 0 10px 0;}
.content h4{margin:25px 0 10px 0;}
.content h5{margin:25px 0 10px 0;}
.content h6{margin:25px 0 10px 0;}
.content ul,.content dl,.content dt,.content dd,.content ol, .content li{margin:8px;margin-left:20px;}

.container{padding:10px 3.33%;box-sizing:border-box;}

.left-col{}
.sidebar{
margin-bottom:10px; 
transition-property:width;
transition-duration:0.5s, 0.5s; 
transition-timing function:linear,ease-in;
}

.border_ab{border-bottom:solid 4px #ddd;}
.border_bb{border-bottom:4px solid #eeac4a;}
.border_cb{border-bottom:4px solid #4872bf;}

/*  Styles col grid ===========  */
.col_def{float:left;width:100%;background:#fff;margin-bottom:5px}
.col_8{width:8.33333%}
.col_16{width:16.66666%}
.col_25{width:24.99999%}
.col_33{width:33.33333%}
.col_41{width:41.66666%}
.col_50{width:49.99999%}
.col_58{width:58.33333%}
.col_66{width:66.66666%}
.col_75{width:74.99999%}
.col_83{width:83.33333%}
.col_91{width:91.66666%}
.col_100{width:99.99999%}
[class*='col_'] {float:left;box-sizing:border-box;}
/*  Styles col grid ============ */

/* table norm */
table{font-family:Tahoma;border-collapse:collapse;border-spacing:0;width:100%;display:table;font-size:.88em;border:1px solid #ddd;}
table caption{padding:6px;border:1px solid #ddd;border-bottom-color:#4284cc;border-bottom-width:2px;line-height:26px;text-align:left;font-weight:bold;}
tr,th,td{padding:6px;border-bottom:1px solid #eee;}

th{font-weight:bold;text-align:left;padding-left:6px;border:0;background-color:#e7e7e7;font-style:normal;}
thead td,tfoot td{background-color:#e9e9e9;color:#333;border:1px solid #ccc;padding:4px;}
.table_zebra_even tbody>tr:nth-child(even){background-color:#f8f8f8;} 
.table_zebra_odd tbody>tr:nth-child(odd){background-color:#f8f8f8;}
.table_hover tbody>tr:hover{background-color:#e6f4f9}
/* start table IC */
table tbody td{border:0px solid #ddd;padding:6px 4px 6px 7px;line-height:22px;white-space:pre-wrap;word-wrap:break-word;}


/* Styles #special_table ===== */
.spec_table{width:100%;letter-spacing:normal;background:#fff;text-align:left;border:0;}
.spec_table td{border-right:none;border-left:none;padding-left:14px;}
.spec_table th{box-shadow:none;height:24px;line-height:1.4em;background:#3887bc;color:#fff;border-color:#3887bc}
/* Styles #special_table ====*/


.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:2px;}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6;}
.alert-success hr{border-top-color:#c9e2b3;}
.alert-success .alert-link{color:#2b542c;}
.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1;}
.alert-info hr{border-top-color:#a6e1ec;}
.alert-info .alert-link{color:#245269;}
.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc;}
.alert-warning hr{border-top-color:#f7e1b5;}
.alert-warning .alert-link{color:#66512c;}
.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1;}
.alert-danger hr{border-top-color:#e4b9c0;}


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.form fieldset{border:1px solid #cccccc;border-radius:2px;padding:8px 12px;}
.form label{display:block;float:none;}

.form label > input{
display: inline-block !important;
margin-right:8px;
}
.form{box-sizing:border-box;}
.form input[type="radio"],.form input[type="checkbox"]{float:none;display:block;}
.form textarea{height:auto;min-height:65px;width:100%;}

.form input[type="email"],
.form input[type="password"],
.form input[type="button"],
.form textarea,
.form input[type="text"]
{
display:block;
box-sizing:border-box; 
width:100%;
height:38px;
padding:8px 12px;
font-size:.9em;
line-height:1.42857143;
background-color:#fff;
background-image:none;
border:1px solid #cccccc;
border-radius:2px;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;	
}

.form textarea,.form fieldset,.form input{margin-bottom:10px;}
.form input[type="button"],.form input[type="submit"],.form input[type="reset"],
.form button{
margin-top:10px;/*display:block;width:100%;*/
text-decoration:none;padding:4px 20px;border-radius:2px;transition:background 0.4s ease;white-space:nowrap;
line-height:1.5em;cursor:pointer;text-align:center;float: none;
user-select:none;/* убирать выделение текста */
outline:none; /* убирать контур в Mozilla */
background:#444;height:100%;border:1px solid #cccccc;font-size:1em;color:#fff;
}

.form input[type="submit"]:hover,.form input[type="reset"]:hover,.form button:hover,
.form input[type="button"]:hover{background:#66a5bf; box-shadow: 0 0 8px rgba(0,0,0,.2);}
.form input:focus,.form textarea:focus {border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.form input[disabled],.form input[readonly],fieldset[disabled], textarea[disabled] {background-color:#EEE !important;opacity:1;}

/* end Forms –––––––––––––––––––––––––––––––––––––––––––––––––– */

/* START BUTTON  display:table;–––––––––––––––––––––––––––––––––––––––––––––– */
form .but,form .btn,form .button_ico,form .button{
	line-height:1.6em;width:100%;
}
.but,.btn,.button_ico,.button,
.butt_v1,.butt_v2,.butt_v3,.butt_v4,.butt_v5{
text-decoration:none;padding:6px 10px;border-radius:3px;color:#fff;transition:background 0.4s ease;white-space:nowrap;
color:#444;cursor:pointer;text-align:center;border:0;float: none;line-height:38px;
user-select:none;/* убирать выделение текста */
outline:none; /* убирать контур в Mozilla */
}
.butt_v1{background:#D44B38;border:1px solid #c83f2b;color:#fff;} 
.butt_v1:hover,a.butt_v1:active {background:#f77373;} 
.butt_v2{background:#56be3d;border:1px solid #51b039;color:#fff;} 
.butt_v2:hover, a.butt_v2:active{background:#77cc62;} 
.butt_v3{background:#eee;border:1px solid #ccc;}
.butt_v3:hover, a.butt_v3:active{background:#fff;} 
.butt_v4{border:2px solid #e3e7ea;color:#4b5661;background-image:linear-gradient(to top,#e2e2e288,#f9f9f9);box-shadow:0 0 8px rgba(0,0,0,.1);}
.butt_v4:hover{border-color:#cdd5da;}
.butt_v5{background-color:transparent;border:1px solid #ddd;color:#eee;}
.butt_v5:hover, a.butt_v5:active{color:#fff;border-color:#fff;} 
/* ***************** */

/*-------------
## еще кнопки
--------------*/
.button{background:#fff;border:1px solid #ccc;border-radius:3px;font-size:.95em;}
.button:hover{background:#ddd;}
.button:disabled{background:#ddd;cursor:default;}

button.button_ico{padding:7px;}
.button_ico{background:#fff;height:100%;padding:8px;font-size:.95em;border-radius:0;}
.button_ico:hover{background:#ddd;}

.btn{background:#f4f4f4;height:100%;border:1px solid #ccc;border-radius:2px;font-size:1em;}
.btn:hover{background:#eee;}

.but{background:#fff; height: 100%;font-size:.95em;}
.but:hover{background:#ddd;}
/* END BUTTON  –––––––––––––––––––––––––––––––––––––––––––––––– */


/* start media-queries.css*/
@media screen and (max-width: 640px) 	{
	h1{font-size:50px;font-size:60px;}
	h2{font-size:20px;}
	body{font-size:16px;}
}

@media screen and (max-width: 860px) 	{
	.left-col {padding-bottom:40px}
	.sidebar {border-top:4px solid #eee;}
	[class*='col_'] {width:100% !important;}
	
	#wrapper{margin:0px}
}
/* end	media-queries.css*/