/*
* 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) {
		.container .pic img { width: 100%; height: auto; }
		.container .menu ul li a.ms_top span { padding: 38px 20px 25px; }
		.container .img_hover_box.pic .img_hover_overlay { width: 100%; }
		.container .col4 { margin-right: 19px; }
		.container .cols4.add .col4 { margin-right: 19px; }
	
		.container .centercol.diff .col2 { margin-right: 16px; }
		
		.container .col3 { margin-right: 14px; }
		
		.container #slider1 .overview li { margin-right: 13px; }
		.container #slider1 .viewport { height: 350px; }
		.container .pic.img_hover_box.add .img_hover_overlay { width: 100%; }
		
		.prefooter .container .fcol { margin-right: 9px; }
		
		.container .content_full.net .col4 { margin-right: 19px; }
		
		.main_content .sldr_empty.nike2 { height: 494px; }
		.main_content .sldr_empty.nike4 { height: 296px; }
		.main_content .sldr_empty.nike6 { height: 346px; }
		.main_content .sldr_empty.nike8 { height: 300px; }
		.main_content .sldr_empty.nike9 { height: 340px; }
		.main_content .sldr_empty.nike10 { height: 450px; }
		.main_content .sldr_empty.nike10 { height: 365px; }
		.main_content .sldr_empty.nike12 { height: 349px; }
		.main_content .sldr_empty.nike14 { height: 628px; }
		.main_content .sldr_empty.nike13 { height: 295px; }
		.main_content .sldr_empty.nike16 { height: 400px; }
		.container #scarousel-left { margin-left: 34px; }
		.container #scarousel-right { margin-right: 40px !important; }
		.container .jfancybg-mask { width: 772px; border-radius: 6px; }
		.container .iossliderContainer .slideSelectors { position: absolute; bottom: 15px; left: 122px; }
		.main_content .sldr_empty.gap { height: 247px; }
		.container .jfancytileForward { margin-right: -19px; }
		.container .rm_nav a.rm_prev { position: absolute; top: 96px; left: 22px; }
		.container .rm_nav a.rm_next { position: absolute; top: 96px; right: 76px; }
		.container .now_page_resize { padding: 40px 0 30px; }
		.main .sldr_empty { height: 69px; }

		}
		

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#controls { right: 6%!important; }
		#slider-wrapper object { height: 330px; }
		.main_content .sldr_empty.nike3 { height: 341px; }

		 }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#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: 30px 0 20px 0; height: 36px; display: block!important; float: left; width: 100%; }
		.container #coment img { float: none; }
		.container #coment2 img { float: none; }
		.container #coment .podpis { float: none; }
		.container #coment2 { margin-left: 0px; }
		.container #coment2 img { float: none; }
		.container #coment2 .podpis { float: none; }
		.container #coment3 { margin-left: 0px; }
		.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; }
		.container .col3 { margin: 0px; width: 100%; }
		.container .col4 { width: 194px; }		

		.container #slider1 .viewport { height: 330px; }
		.container #slider2 .viewport { width: 420px; } 
		.container .col2 { width: 200px; }
		
		.container #slider3 .viewport { width: 420px; }
		.container #slider3 .overview li { margin: 0px; width: 420px; }

		.container .cols4.add .col4 { margin-right: 0px; width: 46%; }
		.container .cols4.add .col4.second { float: right; }
		.container .cols4.add .col4.last.end { float: right; }
		
		.prefooter .container .fcol { margin-right: 0px; width: 100%; }
		.footer .container p { text-align: center; }
		.prefooter .container .flickr img { margin-right: 44px; }
		
		.container .centercol.diff .col2 { margin-right: 0px; width: 100%; }
		.container .sldr_empty { height: 0px; }
		.container .content_full.net .col4 { margin: 0px; min-height: 300px; width: 45%; }
		.container .content_full.net .col4.second { float: right; }
		.container .content_full.net .col4.last { float: right; }
		
		.container .img_hover_box.pic .img_hover_overlay { display: none; }
		.container .show.tow { display: block; }
		.container .show { display: none; }
		.container .adjust { padding-left: 23px; width: auto; float: left; }
		.main_content .sldr_empty.nike16 { height: 292px; }
		.container .rm_container { height: 252px; width: 420px; }
		.container .rm_nav a.rm_prev { left: 92px;}
		
		#slider .nivo-directionNav a { position: absolute; top: 60%; }
				
		.container .content_page.same .pic.fl { margin-right: 0px; }
		.container .content_page.same .pic.fr { margin-right: 0px; }
		.container .content_page.same .fr { float: none; }
		
		.container #webstore { font-size: 12px; min-width: 358px; }
		.container #catalogue .product { width: 100%; float: none; }
		.container .product.last-column .webstore-clear { margin-left: -5px; }
		.container #webstore #catalogue .product:first-child > div, #catalogue .product:first-child + li > div { margin: 0 0 5px 0; }
		.container #webstore #catalogue .first-column > div { margin: 0 0 5px 0; }
		.container #webstore #catalogue .last-column > div { margin: 0 0 5px 0; }
		.container #cart .description { font-size: 8px; height: auto; }
		.container #cart-list .title, #cart-list .price { font-size: 8px; }
		.container #webstore input, #webstore select { width: 15px; height: 13px; }
		.container #cart input.quantity { width: 6%; }
		.container #cart-list .price span { padding-left: 5px; font-size: 6px; font-weight: bold; width: auto; }
		.container #webstore .cart-totals label { font-size: 7px; }
		.container #webstore .cart-totals label + span { font-size: 7px; }
		.container #webstore .cart-totals label { width: 0px; }
		.container #webstore .cart-options label { font-size: 7px; font-weight: bold; }
		.container #webstore input, #webstore .right.cart-options select { padding: 2px; width: 67px; font-size: 7px; }
		.container #webstore button span { padding: 0px 2px 0 2px; font-size: 5px; height: 26px; line-height: 26px; }
		.container #catalogue .price, #webstore button { height: 37px; }
		.container #checkout form > div:first-child label { margin: 0px; font-size: 9px; }
		
		.container .dc_pricingtable03 li h2.caption { font-size: 18px!important; }
		
		.container .pricing_six .pricing_column, .pricing_six .pricing_column_first { width: 14.5%; }
		
		.main .main_slider.lee { position: absolute; top: 145px; left: 0px; }
		.main_content .sldr_empty.nike2 { height: 245px; }
		#slider-wrapper object { height: 250px; }
		.main_content .sldr_empty.nike3 { height: 245px; }
		
		.main_content .sldr_empty.nike4 { height: 192px; }
		.main_content .sldr_empty.nike6 { height: 200px; }
		.main_content .sldr_empty.nike8 { height: 158px; }
		.main_content .sldr_empty.nike9 { height: 260px; }
		.main_content .sldr_empty.nike7 { height: 344px; }
		.container .jfancybg-mask { width: 414px; }
		.container .jfancytileForward { margin-right: 10px; }
		.container .content_page.same .pic.fr { margin: 0px; }
		.main_slider #camera_wrap_1 { height: 169px !important; }

		.container .iossliderContainer .slideSelectors { position: absolute; bottom: 15px; left: 3px; }
		.main_content .sldr_empty.gap { height: 200px; }
		.container #scarousel-right { margin-right: 25px !important; }
		.main_content .sldr_empty.nike12 { height: 209px; }
		.main .main_slider.lee.some { position: absolute; top: 145px; left: 0px; }
		.main_content .sldr_empty.nike11 { height: 400px; }
		.main_content .sldr_empty.nike14 { height: 412px; }
		.main_content .sldr_empty.nike15 { height: 216px; }
		.container .now_page_resize { padding: 0px 0 30px; }
		.main_content .sldr_empty { height: 38px; }
		}
 
	/* 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) {
		.container .smallnav { margin: 60px  0 20px 0; }
		.container .smallnav.new { margin: 30px  0 20px 0; width: 100%; }
		.main_content .sldr_empty.nike2 { height: 190px; }
		
		.container #slider1 .viewport { width: 100%; height: 390px; }
		.container .col4 { margin: 0px; width: 300px; }
		.container #slider1 { height: 390px; }
		.container #slider2 .overview li { width: 320px; }
		.container #slider2 { height: 200px; }
		.container #slider2 .viewport { margin: 0px; width: 300px; }
		.container .col2 { margin: 0px; width: 300px; }

		.container .cols4.add .col4 { width: 100%; }
		.container .cols4.add .col4.second { float: none; }
		.container .cols4.add .col4.last.end { float: none; }
		
		.container .content_full.net .col4 { width: 100%; min-height: inherit; }
		.container .content_full.net .col4.second { float: none; }
		.container .content_full.net .col4.last { float: none; }
		
		.prefooter .container .flickr img { margin: 0 29px 10px 0; }
		
		.container #slider3 .overview li { width: 300px; }
		.container .centercol.first .pic.fl { margin: 0px 0 10px 0; }
		.container .centercol.first .fl { float: none; }
		.container .col2.big { margin: 0px; width: 100%;}
		
		.container #webstore { font-size: 8px; width: 100%; }
		.container #webstore { min-width: 150px; }
		.container #webstore-container-inner { padding: 20px 10px 0 10px; }
		.container #scarousel-right { margin-right: 40px !important; }
		
		.container .one_half_pad, .one_third_pad, .two_third_pad, .three_fourth_pad, .one_fourth_pad, .one_fifth_pad, .two_fifth_pad, .two_fourth_pad, .two_fifth_pad, .three_fifth_pad, .four_fifth_pad, .one_sixth_pad, .five_sixth_pad { float: none !important; }
		.container .one_third_pad { padding: 0px; width: 100%; }
		.container .one_half_pad { width: 100%; }
		.container .two_third_pad { width: 100%; }
		.container .one_fourth_pad { width: 100%; }
		.container .dc_pricingtable02 li.pricing_header1 { font-size: 8px; }
		.container .dc_pricingtable02 .pricing_column_first, .dc_pricingtable02 .pricing_column { width: 16.5%; }
		.container div.dc_pricingtable03 { margin: 0px; }
		#slider-wrapper object { height: 220px; }
		.main_content .sldr_empty.nike3 { height: 160px; }
		.container .smallnav { width: 100%; }
		.main_content .sldr_empty.nike4 { height: 150px; }
		.main_content .sldr_empty.nike6 { height: 150px; }
		.main_content .sldr_empty.nike7 { height: 400px; }
		.main_content .sldr_empty.nike8 { height: 120px; }
		.main_content .sldr_empty.nike9 { height: 240px; }
		.main_content .sldr_empty.nike9.went { height: 175px; }
		.main_content .sldr_empty.nike9.some { height: 185px; }
		.main_content .sldr_empty.nike10 { height: 217px; }
		
		.container .jfancybg-mask { width: 320px; }
		.code .one_third_pad { margin: 0px; }
		.main_slider #camera_wrap_1 { height: 186px !important; }
		.main .main_slider.lee { position: absolute; top: 148px; left: 0px; }
		.main .main_slider.lee.ant { position: absolute; top: 165px; left: 0px; }
		.container .iossliderContainer .slideSelectors { position: absolute; bottom: 10px; left: 3px; }
		.main_content .sldr_empty.gap { height: 120px; }
		.container .iosSlider .slider .item .inner .text1 { position: absolute; top: 30px !important; right: 40px !important; }
		.main .main_slider.lee.sen { position: absolute; top: 175px; left: 0px; }
		.main .main_slider.lee.some { position: absolute; top: 170px; left: 0px; }
		.container .jfancytileForward { margin-right: -3px; }
		.main .main_slider.lee.edit { position: absolute; top: 180px; left: 0px; }
		.main_content .sldr_empty.nike13 { height: 169px; }
		.main_content .sldr_empty.nike14 { height: 345px; }
		.main_content .sldr_empty.nike15 { height: 125px; }
		
		.main_content .sldr_empty.nike16 { height: 300px; }
		.container .rm_container { height: 300px; width: 300px; }
		.container .rm_container ul li { width: 223px; }
		.container .rm_nav a.rm_prev { left: 40px;}
		.container .rm_nav a.rm_next { right: 3px; }
		.container .menu select { margin: 70px 0 20px; }
		.container .menu.inn select { margin: 35px 0 20px; }
		}
		


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