/*

* 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

================================================== */

#divHeader {
    border-bottom:1px solid #ccc;
}


/* #Media Queries

================================================== */



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

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

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

	#coment .podpis { float: none; width: 100%; }

	#coment2 .podpis { float: none; width: 100%; }

	#coment3 .podpis { float: none; width: 100%; }

	#coment .podpis a { display: inline-block !important; }

	#coment3 .podpis a { display: inline-block !important; }

	#coment2 .podpis a { display: inline-block !important; }

	.maps_view { height: 250px; }

	#contactform_main li.buttons input { margin-left: 12%; }

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

    .menu {
        width: 645px;
    }
        
	.logo {margin-left:0px; padding-left:0px; }

	.blogg .col2 { margin-right: 15px; width: 370px; }

	.blogg .col2.last { width: 370px; }

	.blogg .col2 img.mainer { margin-right: 10px; width: 170px; }

	p.calendar { padding: 10px 0 0px; }

	#mailform-subscribe input.email { width: 80px; }

	#mailform-subscribe .clear { margin-right: 0px; }

	#mailform-subscribe input[type="submit"] { width: 58px; }

	}

	/* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 851px) {
        #divHeader {
            border-bottom: 0px solid #ccc;
        }
        .content_text {
            margin: 0 auto;
            width: 100%;
        }
    }

    @media only screen and (max-width: 767px) {
        /* .nivo-caption { display: none !important; } */
        .nivo-caption h5 {
            display: none !important;
        }

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

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

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

        .menu .tinynav {
            padding: 3px 0 3px;
            margin: 0px auto 10px auto;
            width: 96%;
            display: block;
            height: 30px;
        }
        #divHeader {
            border-bottom: 0px solid #ccc;
        }

        .menu .menusm {
            display: none;
        }

        #coment2 {
            margin: 0px;
        }

        #coment3 {
            margin: 0px;
        }

        #coment .podpis {
            float: none;
            width: 100%;
        }

        #coment2 .podpis {
            float: none;
            width: 100%;
        }

        #coment3 .podpis {
            float: none;
            width: 100%;
        }

        #coment .podpis a {
            display: inline-block !important;
        }

        #coment3 .podpis a {
            display: inline-block !important;
        }

        #coment2 .podpis a {
            display: inline-block !important;
        }

        #contactform_main label {
            width: 20%;
        }

        #contactform_main li.buttons input {
            margin-left: 20%;
        }

        .pic.fl {
            float: none;
        }

        .pic.fr {
            margin: 0px;
            float: none;
        }

        .logo {
            padding: 20px 0 10px 0;
            margin: auto;
            float: none;
            text-align: center;
            width: 100%;
        }

        .logo div {
            float: none;
            text-align: center;
        }

        .menu .l_tinynav1 {
            display: none;
        }

        .menu {
            padding: 5px 0 10px;
            float: none;
        }

        .col4.serv {
            margin-bottom: 20px;
        }

        a.bt {
            width: 100% !important;
        }

        .maps_view {
            height: 250px;
        }

        .img_hover_box.pic a:hover img.h2 {
            display: none;
        }

        .top {
            padding-bottom: 10px;
            height: auto;
        }

        p.header_text {
            padding-bottom: 15px;
            text-align: center;
            float: none;
        }

        .RSS {
            float: none;
            overflow: hidden;
            text-align: center;
        }

            .RSS img {
                float: none;
                text-align: center;
                display: inline;
            }

            .RSS a {
                display: inline-block;
                text-align: center;
            }

        .content_text {
            margin: 0 auto;
            width: 100%;
        }

        .col3.serv {
            margin-bottom: 0px;
        }

            .col3.serv.last {
                margin-bottom: 15px;
            }

        .img_hover_box a.hov:hover img.img_z {
            display: none;
            opacity: 0;
        }

        .hov:hover .img_hover_box a.hov img.img_z {
            opacity: 0;
        }

        .img_hover_box.pic a:hover img.h {
            visibility: hidden;
        }

        .blogg .col2 {
            margin: 0px 0 15px 0;
            width: 100%;
        }

            .blogg .col2.last {
                margin: 0px;
                width: 100%;
            }

        .prefooter_resize {
            padding: 0px;
        }

        #mailform-subscribe .clear {
            float: left;
        }
    }

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

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .pricing_six .pricing_column, .pricing_six .pricing_column_first {
            width: 15% !important;
        }
    }

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

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

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

        .menu .tinynav {
            padding: 3px 0;
            width: 96%;
        }

        #contactform_main label {
            width: 24%;
        }

        #contactform_main li.buttons input {
            margin-left: 24%;
        }

        #coment .podpis {
            margin: 5px 0 0 0;
            float: none;
            width: 100%;
            font-size: 9px;
            line-height: 11px;
        }

        #coment .text2 {
            font-size: 9px;
            line-height: 12px;
        }

        #coment2 .text2 {
            font-size: 9px;
            line-height: 12px;
        }

        #coment3 .text2 {
            font-size: 9px;
            line-height: 12px;
        }

        #coment2 .podpis {
            margin: 5px 0 0 0;
            float: none;
            width: 100%;
            font-size: 9px;
            line-height: 11px;
        }

        #coment3 .podpis {
            margin: 5px 0 0 0;
            float: none;
            width: 100%;
            font-size: 9px;
            line-height: 11px;
        }

        .jcarousel-skin-tango .jcarousel-item h3, .jcarousel-skin-tango3 .jcarousel-item h3 {
            font-size: 11px !important;
        }

        .maps_view {
            height: 200px;
        }

        .blogg .col2 img.mainer {
            margin-right: 8px;
            width: 98px;
        }

        p.calendar {
            padding: 10px 0 0px;
        }

        .blogg .col2 p {
            font-size: 9px;
            line-height: 12px;
        }
    }



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

*/