/*

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

	
	

		}



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

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

	 .col2 h2.separatortext { background:url(../images/1border_h3.png) no-repeat right !important;}

	  .footer_resize .logo { background: url(../images/1logo.png) no-repeat left top; width:181px; }

	  .footer_resize .logo a { padding-left:0px !important;}

	  .footer_resize .logo p { left:40px; }

	  .resize .col3s { width:25%;}

	  .resize .col3 { margin-right:20px;}

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

	  #dc_pricingtable01 { width: 95% !important; }
	  
	  /*menu IPAD portret______________________________________________________________________*/
	  
	  .menu_sub .menu .smallnav { display: block; }

		.menu_sub .menu ul.menusm { display: none; }

		.menu .menusm { display: none; }

		.menu .tinynav { padding: 3px 0 3px; margin: 26px auto 15px auto; width: 70%; display: block; height: 30px; }
	  
	  /*end menu*/
/*	  .latest { position:relative; top:5px; left:20px; width:100%;}
*/
		}

	

		



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

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

		.col2 h2.separatortext { background:url(../images/1border_h3.png) no-repeat right !important;}

		.menu_sub .menu .smallnav { display: block; }

		.menu_sub .menu ul.menusm { display: none; }

		.menu .menusm { display: none; }

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

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

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

		.social { margin: 0px; }

		.copyright { text-align: center; }

		#contactform li.buttons input { margin-left: 0px; }
		
		


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

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

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

		.resize #contactform input.text { width: 100% !important; margin:0px; }

		.resize #contactform textarea { width: 100% !important; margin:0px; }

		.resize #coment .podpis { float: none; width:auto; }
		
		.resize #coment2 { margin-left: 0px; }

		.resize #coment3 { margin-left: 0px; }

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

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

		.resize h1 { font-size:30px !important;}

		.col3s { width:100% !important;}

		.col3s_last  { width:100% !important;}

		.col3s img.left { left:87px;}

		.col3s h3.h3 { margin-left:125px;}

		.col3s_last img.left { left:87px;}

		.col3s_last h3.h3 { margin-left:122px;}

		a.pic img.h { display: none !important;}

		.col2 h2.separatortext { background:url(../images/1border_h3.png) no-repeat right !important;}

		.gap1 { line-height:18px;}

		.resize .col3 { width:100%;}

		.resize .col3.last { width:100%;}

		.resize .col4 { width:45%;}

		.resize .col4.last { width:45%;}

		.gap5 { height:350px !important;}

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

		#contactform label { width:100%;}

		.resizelogo.gap31 { min-height: 368px; }

		.sliderContainer { padding-top: 124px; }

		.logo.gap32 { left: 90px; } 

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



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

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

		.menu_sub .menu .smallnav { display: block; }

		.menu_sub .menu ul.menusm { display: none; }

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

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

		.resize #contactform input.text { width: 100% !important; margin:0px; }

		.resize #contactform textarea { width: 100% !important; margin:0px; }

		.resize #coment .podpis { float: none; }

		.resize #coment2 { margin-left: 0px; }

		.resize #coment3 { margin-left: 0px; }

		.resize #coment2 .podpis { float: none; }		

		.resize #coment3 .podpis { float: none; }

		.resize h1 { font-size:20px !important;}

		.resize h1 a{ font-size:35px !important;}

		.col3s { width:100% !important;}

		.col3s_last  { width:100% !important;}

		.col3s img.left { left:17px;}

		.col3s h3.h3 { margin-left:54px;}

		.col3s_last img.left { left:17px;}

		.col3s_last h3.h3 { margin-left:54px;}

		a.pic img.h { display: none !important;}

		.col2 h2.separatortext { background:none !important;}

		.resize .col3 { width:100%;}

		.resize .col3.last { width:100%;}

		.resize .col4 { width:42%;}

		.resize .col4.last { width:42%;}

		.gap5 { height:300px !important;}

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

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

		.menu .tinynav { width: 100%; }

		.resizelogo.gap31 { min-height: 300px; }

		.sliderContainer { padding-top: 124px; }

		.logo.gap32 { left: 25px; } 

	
	
		
		}




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

*/