<!--
body {
font: 10pt Tahoma, sans-serif; color: #000000;
cursor: default;
background-color: #FFFFFF;
background-image: url('images/bg_top.png');
background-repeat: repeat-x; 
}

table {font: 10pt Tahoma, sans-serif; color: #000000}
td {font: 10pt Tahoma, sans-serif; color: #000000}
p {font: 10pt Tahoma, sans-serif; color: #000000}
div {font: 10pt Tahoma, sans-serif; color: #000000}

.fotobutton
	{
	font-size: 10pt;
	font-family: Tahoma, serif;
	cursor: pointer; cursor: hand;
	width: 90px;
	}

div.head
	{
	color: #6692DB; font-size: 15pt; font-weight: bold; margin-top: 14px; margin-bottom: 13px; margin-left: 0px; margin-right: 0px; padding-bottom: 5px; border-bottom: 1px dotted #6692DB;
 	}

a {color: #6692DB; text-decoration: underline; }
a:hover {color: #98C4EF; text-decoration: underline; }

a.lg {color: #DCE8F7; text-decoration: none; }
a.lg:hover {color: #FFFFFF; text-decoration: underline; }

a.a_red {color: #B92727; text-decoration: underline; }
a.a_red:hover {color: #FE2727; text-decoration: underline; }

a.menukomin {color: #5586D7; text-decoration: none; }
a.menukomin:hover {color: #606060; text-decoration: none; border-bottom: 1px dotted #606060; }


a.leftmenu
	{
	text-decoration: none;
	text-align: left;
	font-size: 8pt; 
	font-family: Tahoma, serif;
	color: #FFFFFF;
	margin-bottom:1px;
	background-color: #82B3E4; 
	display: block;
	background-image: url('images/bg_left.png'); 
	background-repeat: no-repeat; 
	padding-top: 9px; 
	padding-bottom: 8px; 
	margin-top: 1px; 
	padding-left: 15px; 
	}

a.leftmenu:hover
	{
	background-image: url('images/bg_left2.png'); 
	text-decoration: none;
	color: #000000;
	display: block;
	}
	


.button {font-size: 10pt; cursor: pointer; cursor: hand; width: 110px; }

.kominydmenu
	{
	float: right;
	color: #606060;
	background-color: #F0F4FA;
	padding: 5px;
	font-size: 10pt; 
	}

.opacity
	{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	}

.opacity:hover
	{
	opacity: 0.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	}

tr.tr_kv td
	{
	background-color: #E6ECF7;
	}

tr.tr_kv:hover td
	{
	background-color: #DAE2F3;
	}





/* ==== GRID SYSTEM ==== */
   .grid-container{
        width: 100%; 
        max-width: 1200px;      
        float: left; 
    }

	.grid-container-end{
		clear: both;	
	}
	    
    /*-- our cleafix hack -- */ 
    .row:before, 
    .row:after {
        content:"";
        display: table ;
        clear:both;
    }

    [class*='col-'] {
        float: left; 
        min-height: 1px; 
        width: 16.66%; 
        /*-- our gutter -- */
        padding: 2px; 
    }

    .col-2{ width: 15.66%; }
    .col-4{ width: 32.33%; }
    .col-6{ width: 49%;    }
    .col-8{ width: 65.66%; }
    .col-10{ width: 82.33%; }
    .col-12{ width: 99%;   }

    .outline, .outline *{
        outline: 1px solid #F6A1A1; 
    }



/* ------- PRODUKTY -------- */

img {
	max-width: 100%;
}

.produkt {
	border: 1px solid #eee;
	padding: 15px 15px;
	border-radius: 8px;
	margin-bottom: 20px;

    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.produkt:hover {
	border: 1px solid #d7d7d7;
}


.produkt-foto {
	text-align: center;
}


.produkt-text {
}


.produkt-nadpis {
	font-size: 14pt;
	margin-bottom: 20px;
}

.produkt-nadpis span {
	font-size: 11pt;
	display: block;
	font-weight: bold;
}

.produkt-cena {
	margin-top: 20px;
	font-size: 8pt;
	display: inline-block;
	padding: 4px 14px 8px 14px;
	background-color: #f0f0f0;
	border-radius: 8px;
}

.produkt-cena div {
	color: #6692DB;
	text-align: right;
}

.produkt-cena-vc-dph span {
	font-size: 14pt;
}

.produkt-cena-bez-dph {
	color: #888 !important;
}



    
    
-->