/* 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) {

		img{ max-width:100%; height:auto;}

		.social { width: auto;}

		.col3 h3{ font-size:14px !important;}		

		.menu ul li.ms_top a.ms_top.ms_hover span,

		.menu ul li.ms_top.active a.ms_top span {background:url(../images/menu_a1.png) no-repeat top center !important;  /**/}

		.header_menu .menu ul li a.ms_top span { width:74px;}



		

		}

		



	/* Tablet Portrait size to standard 960 (devices and browsers) */

	@media only screen and (min-width: 768px) and (max-width: 959px) {

		img{ max-width:100%; height:auto;}

		.col3{ width:30%;}

		.five.columns .col3 { width:100%;}

		.3cols .col3{width:40%;}

		.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%;}

		.header_menu .menu ul li a.ms_top span { padding: 9px 0px 20px; width:87px;}

		.header { background:url(../images/header_bg2.png) no-repeat top center;}

		.header_menu .menu ul li a.ms_top{ padding:0 0px;}

		.prefooter .fcol { margin-right:32px;}

		.service_col{ margin:0 5px 0 0; }

		.header_menu .menu ul li span.empty_block{ padding-right:220px;}

		 #slider-wrapper object { height: 315px; }

		}



	/* All Mobile Sizes (devices and browser) */

	@media only screen and (max-width: 767px) {

		#panel_setting_side { position:absolute !important; top:30% !important; z-index:100;}

		.resize{ margin-top:0px;}

		.logo{ width:65%; margin:0 auto; margin-left:0px;}

		.logo p{ margin-left:37px;}

		.search{ margin-right:89px; margin-top:0px;}

		.logo a span{ margin-top:25px;}

		.sidebar{ margin-top:15px;}

		.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:90%;}

		.logo p { text-align: center;}

		.header{ margin-bottom:0px;}

		.what .six.columns .txt{ margin-top:0px;}

		

		#coment3{ margin-left:0px;}

		#coment2 { margin-left:0px;}

		.header { background:url(../images/header_bg4.png) center top no-repeat;}

		.header_resize{ padding-top:4px;}

		.header_resize .pref a{ font-size:25px !important;}

		.header_resize .pref p{ margin-left:0px;}

		.mob-logo .logo{ display:block; height:75px; padding-top:0px; margin-bottom:21px;}

		.mob-invisib-logo .logo{ display:none;  }

		.header_menu{ margin-bottom:50px;}

		#now_slider{ margin-top:80px;}

		.service_col{ margin-bottom:20px;}

		.prefooter .fcol.first{ margin-bottom:40px;}

		.prefooter .fcol.pop_posts{ margin-bottom:40px;} 

		.img_hover_box.pic a img.r_plus_overlay { display: none;}

		.img_hover_box.pic a img.r_plus { display: none;}

		.cols4 .col4 { width:43%; margin-left:4%;}

		.pag .fr { float:right;}

		.pag .fl { float:left;}

		#coment .podpis { float:none; width:auto;}

		#coment2 .podpis { float:none; width:auto;}

		#coment3 .podpis { float:none; width:auto;}

		#slider-wrapper object { height: 240px; }

		.menu .menusm { display: none; }

		.menu .tinynav { padding: 3px 0 3px; margin: 0 auto 0px auto; width: 100%; display: block; height: 30px; }

		.camera_caption > div { padding: 5px !important; font-size: 8px !important; line-height: 12px; }

		div.ppt { display: none !important; }

	 	.one_third_pad h2 { font-size: 15px !important; line-height: 24px; } 

		}



	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

	@media only screen and (min-width: 480px) and (max-width: 767px) {

		img{ max-width:100%; height:auto;}

		.resize{ margin-top:0px;}

		.col3 { width:90%;}

		.mob-logo{ padding-top:20px;} 

		.pricing_six .pricing_column, .pricing_six .pricing_column_first { width: 15.8% !important; }

		}



	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

	@media only screen and (max-width: 479px) {

		img{ max-width:100%; height:auto;}

		.fr, .fl { float:none;}

		.service_cols{ width:46%;}

		.mob-logo{ padding-top:20px;}	

		.container .content_box .content_box_pad{ padding-left:8px;}

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

*/