/*   
Framework Name: Shkoda
Description: css3 framework
Author: Natalia Izmalkova
Author URI: webconstanta.com
Version: v1.5
Development start: 2014
*/

/********************* RESET CSS***********************/

*{margin:0;padding:0}html,body{width:100%;height:100%}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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background-position:0 0;background-repeat:no-repeat;border:0 none;margin:0;padding:0;outline:0;vertical-align:baseline}a img,:link img,:visited img{border:0 none}table{border-collapse:collapse;border-spacing:0}q:before,q:after,blockquote:before,blockquote:after{content:""}blockquote,q{quotes:"" ""}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a,ol,ul{list-style:none;text-decoration:none;outline-style:none}pre{-webkit-overflow-scrolling:touch;background:#f8f8f8;border-radius:6px;border:solid 1px #e5e5e5;font-family:monospace;font-size:0.9em;line-height:1.75em;margin:0 0 2em 0;overflow-x:auto;padding:1em 1.5em}code{background:#f8f8f8;border-radius:6px;border:solid 1px #e5e5e5;font-family:monospace;font-size:0.9em;margin:0 0.25em;padding:0.25em 0.65em}body{overflow-y:scroll;overflow-x:hidden}:focus{outline:none}ul li a:focus{outline:none}

/*****************  BASIC CONTAINERS  *****************/

.sh-container {
	text-align: center;
	margin: 0 auto;
	width: 100%;
	height: auto;
	line-height: 0;
}
.sh-wrapper {
	display: inline-block;	
	margin: 0 auto;	
	height: auto;
	line-height: 1.5;
}

.sh-col-l {
	float: left;
}
.sh-col-r {
	float: right;
}
.sh-col {
	float: left;
}

/* *** 2 boxes - img+text *** */

.imgtexts {
	display: block;
	text-align: left;
	margin: 0;
	padding: 0 10px;
}
.picture {
	display: block;
	float: left;
	margin: 3px 20px 0px 0;
	width: 308px;
	height: 206px;
}

/* *** back to top *** */

.scrollup {
	width: 40px;
	height: 40px;
	opacity: 0.3;
	position: fixed;
	bottom: 50px;
	right: 100px;
	display: none;
	text-indent: -9999px;
	background: url(../img/icon_top.png) no-repeat;
}
.scrollup:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.2;
	-o-opacity: 0.2;
	-webkit-opacity: 0.2;
	opacity: 0.2;
}

/******************  CSS3 MEDIA QUERIES  ******************/

/* If ! Screen size is less than or equal to 1920px (adaptive layout) */
@media screen and (max-width: 1920px), screen and (max-device-width: 1920px) {
	img {
		/* Эластичные изображения */
		max-width: 100%;
		height: auto;
		width: auto\9;
	}
}

/* If ! Screen size is less than or equal to 1200px (adaptive layout) */
@media screen and (max-width: 1200px), screen and (max-device-width: 1200px) {


}
/* If ! Screen size is less than or equal to 1180px (adaptive layout) */
@media screen and (max-width: 1180px), screen and (max-device-width: 1180px) {
.sh-wrapper.w0000 {
	width: 90%;	
	}	
	
/* ofigenskoe reshenie 1 */	
.sh-col-l.w000 {
		width: 96%;
		margin-left: 0;
		float: none;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 20px;
		padding: 0;
		}	
		
/* ofigenskoe reshenie 2 -->прописать для img + прописать для блока, в котором лежит img !!! прописывать полный путь*/
.sh-col.w000 {
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: auto\9;
	}
	/* ofigenskoe reshenie 3 */
.sh-col.w000 {
		float: none;
		margin: 0 auto;
		text-align: center;
	}
}
/* If ! Screen size is less than or equal to 500px (adaptive layout) */
@media screen and (max-width: 500px), screen and (max-device-width: 500px) {
.scrollup {
		right: 0;
	}
}