/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
#piecemaker {
	height: 330px!important;
}
}
		

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
.content_page #slider1 {
	width: 92%;
	height: 275px;
}
.viewport .gap li div.col3 {
	width: 231px;
}
#now_slider iframe.wid5 {
	height: 250px;
	width: 100%;
}
#now_slider iframe.wid6 {
	height: 330px;
}
#now_slider iframe.wid7 {
	height: 300px;
	width: 100%;
}
.cols4 .col4 {
	width: 46%;
	margin-top: 10px;
	min-height: 180px;
}
.cols4 .col4.last {
	float: left;
}
.header .menu ul li a.ms_top span {
	padding-left: 6px;
	padding-right: 6px;
}
.cols3 .col3 {
	width: 206px;
}
.container #slider1 .viewport {
	width: 672px;
}
#slider2 .content_full_size.gap3 {
	padding: 25px;
}
.sidebar #slider2 .overview li {
	width: 204px;
	padding: 0 7px 0 0;
}
.sidebar #slider2 .viewport {
	height: 250px;
}
.container .prefooter_resize .fcol {
	width: 229px;
}
.gap3 .cols2 .col2 {
	width: 200px;
}
.div_h3_act_href a span, .div_h3_act_href a {
	font-size: 12px !important;
}
.content_full_size .cols2 .col2 {
	width: 329px;
}
}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
#webstore {
	width: 90%;
	min-width: auto !important;
}
#webstore-navigation li {
	float: none !important;
	margin: 5px 0 0 0 !important;
}
#panel_setting_side {
	position: absolute !important;
	top: 30% !important;
}
.container .menu {
	width: 100%;
}
.container .menu .menusm {
	display: none!important;
}
.container .menu select {
	padding: 4px 5px 4px 10px;
	margin: 4px 0 20px 0;
	height: 36px;
	display: block!important;
	float: left;
	width: 100%;
}
.container .logo, .container .logo div, .container .logo p {
	text-align: center;
	display: block;
	float: none;
}
.container .maps_view {
	width: 100%;
	height: 200px;
}
.container #coment img {
	float: none;
}
.container #coment2 img {
	float: none;
}
.container #coment .podpis {
	float: none;
}
.container #coment2 {
	margin: 10px 20px;
}
.container #coment2 img {
	float: none;
}
.container #coment2 .podpis {
	float: none;
}
.container #coment3 {
	margin: 10px 20px;
}
.container #coment3 img {
	float: none;
}
.container #coment3 .podpis {
	float: none;
}
.container #coment {
	padding-bottom: 12px;
}
.container #coment br {
	display: none;
}
.container #coment2 br {
	display: none;
}
.container #coment3 br {
	display: none;
}
.container #coment3 .podpis {
	width: 100%;
}
.container .r_plus_overlay {
	display: none;
}
.container .r_plus {
	display: none;
}
.cols3 .col3 {
	width: 100%;
	margin-top: 10px;
}
.container #slider1 .viewport {
	width: 480px;
	height: 420px;
}
.container .viewport li div.col4 {
	width: 166px;
	height: auto;
}
.prefooter_resize div.fcol {
	width: 100%;
}
#now_slider iframe.wid5 {
	height: 250px;
	width: 100%;
}
#now_slider iframe.wid6 {
	height: 300px;
}
#now_slider iframe.wid7 {
	height: 300px;
	width: 100%;
}
#now_slider iframe.wid8 {
	height: 280px;
	width: 100%;
}
.cols2 .col2 {
	width: 100%;
	margin-top: 10px;
}
.content_full_size .fl, .content_full_size .fr {
	float: none;
	margin: 0 3px !important;
}
.cols4 .col4 {
	width: 100%;
	margin-top: 10px;
}
.img_hover_box.pic .img_hover_overlay {
	display: none;
}
.main .header {
	margin: 0 auto 0px;
	padding: 0 0 1px;
	width: 100%;
	position: relative;
	background: url(../images/header_bg1.png) repeat-x top left;
}
.overview p.btn a {
	font-size: 11px;
}
.sidebar #slider2 .viewport {
	width: 245px;
	height: 180px;
}
.main .prefooter {
	margin: 0 auto;
	width: 100%;
	padding: 0px 0 0;
	background: url(../images/prefooter_bg1.png) repeat-x top left;
	border-top: 1px solid #202020;
	position: relative;
	z-index: 10;
	margin-top: -0px;
}
.footer_resize p {
	padding: 0px;
}
.content_full_size .cols2 .col2, .content_full_size .cols2 .col2.last {
	width: 350px;
	float: none;
}
}
 
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
#controls {
	right: 8%!important;
}
}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
#piecemaker {
	height: 180px!important;
}
div.ppt {
	display: none !important;
}
.viewport .gap li div.col3 {
	width: 205px;
	height: 350px;
}
#now_slider iframe.wid5 {
	height: 130px;
	width: 100%;
}
#now_slider iframe.wid6 {
	height: 300px;
}
#slider-wrapper object {
	width: 100%;
	height: 200px;
}
.container #slider1 .viewport {
	width: 187px;
	height: 420px;
}
.overview p.btn a {
	font-size: 10px;
}
.content_full_size .cols2 .col2, .content_full_size .cols2 .col2.last {
	width: 220px;
	float: none;
}
}
		


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/