/* 
    Document   : style
    Created on : 2010-10-23, 10:39:30
    Author     : Maciek
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    background-color: #fdfced;
    font-family: arial;
    font-size: small;
}

p
{
    margin-top: 0px;
    margin-bottom: 18px;
}

#banner
{
    width: 1024px;
    height: 120px;
    background-image: url('images/banner.jpg');
    margin: 0 auto;
    overflow: hidden;
}

#belka
{
    width: 1024px;
    height: 80px;
    background-image: url("images/belka.jpg");
    margin: 0 auto;
}

.mainbutton
    {
    width:120px;
    height:60px;
    background-image: url('images/belkacienie.png');
    background-repeat:no-repeat;
    border:none;
    margin: 0 auto;
    text-align: center;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #000000;
    text-decoration: none;
}

.mainbutton a
{
    width:120px;
    height:60px;
    border: none;
    border:none;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #000000;
    text-decoration: none;
}

.extbutton
    {
    width:90px;
    height:90px;
    border:none;
    margin: 0 auto;
    text-align: center;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #000000;
    text-decoration: none;
    display:block;
}

#popularne
{
    float:left;
    width:160px;

}

#maindiv
{
    top:0px;
    width:640px;
    float:left;
}

#tagi
{
    float: left;
    width: 224px;
}

#samochodyframe
{
    width: 1024px;
}

#dolnaframe
{
    min-height: 740px;
    height: auto !important;
}
.footer
    {
    width: 100%;
    height: 120px;
    background-image: url(images/footerback.jpg);
    background-repeat: repeat-x;
    display:block;
    clear: both;
    }
.footer a
    {
    position: relative;
    top:2px;
    font-family: Tahoma;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
}
.footer a:hover
    {
        font-family: Tahoma;
        font-size: 14px;
        color:#990000;
    }

.message
{
    max-height: 265px;
    height: expression( this.scrollHeight > 225 ? "225px" : "auto" );
    overflow: hidden;
}

.title
{
    
    padding-top: 10px;
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    text-shadow:1px 1px 5px #999;
}

.tresc
{
    margin-left:10px;
    margin-right:10px;
    text-align:left;
    overflow: hidden;
}

.divmore
{
    height: 25px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    cursor:pointer;
    background-repeat:no-repeat;
    background-image: url(images/graymore.gif);
    color: #999999;
    text-align: left;
    padding-left:30px;
}
.divmore a
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #999999;
    text-decoration:none;
}

.hint
    {
    width: 200px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    background-color: #ccccff;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
    z-index: 250;
}
.selstyled
    {
    background-position:left;
    background: url("images/select.jpg");
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
    z-index: 35;
}
 .selstyled option
    {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
        background-color: #cccccc;
    }
.selstyledSmall
    {
    background-position:left;
    background: url("images/selectSmall.jpg");
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
    z-index: 35;
}
 .selstyledSmall option
    {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    background-color: #cccccc;
    }

.selstyledtitle
{
    font-family: Tahoma;
    font-size:12px;
    color: #000000;
    padding: 5px;
}

.filterdiv
{
    width: 180px;
    text-align: center;
    float: left;
    line-height: 160%;
}

.fbutton
    {
    border:none;
    background: url("images/Button2.gif");
    width: 100px;
    height: 31px;
    font-family: Tahoma;
    font-size:12px;
    font-weight:bolder;
    }

.groupfiltertr
    {
        background-image: url('images/tabtitleback.jpg');
        font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    height: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top-style: none;
    border-bottom-style: none;
    border-top-width: 0px;
    border-bottom-width: 0px;
}
.groupfiltertd
    {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
        border-top-style: none;
    border-bottom-style: none;
    border-top-width: 0px;
    border-bottom-width: 0px;
        background-image: url('images/tabcellback.jpg');
        height: 25px;
}

.katbutton
    {
    background: url("images/Button1.gif");
    border-style:none;
    width: 120px;
    height: 64px;
    font-family: Tahoma;
    font-size:12px;
    font-weight:bolder;
    text-decoration:none;
    text-align:center;
    vertical-align:bottom;
    background-repeat:no-repeat;
    background-position:center;

}

.tabdiv
    {
    left:15px;
    width:272px;
    height:40px;
    background: url("tabelkadiv.jpg");
    background-repeat:no-repeat;
    line-height: 98%;
    text-align: left;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    padding-top:6px;
    padding-left:6px;
    color:yellow;
    cursor:pointer;
    }
.tabtvdiv
    {
    left:15px;
    width:240px;
    height:90px;
    background: url("tabelkadivtv.jpg");
    background-repeat:no-repeat;
    line-height: 98%;
    text-align: left;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    color:yellow;
    cursor: pointer;
    }
.deftabtvdiv
    {
    left:15px;
    width:240px;
    height:90px;
    background: url("seltabelkadivtv.jpg");
    background-repeat:no-repeat;
    line-height: 98%;
    text-align: left;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    color:yellow;
    cursor: pointer;
    }     
.taboponydiv
    {
    left:15px;
    width:240px;
    height:90px;
    background: url("tabelkadivtv.jpg");
    background-repeat:no-repeat;
    line-height: 98%;
    text-align: left;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    color:yellow;
    cursor: pointer;
    }    
.deftaboponydiv
    {
    left:15px;
    width:240px;
    height:90px;
    background: url("seltabelkadivtv.jpg");
    background-repeat:no-repeat;
    line-height: 98%;
    text-align: left;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    color:yellow;
    cursor: pointer;
    } 
.tabtabletydiv
    {
    left:15px;
    width:240px;
    height:90px;
    background: url("tabelkadivtv.jpg");
    background-repeat:no-repeat;
    line-height: 98%;
    text-align: left;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    color:yellow;
    cursor: pointer;
    }    
.deftabtabletydiv
    {
    left:15px;
    width:240px;
    height:90px;
    background: url("seltabelkadivtv.jpg");
    background-repeat:no-repeat;
    line-height: 98%;
    text-align: left;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    color:yellow;
    cursor: pointer;
    }    
.tabmotocyklediv
    {
    left:15px;
    width:240px;
    height:90px;
    background: url("tabelkadivtv.jpg");
    background-repeat:no-repeat;
    line-height: 98%;
    text-align: left;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    color:yellow;
    cursor: pointer;
    }    
.deftabmotocyklediv
    {
    left:15px;
    width:240px;
    height:90px;
    background: url("seltabelkadivtv.jpg");
    background-repeat:no-repeat;
    line-height: 98%;
    text-align: left;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    color:yellow;
    cursor: pointer;
    }
.partsdiv
{
    width: 940px;
    text-align: center;
    float: left;
    line-height: 160%;
}
.partspolewyboru
    {
    background-position:left;
    background: url("images/wpisz nazwe pliku.jpg");
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #CC0000;
    vertical-align: middle;
    z-index: 35;
}
.deftabdiv
    {
    left:15px;
    width:272px;
    height:40px;
    background: url("tabelkadiv_sel.jpg");
    background-repeat:no-repeat;
    line-height: 98%;
    text-align: left;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    padding-top:6px;
    padding-left:6px;
    color:yellow;
    cursor:pointer;
    }
    
.panels_menu
    {
    margin: 0 10px;
    text-align: left;
    }

.panels_menu a{
    text-align:center;
    width: 143px;
    height: 45px;
    text-decoration: none;
    margin: 0px 0px;
    padding: 0px;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: bold;
    }

.zakladka {
    border: solid 1px #333;
    margin: 0 10px 10px;
        }
.dttitle
    {
    background-color: #113184;
    background-image: url(images/dttitleback.jpg);
    background-repeat: repeat-x;
    height: 35px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-align:center;
    color:white;
    }
.dtvalue
    {
    background-color: #113184;
    background-image: url(images/dtvalueback.jpg);
    background-repeat: repeat-x;
    height: 35px;   
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-align:center;
    color:white;
    }
.opinie
	{
		font-family:Verdana, sans-serif;
		font-size: 14px;
	}

.opinieplus
	{
		background-color:#0C3;
		font-weight:bold;
		width: 120px;
	}
.opinieplustd
	{
		background-color:#9F9;
	}
.opinieminus
	{
		background-color:#F66;
		font-weight:bold;
		width: 120px;
	}
.opinieminustd
	{
		background-color:#FCC;
	}
.opinieopis
	{
		background-color:#FFC;
	}
.opinienick
	{
		background-color:#FFC;
		border-top:none;
		text-align:left;

	}
#tabelki
{
    width: 830px;
}

.labelcheckbox
{
    font-family: Arial,Helvetica;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    height: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top-style: none;
    border-bottom-style: none;
    border-top-width: 0px;
    border-bottom-width: 0px;
    width:120px;
    *width:auto;
   
}

.checkboxy
{
    display:inline-block;
    padding-left:10px;
    padding-right:10px;
    margin-top:2px;
    margin-bottom:2px;
    width: 200px;   
    height:25px;
    *display:block;
    text-align:left;
}

.tabletv th
{
    font-family: Arial,Helvetica;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background-color: #ccccff;
    height:35px;
}

.tabletv tr
{
    font-family: Arial,Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    background-color: #FFC;
    height:25px;
}

.porownajbutton
{
    background-image: url(../samochody_os/autoparts/porownaj.jpg);
    background-repeat: no-repeat;
    width:150px;
    height: 60px; 
    border:none;
}

.filter_title
{
    font-family: Arial,Helvetica;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding: 10px;
}

.filter_tresc
{
    font-family: Arial,Helvetica;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #113184;
}

.porow_td_opis
{
    text-align: left; 
    font-family: Tahoma;
    font-size: 11px; 
    font-weight: bold;
    color:#0036b0;
    width:45%;
}

.porow_td_wart
{
    text-align: left; 
    font-family: Tahoma;
    font-size: 11px; 
    font-weight: bold;
    color:#FF2620;
}

.opistab tr
{
    height: 10px;
}

.tvdttab p
{
    margin: 0px;
    padding: 0px;
}

.tvdttab td
{
    background-repeat: repeat-y;
    height: 30px;
    text-align: center;
    width:250px;
    font-family: Tahoma;
    font-size: 11px; 
    font-weight: bold;
    color:#000000;
}
.tvdttab .obraz td
{
    background-image: url(images/tvdtback1.jpg);
}

.tvdttab .dzwiek td
{
    background-image: url(images/tvdtback2.jpg);
}
.tvdttab .mm td
{
    background-image: url(images/tvdtback3.jpg);
}
.tvdttab .wyjscia td
{
    background-image: url(images/tvdtback4.jpg);
}
.tvdttab .ogolne td
{
    background-image: url(images/tvdtback5.jpg);
}
.tvdttab .tvdttitle
{
    width: 600px;
    height:30px;
    text-align: left; 
    font-family: Tahoma;
    font-size: 16px; 
    font-weight: bold;
    color:#000000;
    padding-left: 15px;
}
.tvdttab .obraz .tvdttitle
{
    background: none;
    background-color: #92b3ff;    
}
.tvdttab .dzwiek .tvdttitle
{
    background: none;
    background-color: #61e35d;    
}
.tvdttab .mm .tvdttitle
{
    background: none;
    background-color: #f88282;    
}
.tvdttab .wyjscia .tvdttitle
{
    background: none;
    background-color: #f9ff97;    
}
.tvdttab .ogolne .tvdttitle
{
    background: none;
    background-color: #ffbe31;    
}
.tvdttab .tvdtopis
{
    text-align: left;
}
.tvdttab .tvdtwart
{
    text-align: center;
}

.tabporow
{
    overflow:hidden;
    font-family:Tahoma;
    font-size:10px;
    border:1px solid #d3d3d3;
    background:#fefefe;   
    -moz-border-radius:5px; /* FF1+ */
    -webkit-border-radius:5px; /* Saf3-4 */
    border-radius:5px;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);    
}

.tabporowwew
{
    font-family:Tahoma;
    font-size:10px;
    border:none;    
}
.tabporow tr
{
    border:none;
}
.tabporowwew tr
{
    border:none;
}

.tabporow td
{
    text-align: center; 
    overflow:hidden;
    border-width: 1px 0px 0 0;
    border-style: solid; 
    border-color: black;
}

.tabporow tr td.leftlegend
{
    background-color: #9F9;
}

.tabporow tr td.leftlegend
{
    background: -moz-linear-gradient(100% 25% 90deg, #99ff99, #88ee88);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#99ff99), to(#88ee88));
}

.tabporowwew td
{
    text-align: center; 
    overflow:hidden;
    border-width: 1px 0px 0 0;
    border-style: solid;
    border-color: black;
    background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
}

.tabporow tr th.odd
{
    text-align: center; 
    background: #ffff99;
   
}

.tabporow tr th.odd
{    
    background: -moz-linear-gradient(100% 25% 90deg, #ffff99, #eeee88);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#ffff99), to(#eeee88));
   
}

.tabporowwew tr th.even
{
    text-align: center; 
    background: #ffee99;
 
    
}

.tabporowwew tr th.even
{
    background: -moz-linear-gradient(100% 25% 90deg, #ffee99, #eedd88);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#ffee99), to(#eedd88));
    
}

.tabporowwew tr th
{
    text-shadow:1px 1px 1px #FFFFFF;
}

.tabporowwew tr td.odd
{
    background-color: #f1f1f1;   
    padding: 0px 6px;
    background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));   
   
}

.tabporowwew tr td.even
{
    padding: 0px 6px;
    background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
    
}

.tabporow tr:first-child td.leftlegend
{
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px;
}

.tabporow tr:last-child td.leftlegend
{
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
}

.tabporow tr:first-child td.tabporowrtd
{
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
}

.tabporow tr:last-child td.leftlegend
{
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
}

.pasek_polecamy{
 	width: auto;
	text-align: center;
	font-size: 16px;
        font-family: "Trebuchet MS";
        font-weight: bold;
        color: 113184;
	margin: 0;
	padding: 0px 0px 0px 0px;
        overflow:hidden;
        position:relative;
}
.polecamy_ogl
{
        display:inline-block;
        width: 150px;
        height:115px;
        border-width: 1px;
        border-style:dotted;
        overflow:hidden;
        position:absolute;
        left:0px;
}
.polecamy
{
   text-align: center; background:none;
    margin-top: 20px;
    overflow:hidden;
}
.polecamy a
{
    font-family: Microsoft Sans Serif;
    font-style: normal;
    font-size:14px;
    color: 113184;
    font-weight:bold;
    padding: 0px;
}
.polecamy a:hover
{
    font-family: Microsoft Sans Serif;
    font-style: normal;
    font-size:14px;
    color: 113184;
    font-weight:bold;
    text-decoration: none;
}

.ocenaopis
{
    border-radius:5px;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
    box-shadow:1px 1px 3px #666;
}

/*sonda start*/
.question {
        color: #113184;
	font-weight: bold;
	font-size: 12pt;
}
/*wyglad sondy na stronie gnomon.pl*/
fieldset {
	border: solid 3px #113184;
	width: 140px;
	padding: 0 10px 10px 10px;
	margin-bottom: 15px;
}
/*wyglad okienka z nazwa sondy i przycisku Glosuj*/
legend {
	color: #ffffff;
	background: #113184;
	border: 0px outset #113184;
	padding: 0px 0px 0 0px;
	font-weight: bold;
}

.currentResults {
	font-size: 8pt;
}
/*opcje sondy opis*/
.vote {
        color: #113184;
        font-weight: bold;
	font-size: 10pt;
	text-align: left;
	margin-top: 10px;
	padding: 0 0 0 0;
}

.vote p {
	margin-top: 6px;
	margin-bottom: 6px;
}

.errorMessage {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #ff0000;
}

.credit {
	font-family: Verdana, sans-serif;
	font-size: 6pt;
	color: #696969;
}

/*wyglad przycisku Glosuj*/
input.submit {
	color: #ffffff;
	background: #113184;
	border: 2px outset #113184;
        font-weight: bold;
	font-size: 12pt;
}

/* Default for the poll bars */

.pollBar {
	height: 15px;
	background: #ff0000;
	border: 1px solid #000000;
}

/* Poll bar ids are sequential and one-indexed */

#pollBar1 {
	background: #ff0000;
}

#pollBar2 {
	background: #00ff00;
}

#pollBar3 {
	background: #0000ff;
}

#pollBar4 {
	background: #ffff00;
}

#pollBar5 {
	background: #00ffff;
}

#pollBar6 {
	background: #ff00ff;
}
/*sonda stop*/

/* chmurki start */

.bubble {
                cursor:pointer;
                border-bottom: 1px blue dotted;
        } 
.bubble:hover > *{
                visibility:visible;
                opacity: 1;				
                /* Setting the transition property for all Browsers */
		-moz-transition: all 0.3s ease-in-out; /* Firefox */
                -webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
                -o-transition: all 0.3s ease-in-out;  /* Opera */
                transition: all 0.3s ease-in-out; /* Browsers that Support it */ 	
		margin-top:-20px;
            }
.bubble_opis {
                visibility:hidden;
                opacity: 0;
                width: 250px;
                min-height: 10px;
                font-size:10px;    
                margin-top:-100px;
                margin-left:40px;
                z-index:1000;
                text-align:justify;
                /* Setting the transition property for all Browsers */
		-moz-transition: all 0.5s ease-in-out; /* Firefox */
                -webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
                -o-transition: all 0.5s ease-in-out; /* Opera */
                transition: all 0.5s ease-in-out; /* Browsers that Support it */
                
            background-color: rgb(200,200,200);
            background-image: -webkit-linear-gradient(top, rgb(200,200,200), rgb(240,240,240));
            background-image: -moz-linear-gradient(top, rgb(200,200,200), rgb(240,240,240));
            background-image: -ms-linear-gradient(top, rgb(200,200,200), rgb(240,240,240));
            background-image: -o-linear-gradient(top, rgb(200,200,200), rgb(240,240,240));
            background-image: linear-gradient(top, rgb(200,200,200), rgb(240,240,240));
            border-radius: 5px;
            box-shadow: inset 0px 0px 2px hsla(0,0%,0%,.8),
            3px 3px 0 hsla(0,0%,0%,.1);
            color: #000;
            display: inline-block;
            padding: 15px 25px;
            position: absolute;
            text-shadow: 0 1px 1px hsla(0,0%,0%,.3);
}
.bubble_opis:after, .bubble_opis:before {
            border-left: 35px solid transparent;
            border-top: 10px solid rgb(200,200,200);
            top: 25px;
            content: '';
            position: absolute;
            left: -33px;
}
.bubble_opis:before {
            border-top: 10px solid hsla(0,0%,0%,.1);
            top: 28px;
            left: -33px;
}
/* chmurki stop */