@import url("zakupy.css");

h2.tioH2 {margin:0 0 15px 0;}
h6.tioH6 {font-size:17px; color:#335e7f; font-weight:normal; margin:5px 0 10px 0;}

.tioPosRelative {position:relative;}

.tioCol686 {width:686px;}
.tioCol340 {width:340px;}

/*Boxy*/
.tioBox1 {border:1px solid #999;}
.tioBox1Hd1 {height:29px; padding:6px 9px 0 9px; background:url(../gfx/testy/tioSgSlcBoxHd.png) bottom left repeat-x #87a3bb; 
			border-top:1px solid #a4b7cb; border-bottom:1px solid #fff; font:normal 18px/18px Tahoma, Verdana, Helvetica, sans-serif; color:#fff;}
.tioBox1RankWintHd, .tioBox1RankSummHd {height:25px; padding:8px 9px 0 9px; border-top:1px solid #a4b7cb; border-bottom:1px solid #fff; font:normal 18px/18px Tahoma, Verdana, Helvetica, sans-serif; color:#19262f;}
.tioBox1RankWintHd {background:url(../gfx/testy/tioRankWintHd.gif) bottom left no-repeat;}
.tioBox1RankSummHd {background:url(../gfx/testy/tioRankSummHd.gif) bottom left no-repeat;}
.tioBox1Hd1 h2 {font:normal 18px/18px Tahoma, Verdana, Helvetica, sans-serif; color:#fff;}
.tioBox1RankWintHd h2 {margin-left:60px; font:normal 18px/18px Tahoma, Verdana, Helvetica, sans-serif; color:#076097;}
.tioBox1Hd1 span {font-size:11px;}
.tioBox1Cnt1 {padding:4px 9px 9px; background:url(../gfx/testy/tstBoxBkgr1.png) top left repeat-x;}
.tioBox1Cnt1 p {padding:5px 0;}


span.moreLInk1 {padding:0 8px 0 3px; font-weight:bold; background:url(../gfx/moreLInk1.png) center right no-repeat;}

.tioSgSlcBox {height:280px; border:1px solid #999; background:url(../gfx/testy/tioSgSlcBox_bkgr.gif) bottom left repeat-x;}
.tioSgSlcBoxHd {height:67px; background:url(../gfx/testy/tioSgSlcBoxHd.gif) bottom left repeat-x #87a3bb;}
.tioSgSlcBoxHd span {font-size:11px;}
.tioSgSlcBox ul li {margin:0 0 0 15px; list-style:disc; color:#f2f2f2;}
.tioSgSlcBox ul li a {line-height:18px; color:#007eff; font-weight:700;}

.tioSgSlcBoxCnt {position:relative;padding:0 9px 9px;}
.tioSgSlcBoxCnt select {width:160px; margin:8px 0; display:block;}
.tioSgSlcBoxCnt input {margin-bottom:20px;}
.tioSgSlcBoxAbout {position:relative; float:right; width:240px; color:#f2f2f2; font-size:11px;}
.tioSgSlcBoxAbout strong {margin-bottom:5px; display:block;}
.tioSgSlcBoxAbout ul {margin:5px 0 0 15px; padding:0;}
.tioSgSlcBoxAbout ul li {margin:0; padding:0; font-weight:700; list-style:disc;}


.tioSgMarkBox {border:3px solid #ccc; zoom:1;}
.tioSgMarkBoxHd {height:29px; padding:9px 9px 0 9px; background:url(../gfx/testy/tioSgMarkBoxHd.png) bottom left repeat-x #fff; 
				border-top:1px solid #fff; border-bottom:1px solid #fff; font:normal 18px/18px Tahoma, Verdana, Helvetica, sans-serif; color:#445466;}
.tioSgMarkBoxCnt {padding:9px; background:url(../gfx/testy/tstBoxBkgr1.png) top left repeat-x;}
.tioSgMarkBoxCnt ul {float:left; margin:0 7px 0 0; padding:0; list-style:none; line-height:16px;}
.tioSgMarkBoxCnt ul li {margin:0; padding:0 0 1px 10px;color:#333;background:url(../gfx/vertlistbullet1.gif) 0.1em 0.5em no-repeat; font-size:10px;}
.tioSgMarkBoxCnt ul li a {font-size:12px;}

/*opinia usera*/
.tioSgLastOpnHd {font-size:16px; color:#fff; padding:10px; margin-bottom:10px; background:#999;}
.tioSgLastOpnHd2 {font-size:18px; color:#666; margin:10px 0;}
.tioSgLastOpn {margin:5px 0;}
.tioSgLastOpnName {color:#666; font-size:14px;}
.tioSgLastOpn h3 {margin:5px 0; font:normal 16px/18px Arial, Tahoma, Verdana sans-serif;}
.tioSgLastOpn p {margin:5px 0; line-height:18px;}
.tioSgLastOpn li {display:inline;}
.tioSgLastOpn li a {font-weight:700;}
li.tioOpnSep {margin:0 3px; font-size:14px; color:#999;}
.tioSgLastOpnUsrPt {vertical-align:middle; margin:10px 0;}
.tioSgLastOpnUsrPt strong {font-size:2em; font-weight:700;}

.tioUserRevRBox {width:214px;float:right;border:3px solid #ccc;padding:10px 5px; background:url(../gfx/testy/tioUserRevRBox.gif) top left repeat-x #fff; -moz-border-radius:5px; -webkit-border-radius: 5px;}
.tioUserRevRBoxChr {margin:20px 0; padding:8px 0 3px 0; border-bottom: 1px solid #ccc;}

/*.tioSgOpnAvatar {float:left; width:60px; margin-right:8px;}*/
.tioSgOpnUser {/*width:150px;*/}
.tioSgLastOpnTxt {margin:10px 0 20px 0; padding:8px; border:2px solid #ccc;background:url(../gfx/testy/tioSgLastOpnTxt.gif) bottom left repeat-x #fff; line-height:18px;}

.tioOpnNextPrev {float:right; top:1px; right:1px; text-align:center; width:205px;}
.tioOpnQueue {font:normal 18px/18px Georgia, "Times New Roman", sans-serif;}

/*ocena szczegółowa*/
.tioExt, .tioExt2 {border:1px solid #ccc; margin:20px 0; padding:2px;}
.tioExt {width:686px;}
.tioExt2 {width:626px;}
.tioExtHead {margin-bottom:2px;}
.tioExtPropTotal {width:112px; height:18px; font-weight:bold; background-color:#cccccc; float:left; text-align:center; padding:2px 0 0 0}
.tioExtPropPart, .tioExtPropGray {height:18px; float:left; margin:0 0 0 3px; text-align:center; font-size:1.1em; font-weight:700; padding:2px 0 0 0}
.tioExtPropPart {width:54px;}
.tioExtPropGray {width:57px;}
.tioExtGrade0 {background:#e9e9e9;}
.tioExtGrade1 {background:#f93c3c;}
.tioExtGrade2 {background:#ff8534;}
.tioExtGrade3 {background:#ffd234;}
.tioExtGrade4 {background:#cae984;}
.tioExtGrade5 {background:#a1cb41;}
.tioExtGrade6 {background:#73a500;}

/*testy prasowe*/
.tioPressBox {border:1px solid #c2ceda; background:#000;}
.tioPressBox h3 {font-weight:normal; font-size:16px; margin-bottom:3px;}
.tioPressBox a {color:#389ce7;}
.tioPressBoxHd {background:url(../gfx/testy/tioPressBoxHd2.png) no-repeat; height:50px;}
.tioPressBoxHd h2 {color:#fff; margin-left:60px; padding-top:15px; font-weight:normal;}
.tioPressBoxHd a {color:#ffcd05}
.tioPressBoxHd span {font-size:11px;}
.tioPressBoxCnt {padding:9px; /*background:url(../gfx/testy/tstBoxBkgr1.png) top left repeat-x;*/}
.tioPressBoxCnt p {color:#999;}
.tioSgPressImg {float:left; margin:0 10px 0 0; border:1px solid #333;}

.tioPressTxt {margin-bottom:15px;}
.tioPressTxt h3 {font-size:18px;}
.tioPressTxt p {margin:5px 0; line-height:18px;}

/*tabela rankingu opon*/
table.tioTable1 {border-collapse: collapse; border:1px solid #ddd; font-size:1.1em; width:100%;}
table.tioTable1 tr {margin:2px;}
td.tioTable1TdPoint {width:180px; padding-right:10px;}
table.tioTable1 th {padding:5px; background:#666; font-size:0.9em; color:#f2f2f2;}
table.tioTable1 td {padding:2px 3px; background:url(../gfx/testy/tioTable1-tdBkgr.png) top left repeat-x;border:1px solid #bbb;}
table.tioTable1 strong {font-size:14px; font-weight:700; color:#666;}
table.tioTable1 span {font-size:11px; color:#999; font-weight:700;}

/*producent*/
.tioNoTabs {border:1px solid #ccc; padding:0 10px 10px 10px;}
.tioPrdHdSummer, .tioPrdHdWinter, .tioPrdHdAllseasons{height:30px; padding:5px 5px 0 40px; margin-bottom:10px; font:normal 18px Tahoma, Verdana, Arial, sans-serif; color:#f1f1f1;}
.tioPrdHdSummer {background:url(../gfx/testy/tioPrdHdSummer.gif) top left no-repeat;}
.tioPrdHdWinter {background:url(../gfx/testy/tioPrdHdWinter.gif) top left no-repeat;}
.tioPrdHdAllseasons {background:url(../gfx/testy/tioPrdHdAllseasons.gif) top left no-repeat;}
.tioPrdList {float:left; width:350px; margin:0 10px 0 0; padding-left:5px}
.tioPrdList ul {line-height:18px; color:#999; list-style:none; margin:0; padding:0;}
.tioPrdList ul strong {color: #666; font-size:14px; display:inline;}
.tioPrdList ul span {font-size: 11px;}
.tioPrdList ul li {display:block; margin:0;}
.tioPrdList ul li a {color:#005cb7; text-decoration:none; background:none; font-weight:normal; margin:0; padding:0;text-align:left; display:inline;}
.tioPrdList ul li a:hover {color:#000; text-decoration:underline;}

table.tioPrdTable {border-collapse: collapse; border:none; font-size:12px; width:100%;}
table.tioPrdTable tr {border-bottom:1px solid #ccc;}
table.tioPrdTable th {padding:5px; background:#666; font-size:0.9em; color:#f2f2f2;}
table.tioPrdTable td {padding:3px 1px; /*background:url(../gfx/testy/tioTable1-tdBkgr.png) top left repeat-x;border:1px solid #bbb;*/}
table.tioPrdTable strong {font-size:14px; font-weight:700; color:#666;}
table.tioPrdTable span {font-size:11px; color:#999; font-weight:700;}

.tioPrdTableShowAll {text-align:right; font-size:15px; margin-top:10px; padding-right:10px; font-weight:700; background:url(../gfx/testy/tioPrdTableShowAll.gif) center right no-repeat;}

.tioPrdRev {margin-bottom:10px; padding:0 5px;}
.tioPrdRevHd {margin-bottom:3px;}
.tioPrdRevHd strong {color:#666; font-size:12px; font-weight:700}
.tioPrdRevHd img {vertical-align:middle}
.tioPrdRevHd em {vertical-align:bottom}
.tioPrdRevUser {font-size:16px; height:45px; background:#ccc;}
.tioPrdRev p {line-height:18px;}
.tioPrdRev h5 {font-size:14px; margin:5px 0; padding:0; font-weight:normal;}
h6.tioPrdLstH6 {height:20px; font-size:13px; font-weight:500; color:#fff; margin:7px 0; padding:5px 6px 0 6px; background:#959595; -moz-border-radius: 3px; webkit-border-radius:3px;}

/*NEW FILTR*/
.tioFiltr {background:#e7ecf3; border:1px solid #ccc; padding:0 9px 9px 9px;}
.tioFiltrLi {margin:5px 0; color:#444;}
.tioFiltrLiCath {color:#333; font-size:14px; font-weight:700;}
.tioFiltrLi ul {margin:5px 0}
.tioFiltrLi li input {margin:0 5px;}
.tioFiltrLi li {margin:0; padding:0 0 0 12px; line-height:18px; background:url(../gfx/vertlistbullet3.gif) 0.1em 0.5em no-repeat;}
.tioFiltrLi li a {font-size:12px;}
.tioFiltrLi li strong {color:#444;}
.tioFiltrLi hr {margin:2px 0; padding:0 0 6px 0; background:url(../gfx/zkLtFiltrLi_hr.gif) center left repeat-x; border:none;}

/*box modele producenta*/
.tioPrdMdlBox {position:relative; padding:5px 9px; border-top:1px solid #999; border-right:1px solid #797979; border-left:1px solid #999; 
				background:/*url(../gfx/testy/tioPrdMdlBox-bkgr.png) bottom left repeat-x*/ #fff;}
.tioPrdMdlBoxLogo {position:absolute; top:5px; right:9px;}
.tioPrdMdlBox h2 {color:#666; font-size:1.4em; margin-bottom:8px; font-family:Georgia, 'Times New Roman'; font-variant:small-caps;}
.tioPrdMdlBoxSeas {float:left; margin-right:5px;  width:90px; text-align:left;}
.tioPrdMdlBoxLi {float:left; width:640px;}
.tioPrdMdlBox ul {line-height:18px; margin-top:2px; font-size:1.1em;}
.tioPrdMdlBox ul li {display:inline; padding-right:5px; white-space:nowrap;}
.tioPrdMdlBox hr {margin:4px 0px; padding:0px; border:0px; background:#f2f2f2; line-height:0px; height:1px; display:block;}


/*lista opon*/
.tioOpnLiBox {padding:9px; margin-bottom:15px; border:2px solid #ccc; zoom:1; background:#fff/*url(../gfx/testy/tioOpnLiBox-bkgr2.gif) top left repeat-x #eff3f7;*/}
.tioOpnLiBox h3, .tioOpnLiBox h2 {font-size:1.3em; margin:0; padding:0; color:#666;}
.tioOpnLiBox p {margin:8px 0 4px 0;}
.tioOpnLiBox li {display:inline; margin-right:4px; color:#999;}
.tioOpnLiCnt {float:left; margin:0 6px; padding-left:9px; width:485px;}
.tioOpnLiCnt ul li a {font-weight:700;}
.tioOpnLiBoxHd {background:#ccc; padding:5px;}
.tioOpnLiBoxHd h2 {font-size:18px; color:#fff;}
/**/
.tioOpnGrid, .tioOpnAlone { padding:8px; margin-bottom:10px; border:2px solid #ccc; background:url(../gfx/testy/tioSgLastOpnTxt.gif) bottom left repeat-x #fff; overflow: hidden; position:relative;}
.tioOpnGrid {width:350px;}
.tioOpnGridCol270 {width:270px;}
.tioOpnAlone {}
.tioOpnGridLogo {position:absolute; top:4px; right:4px; z-index:1;}
.tioOpnGridLogo img { height: 15px;}
.tioOpnGrid h3, .tioOpnAlone h3 {font-size:15px; margin:2px 0; color:#666; display:inline;}
.tioOpnGridh3Info {font-size:11px; color:#666; margin-bottom:8px; border-bottom:1px solid #ccc}
.tioOpnGridColL {float:left; width:119px;}
.tioOpnGridColR, .tioOpnGridColRA {float:right; margin-top:5px;}
.tioOpnGridColR {width:225px;}
.tioOpnGridColRA {width:600px;}
.tioOpnGridColR p, .tioOpnGridColRA p {margin:5px 0; color:#444;}
.tioOpnGridColRCnt {height:75px;}
.tioOpnGridChrPoints {float:left; margin-left:10px; text-align:center; font-size:10px; color:#666; font-weight:700;}
.tioOpnGridChrPoints strong {display:block;font-size:18px; color:#444; padding:3px 0;}
.tioOpnForRev {border-left:2px solid #ccc; height:95px; width:440px; margin:0 10px; padding:0 15px;}
.tioOpnForFoto {float:left; border-left:2px solid #ccc; height:95px; padding-left:10px;}
select.tioLiSorter {width:180px; padding:2px 0; font-family:Arial, Tahoma; font-size:13px; border:2px solid #666; background:#fff}

/*ocena laczna charakterystyk + info dodakowe*/
.tioChrAll {float:left; font-size:1.1em;}
.tioChrAllWidth {width:300px;}
.tioChrAllName {margin:3px 0;}
.tioChrAllPoint, .tioChrBattery {margin:3px 2px;}
.tioChrAllName {float:left; width:130px;}
.tioChrAllPoint {float:left; width:40px; font-weight:700; font-size:1.2em; text-align:center;}
.tioChrAllBattery {float:left; width:120px; padding-top:3px;}
.tioChrAllBattery img {margin-right:2px;}
.tioOtherInfoBox {margin-bottom:20px;}
.tioOtherInfo {float:left; margin-right:20px; font-size:1.1em; line-height:18px;}
.tioOtherInfo strong {color:#666}

.tioOpnLiPoint {/*float:left;*/ text-align:center; padding-right:5px; /*border-right:1px solid #ccc*/}
.tioOpnLiPoint span {font-size:14px; margin-bottom:10px; font-weight:700;}
.tioOpnLiPoint strong {font-size:30px; color:#333;}
.tioOpnLiPoint img {}

/*lista opinii ocena laczna*/
.tioRevLiAllChar {float:left; width:340px; margin-left:10px;}
.tioRevLiAllLinks {float:left; margin-left:20px; font-size:1.1em; font-weight:700;}
.tioRevLiAllLinks ul li {display:block; line-height:24px;}

/*dodatkowe informacje*/
.tioRevOtherInfo {float:left; line-height:18px; margin-right:20px; font-size:1.1em;}

/*.tioTireFoto {float:right;}
.tioTireFotoBuy {text-align:center; margin-top:5px;}*/
.tioPrLtBoxFoto {border:1px solid #d0d0d0; position:relative; padding:3px; background:#fff; width:100px; height:70px; overflow:hidden;}
.tioPrLtBoxFotoIco {position:absolute;top:1px; left:1px;}
.tioOpnLiOfSign {position:absolute;bottom:0; right:0;}
.tioPrLtBoxFotoBuy {text-align:center; font-weight:700; padding:3px 0; background:#d0d0d0;}

/*filtrowanie & sortowanie*/
.tioLiSort {padding:5px; margin-bottom:15px; border:1px solid #bbb; background:url(../gfx/testy/tioLiSort_bkgr.gif) no-repeat;}
.tioLiSort label {font-size:13px; color:#f2f2f2; font-weight:700; display:inline;}
.tioLiSort select {margin:2px 10px 0 2px; width:180px; padding:2px 0; font-family:Arial, Tahoma; font-size:14px; border:2px solid #444; background:#f1f1f1}
.tioLiSort input {}

/*dodawanie opinii*/
.tioAddTable {}
.tioAddTable label {color:#3b5d79; font-size:1.2em;}
.tioAddTable p {display:block; margin:.5em 0; font-size:1em; color:#666; font-style:italic;}

.tioAddTable table {
	width:80%;
	border-top:1px solid #e3f1fe;
	border-right:1px solid #e3f1fe;
	margin:.8em 0;
	border-collapse:collapse;
	}
.tioAddTable caption {
	color: #666;
	font-size:17px;
	font-weight:700;
	padding:6px 0;
	margin:0;
	line-height:20px;
	text-align:left;
	}	
.tioAddTable tr.odd td,
.tioAddTable tr.odd .tioTblCol1column1 {
	background:#f4f9fe url(../gfx/testy/tioAddTableBkgr.gif) top left no-repeat;
	}
	
.tioTblCol1 {background:#f4f9fe url(../gfx/testy/tioAddTableBkgr.gif) top left no-repeat;}
.tioTblCol1top {vertical-align: top;}
.tioTblCol1width {width:250px;}
.tioAddTable td.tioTblCol2left {text-align:left;}

.tioAddTable td {
	color:#678197;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	text-align:center;
	}				
.tioAddTable th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding:.2em 1em;
	}
.tioAddTable thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3;
	padding:.5em 0;
	}			
/*.tioAddTable tfoot th {
	background:#f4f9fe;
	text-align:center;
	}	

.tioAddTable tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
.tioAddTable tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}	*/

/*
#wrap {
position: relative;
padding-bottom:0;
overflow: hidden;
}
#gradient {
width:100%;
height:35px;
margin:0 1px;
background:url(../gfx/testy/bg-gradient.png) repeat-x;
position:absolute;
bottom:0;
left:0;
}
#read-more {
font-size:1.2em;
padding:0 0 5px 0;
border-top:1px solid #494949;
background:#fff;
color:#333;
text-align:right;
margin-bottom:0;
}
#read-more a {
padding-right:10px;
background:url(../gfx/testy/icon-arrow.gif) no-repeat 100% 50%;
font-weight:bold;
text-decoration:none;
}
#read-more a:hover {color:#000;}*/