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

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (max-width: 1680px) {
        .footer p { font-size: 96% }
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (max-width: 1600px) {
        .footer p { font-size: 91% }
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (max-width: 1440px) {
        .footer p { font-size: 100% }
        .footer p br { display: block }
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (max-width: 1366px) {
		.logo { float:left; width: 57%; }
		.menu{width:40%;font-size: 0.8em  }
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (max-width: 1280px) {
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (max-width: 1024px) {
		.logo {float:left; width: 57%; padding-top: 11% }
        #nav li ul{ width: 125% }
		.menu{width:42%;font-size: 0.8em  }
		}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.main .pic img { width: 100%; }
		.container .now_page_bg h1 span { padding: 0 100px; }
		
		.container .gap { float: left; }
    .menu {padding: 0px; float: none;}
    .menu ul.menusm {display: none;}
    .menu .tinynav {padding: 3px 0 3px; margin: 7px auto 10px auto; width: 90%; display: block; height: 30px;}
    #webstore-navigation li { float:none !important; margin: 5px 0 0 0 !important;}
    #catalogue .last-column > div { margin:5px 0 0 0 !important;}
    #catalogue .product { float:none !important; width: auto !important;}
    #webstore { min-width: auto !important;}
    #menuswitch {display: block; position: absolute; top: 1%; left: 2%;}
    #menuswitch:hover { border-radius: 5px; border: thin solid #000000 }

		#panel_setting_side { position:absolute !important; top:6% !important; }
		.disnone { display: block;}
		.disblock { display: none;}
		.main .menu { padding-top: 8px; width: 100%; }
		.main .menu .menusm { display: none!important; }
		.main .menu select { padding: 4px 5px 4px 10px; margin: 0px 10px 20px 10px; height: 36px; display: block!important; float: left; width: 95.5%; }
		.container .now_page_bg h1 span { padding: 0px 0px; }

		.main .r_plus_overlay { display: none; }
		.main .r_plus { display: none; }
		.container .logo { margin-left: 27px; }
		.container .gap { float: left; }
		.container .header_follow { padding-left: 150px; }
		.container .gap5 { padding-left: 20px; width: auto; }

		.main .col3 { margin-right: 0px; margin-bottom: 20px; width: 100%; }
		.content_page .fr { float: none; }
		.content_page .pic.fr a { margin: 0px; }

		.content_page .fr.btn { margin-bottom: 20px; float: right; }
		.content_page .fl.btn { margin-bottom: 20px; float: left; }
		.content_resize { width: 100%; margin:0 2% 0 0;padding:0;}

		.content_page .fl { float: none; }
		.content_page .pic.fl a { margin: 0px; }

		.main .col4 { margin-right: 0px; width: 100%; }

		.container .two { display: block; }
		.container .one { display: none; }
		.content_main .col2 { width: 100%; }
		.content_main .col2.last { float: left; }

		.main .content_page.add .col3 { width: 100%; }

		.main .col1 { margin: 0px; width: 100%; }
		.main .col1.last { float: left; width: 100%; }

		.container .col1 { width: 100%; }
		.container .col1.small { width: 100%; }

		.main .panel { position: static; top: 0px; left: auto; width: 100%; }
		.main .logo { background: #FFFFFF; width: 100%; padding: 3% 0 0 0 }
		.panel .logo p { padding: 15px 0 0 0;}

		.main .content_bg { position: fixed; top: 0px; left: 0; width: 100%;  }
		.main .content_main { position: relative; left: auto; margin: 50px auto 0 auto; float: none; width: 100%; bottom: 50px }
        div.maincontent.contentwide, div.now_page, div.content_page.new  { width: 94%; margin: 0 auto 0 auto; padding-top: 2% }

		.container .prefooter_resize { padding-top: 30px; padding-bottom: 0px; }
		.container .flickr a img { margin: 1px 31px 10px 0; }
		.prefooter .container .fcol { margin: 0px 0 20px 0; width: 100%; }
		.prefooter_bg .prefooter { background: url(../images/prefooter_bg2.png) repeat-x; }

		.main .footer { padding: 0px 0; position: fixed; bottom: 0px; left: auto; width: 100%; z-index: 999999999; }
		div.ppt { display: none !important; }
		.main .pic img { width: auto; }
		.right.let.gap21 { display: block; }
		.right.let.gap20 { display: none; }
		.camera_caption > div { padding: 5px !important; font-size: 8px !important; line-height: 12px; }
		#slider-wrapper object { height: 240px; }

		.main #coment img { float: none; }
		.main #coment2 img { float: none; }
		.main #coment .podpis { float: none; }
		.main #coment2 { margin-left: 0px; }
		.main #coment2 img { float: none; }
		.main #coment2 .podpis { float: none; }
		.main #coment3 { margin-left: 0px; }
		.main #coment3 img { float: none; }
		.main #coment3 .podpis { float: none; }
		.main #coment { padding-bottom: 12px; }
		.main #coment br { display: none; }
		.main #coment2 br { display: none; }
		.main #coment3 br { display: none; }
		.main #coment3 .podpis { width: 100%; }
		
		.main .left { width: 100%; }
		.main .right { margin-top: 15px; float: left; width: 100%; }

		/*.main .panel { position: fixed; top: 16%; left: 0px; width: 36%; }*/
		.main .menu ul li ul { position: absolute; top: 0px; left: 85px; }
        #nav{ display: none }
    #leftbox .menubox{height:auto;min-height:200px;padding-bottom:40px;}
    #leftbox .logo{display:none;}
    #leftbox.active{left:0;}
    #menu li a{padding:10px 0 10px 20px;font-size:1em;}
    #menu li li a{padding:10px 0 10px 20px;}
    #menu li ul ul{/* third-and-above-level lists */
        display:block ! important;position:static;margin:0 0 0 0;padding:0 0 0 0 ;opacity:.8 ! important;box-shadow:none;}
    #menu li li a{padding-top:10px ! important;padding-bottom:12px ! important;font-size:1em;}
    #menu li li li a{font-size:1.1em;padding-left:30px;}
    #menu li li li  li a{font-size:1.1em;padding-left:40px;}
    #menu li a.menu-expand{background-position:4px 12px;}
    #menu li a.menu-expand.isopened{background-image:url(../images/isclicked.png);background-repeat:no-repeat;background-position:4px 12px;}
    #menu li li a.menu-expand{background-image:url(../images/isclicked.png);background-repeat:no-repeat;background-position:4px 12px;}
    li.isopened ul{display:block ! important;}
    .toggleMobileMenu{display: block; position: absolute; top: 1rem; left: 1rem;background:url(../images/mobilemenus.png) no-repeat top right; width: 52px; height: 46px }
    .toggleMobileMenu:hover { border-radius: 5px; border: thin solid #FDFDFD }
    #nav2{width:250px;height:auto;position:absolute;left:-300px;top:100px;z-index:2000;transition:left 1s;}
    #nav2{background:rgba(11, 11, 11, 0.8);box-shadow:0 10px 10px 0 rgba(0, 0, 0, .4);}
    #nav2 li{width:250px;padding:0 0 0 0;}
    #nav2 li a{display:block;padding:12px 0 12px 20px;font-size:1.3em;color:#FFFFFF;text-decoration:none;border-bottom:1px solid #fff;}
    #nav2 li a:hover{ text-shadow: 1px 1px 0px #302683 }
    #nav2 li li a{padding:10px 0 10px 30px;font-size:16px;}
    #nav2 li li li a{padding:8px 0 8px 40px;font-size:14px;}
    #nav2 li li li li a{padding:6px 0 6px 50px;font-size:13px;}
    #nav2 li ul{display:none;}
    #nav2 li.menu-parent>ul,#nav2 li.menu-current>ul{display:block;}
    #nav2 li.is_opened>ul,#nav2 li.is_opened>ul{display:block;}
    #nav2 li a.menu-expand{}
    #nav2 li a.menu-current{color:#fff;text-shadow:1px 1px 0px #302683; font-weight: bold }
    #nav2 ul li a.menu-expand.is_opened,#nav2 ul li a.menu-parent{font-weight:bold;}
    #nav2close{display:none;z-index:1990;position:absolute;top:0;width:100%;height:900px;background-image:none;}
    .mobilemenuopen  #nav2{left:0;}
    .mobilemenuopen #nav2close{display:block;}

}


	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	    .menu ul li ul {left: 170px;}
		#controls { right: 6%!important; }
		.container .col44 { width: 200px; }
		.logo div a { font-size: 70px !important; }
		.logo p { padding-left: 20px; }
		.main .cols3 .col3 { margin-right: 13px; }
		.main .cols3 .col3.last { margin-right: 0px; }
		.main .cols4 .col4 { margin-right: 8px; }
		.main .cols4 .col4.last { margin-right: 0px; }
		.right.let.gap21 { display: block; }
		.right.let.gap20 { display: none; }
		.pricing_six .pricing_column, .pricing_six .pricing_column_first { width: 15.5% !important; }
		#slider-wrapper object { height: 315px; }
		 }


	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#controls { right: 8%!important; }
		.pricing_six .pricing_column, .pricing_six .pricing_column_first { width: 14% !important; }
        #myBtn{bottom:12%;}
        a.homelink img{ max-width: 55% }
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		.main .content_main { width: 100%; }
		.main .footer { width: 100%; }
		#bg{ top: 45% }
		.container .logo { margin-left: 17px; }
        a.homelink img{ max-width: 55% }

		.main .menu select { width: 93%; }
		.main .menu select option { width: 220px; }

		.content_main .cols2 .col2 { width: 100%; }
		.content_main .cols2 .col2.last { float: left; }
		.container .pic.fl { margin: 0px;  float: none; }
		.container .flickr a img { margin-right: 17px; }
		.container .pic.fr { margin: 0px; }
		.container .fr { float: none; }
		.container .fr.btn { float: right; }
		.main .gap { padding-left: 45px; width: auto; float: left; }
		.main .gallery-categ li a { padding: 5px 9px; }
		 .footer p { font-size: 85% }
		.main .panel.adder { }
		.pricing_six .pricing_column, .pricing_six .pricing_column_first { padding-left: 0px; }
		#slider-wrapper object { height: 160px; }
		}
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 399px) {
		.main .footer { font-size: 85% }
		#myBtn{bottom:6%;}
		}