/* headerwrap */


/*
* 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) {
		.social { width: auto;}
		.col3 h3{ font-size:14px !important;}
		
		}
		

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.col3{ width:30%;}
		.3cols .col3{width:40%;}
		.what .five.columns .picture .pic img{ width:230px !important;}
		.what .six.columns{ width:260px;}
		.what .six.columns h3{ margin-bottom:0px;}
		.what .six.columns p{ margin-top:5px; margin-bottom:0px;}
		h3{ font-size:15px;}
		p{ font-size:10px;}
		.pf-4 { width:100%;}
		.content .pf-4 .five.columns{ width:205px !important;}
		.abc .six.columns .centercol{ width:250px;}
		.abc .five.columns{ width:200px;}
		#slider-wrapper object { height: 315px; }
		.pricing_six .pricing_column, .pricing_six .pricing_column_first { width: 16%!important; }
		#webstore { min-width: 200px !important; }
		#webstore-navigation a { padding: 10px 15px !important; font-size: 15px; line-height: 24px; }
		#webstore-container { top: 36px !important; }
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.menu .menusm { display: none;}
		.menu { margin-bottom: 13px; }
		.menu .tinynav { padding: 3px 0 3px; margin: 0px auto 0px auto; width: 100%; display: block;  }
		.resize{ margin-top:0px;}
		.logo{ width:65%; margin:0 auto; margin-left:0px;}
		.search{ margin: auto auto 15px; float:none;}
		.logo a span{ margin-top:25px;}
		.sidebar{ margin-top: 135px;}
		.social{ margin-top:0px;}
		.camera_wrap{ margin-top:10px;}
		.col3.last{ float:none;}
		.logo { background:none; font-size:36px; font-weight:bold; float:none; width:100%;  }
		.logo a span { float: none; display: block; text-align: center;}
		.col3 { width:100%;}
		.logo p { text-align: center;}
		.header{ margin-bottom:0px;}
		.what .six.columns .txt{ margin-top:0px;}
		.eleven.columns .maps_view{ width:86%;}
		#panel_setting_side { position:absolute !important; top:30% !important;}
		.five.columns .col2 p{ width:90%;}
		.abc .six.columns .centercol{ width:72%;}
		.abc .five.columns .side{ width:72%;}
		.abcd .centercol{ width:88%; }
		.abcd .side2{ width:88%; }
		#coment .podpis, #coment2 .podpis,#coment3 .podpis,#coment4 .podpis{ width:60%;}
		#coment3{ margin-left:0px;}
		#coment2 { margin-left:0px;}
		.header .logo a span { margin-left:0px;}
		.header .logo p { margin-left:0px;}
		.abc .centercol { left:0px;}
		.resize .show { display:none;}
		.resize .hide { display:block;}
		.content { padding:0px 10px 0px 10px;}
		.what .six.columns .txt { margin-right:10px;}
		.gap1 { width:92% !important; float:none !important;}
		.gap2 .col4 { width:46%;}
		.camera_caption > div { padding: 5px !important; font-size: 8px !important; line-height: 12px; }
		#slider-wrapper object { height: 240px; }
		div.ppt { display: none !important; }
		 .copy { padding-top: 10px; float: none; }
		
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.resize{ margin-top:0px;}
		.col3 { width:100%;}
		.pricing_six .pricing_column, .pricing_six .pricing_column_first { width: 15.3% !important; }
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.resize{ margin-top:0px;}
		.gallery-categ li a { padding:5px 7px;}
		#slider-wrapper object { height: 160px; }
		.menu .tinynav { padding: 2px 0 3px 0; width: 100%; }	
		}
		


/* #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; }
*/