#left { float: left; width: 550px; padding: 24px 0 0 14px; }
#right { float: right; width: 384px; padding: 24px 0 18px 14px; border-left: 1px solid #d5d6d9; border-bottom: 1px solid #d5d6d9; position: relative; }
	#right-corner { width: 7px; height: 7px; background: url(../images/right-corner.gif); position: absolute; left: -1px; bottom: -1px; }

#signature { float: right; width: 95px; padding: 34px 0 0 60px; margin-right: 12px; background: url(../images/signature.gif) top left no-repeat; text-align: center; }
#signature p {text-align: center; }



/* ---------------------------------------------------------- */
/* -------------------------- item-comp --------------------- */
/* ---------------------------------------------------------- */
.item-comp { float: left; width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dadbdb; overflow: hidden; }
.item-comp h2 { color: #494f5e; font-size: 12px; padding: 0 0 0 11px; background: url(../images/item-comp-h2.gif) left no-repeat; }
.item-comp p { margin-bottom: 0px; padding-bottom: 20px; }
.item-comp p.price { float: left; color: #cb0000; padding-bottom: 0; }

.item-comp a.contact-us { display: block; float: right; height: 20px; padding: 6px 5px 0 50px; background: url(../images/item-comp-contact-us.gif) left top no-repeat; font-weight: bold; text-decoration: none; color: #29a1bf; }
.item-comp a.contact-us:hover { background: url(../images/item-comp-contact-us.gif) left bottom no-repeat; text-decoration: underline; color: #29a1bf; }


/* ---------------------------------------------------------- */
/* -------------------------- item-cenniky --------------------- */
/* ---------------------------------------------------------- */
.item-price { float: left; width: 100%; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #dadbdb; overflow: hidden; }
.item-price h2 { width: 265px; float: left; color: #494f5e; font-size: 12px; padding: 6px 20px 0 11px; background: url(../images/item-comp-h2.gif) 0px 9px no-repeat; overflow: hidden; }

.item-price a.excel { display: block; float: left; height: 20px; padding: 6px 5px 0 50px; margin-right: 45px; background: url(../images/ico-excel.gif) left top no-repeat; font-weight: bold; text-decoration: none; color: #29a1bf; }
.item-price a.excel:hover { background: url(../images/ico-excel.gif) left bottom no-repeat; text-decoration: underline; color: #29a1bf; }

.item-price a.zip { display: block; float: left; height: 20px; padding: 6px 5px 0 50px; background: url(../images/ico-zip.gif) left top no-repeat; font-weight: bold; text-decoration: none; color: #29a1bf; }
.item-price a.zip:hover { background: url(../images/ico-zip.gif) left bottom no-repeat; text-decoration: underline; color: #29a1bf; }

/* box dealer */
#box-dealer { width: 550px; height: 75px; padding: 0; background: #dfe4ea url(../images/bg-box-dealer.jpg) top; overflow: hidden; }
#box-dealer form { padding: 24px 0 0 20px; }
#box-dealer label { display: block; width: 92px; float: left; color: #8392a6; font-weight: bold; }
#box-dealer input.text { float: left; border: none; padding: 5px; margin: 3px 12px 0 0; border-top: 1px solid #adadaf; background: #fff; color: #494f5e; }
#box-dealer input.button { float: left; width: 81px; height: 35px; padding: 0; background: url(../images/box-dealer-button.gif); color: #2aa4c2; border: none; text-align: center; }


/* ---------------------------------------------------------- */
/* ------------------------- item-gallery ------------------- */
/* ---------------------------------------------------------- */
.item-gallery { float: left; width: 100%; padding-bottom: 40px; overflow: hidden; }
.item-gallery h2 { color: #494f5e; font-size: 12px; padding: 0 0 0 11px; background: url(../images/item-comp-h2.gif) left no-repeat; }
.item-gallery p { margin-bottom: 0px; padding-bottom: 20px; }
.item-gallery p.price { float: left; color: #cb0000; padding-bottom: 0; }

	/* obrazok vo fotogalerii */	
	a.g_img { overflow: hidden; display: table; position: static; 		 
			  width: 178px; height: 178px; float: left; background: #e8eef3; border: 1px solid #d5d6d7; padding: 1px; margin: 0 1px 1px 0; text-decoration: none; }
		a.g_img:hover { background: #e8eef3; border: 2px solid #cb0000; padding: 0; cursor: pointer;	}
	
	.middle { display: table-cell; vertical-align: middle; position: static; width: 178px; text-align: center; } /* for explorer only*/
	.inner {position: static;} 
				
/* ---------------------------------------------------------- */
/* --------------------------- paging ----------------------- */
/* ---------------------------------------------------------- */
.paging { text-align: center; padding-top: 20px; padding-bottom: 10px; font-size: 11px; }
.paging ul { display: block; width: 100%; }
.paging ul li { display: inline; }
.paging ul li a { padding-right: 10px; padding-left: 10px; width: 120px; list-style-type: none; text-decoration: none; }
.paging ul li a:hover, .paging ul li a.active {	text-decoration: underline; }
.paging ul li a.active { text-decoration: none;	font-weight: bold; color: #cb0000; }


/* ---------------------------------------------------------- */
/* ------------------------- box-service -------------------- */
/* ---------------------------------------------------------- */
.box-service { float: left; width: 134px; height: 190px; margin-right: 4px; background: url(../images/box-service-shadow.jpg) bottom no-repeat; font-weight: bold; overflow: hidden; }
	.bs-phone { margin-right: 0; }
.box-service a { display: block; float: left; width: 134px; height: 162px; color: #fff; text-decoration: none; background-color: #2896b4; background-position: top left; }
	.box-service a:hover { background-position: bottom left; color: #fff; }
.box-service a span { display: block; padding: 124px 0 0 10px; cursor: pointer; }

	.bs-comp a { background-image: url(../images/box-service-comp.jpg); }
	.bs-notebook a { background-image: url(../images/box-service-notebook.jpg); }
	.bs-outsourcing a { background-image: url(../images/box-service-outsourcing.jpg); }
	.bs-phone a { background-image: url(../images/box-service-phone.jpg); }


#hotline { width: 100%; text-align: center; }
#hotline a { display: block; width: 255px; height: 89px; overflow: hidden; margin: 0 auto; background-position: top; background-image: url(../images/bg-hotline.jpg); color: #fff; text-decoration: none; }
#hotline a:hover { background-position: bottom; }
#hotline span { display: block; padding: 28px 0 0 70px; font-size: 11px; }
#hotline span strong { font-size: 12px; font-weight: bold; }



	
/* ---------------------------------------------------------- */
/* ------------------------ tabboxs -------------------------- */
/* ---------------------------------------------------------- */
.tabBox                                   { width: 550px; }
.tabBox .tabBoxMenu                       { display: none; margin-bottom: -1px; margin-top: 18px; position: relative; }
.tabBoxActive .tabBoxMenu                 { display: block; margin-left: 15px; }
.tabBox .tabBoxMenu ul                    { height: 29px; overflow: hidden; list-style-type: none; }
.tabBox .tabBoxMenu ul li                 { display: block; float: left; margin-left: -14px;}
.tabBox .tabBoxMenu ul li.first		 	  { margin-left: 0; }
.tabBox .tabBoxMenu ul li a               { display: block; float: left; width: 121px; height: 29px; line-height: 29px; background: url(../images/tabbox.gif) left top no-repeat; color: #48505d; cursor: pointer; text-decoration: none; text-align: center; }
.tabBox .tabBoxMenu ul li.last a          { background: url(../images/tabbox-last.gif) left top no-repeat; }
.tabBox .tabBoxMenu ul li a:hover,
.tabBox .tabBoxMenu ul li.active a        { background: url(../images/tabbox-hover.gif) left top no-repeat; color: #cb0000; font-weight: bold; }

	.tabBox-contact .tabBoxMenu ul li        { position:relative; }
	.tabBox-contact .tabBoxMenu ul li a       { width: auto; background: url(../images/tabbox-contact.gif) left top no-repeat;padding-left: 17px; }
	.tabBox-contact .tabBoxMenu ul li.last a  { background: url(../images/tabbox-contact-last.gif) left top no-repeat; }
	.tabBox-contact .tabBoxMenu ul li a:hover,
	.tabBox-contact .tabBoxMenu ul li.active a        { background: url(../images/tabbox-contact-hover.gif) left top no-repeat; }
	.tabBox-contact .tabBoxMenu ul li span  { 
	    background: url("../images/tabbox-contact-hover.gif") no-repeat scroll right top transparent;
		display: block;
		height: 30px;
		margin-right: -17px;
		position: absolute;
		right: 0;
		width: 17px;
	}
.tabBox .tabBoxItems                   { background: #fff url(../images/tabbox-bg.gif) left top repeat-y; padding: 5px 0 8px; }
.tabBox .bg-top          			   { display: block; width: 550px; height: 11px; background: url(../images/tabbox-bg-top.gif) left top no-repeat; font-size: 0; }
.tabBox .bg-bottom          		   { display: block; width: 550px; height: 11px; background: url(../images/tabbox-bg-bottom.gif) left top no-repeat; font-size: 0; }
.tabBox .tabBoxItems .item .itemCont   { width: 510px; min-height: 170px; padding: 0px 20px; }
	.tabBox-contact .tabBoxItems .item .itemCont   { width: 548px; padding: 0 1px; } /* pre stranku konakt */

.tabBox .tabBoxItems .item .line   	   { background: url(../images/tabbox-line.gif) 275px 0px  repeat-y; }

.tabBoxActive .tabBoxItems .item { display: none; }

.tabBox .tabBoxItems .item .column-left { float: left; width: 220px; }
.tabBox .tabBoxItems .item .column-right { float: right; width: 235px; }
/* ---------------------------------------------------------- */
/* ------------------------ konakt -------------------------- */
/* ---------------------------------------------------------- */
.contact-info { padding: 0 20px; width: 510px; background: url(../images/contact-info-2-lines.gif) 160px 0px repeat-y; margin-bottom: 18px; float: left; }
.contact-info.non { padding: 0 20px; width: 510px; background: none; }
.contact-info .column { float: left; }
	.contact-info .c1 { width: 135px; padding-right: 6px; }
	.contact-info .c2 { width: 150px; padding: 0 7px 0  16px; }
	.contact-info .c3 { width: 170px; padding-left: 16px; }
.contact-info p { margin-bottom: 14px; }

strong.cItem_1 {display: inline-block; width: 28px; }
strong.cItem_1b {display: inline-block;font-weight: normal;vertical-align: top; width: 120px; }
strong.cItem_2 { display: block; float: left; width: 44px; }
strong.cItem_3 { display: inline-block; font-weight: normal; vertical-align: top; width: 44px; }
strong.cItem_3b { display: inline-block; font-weight: normal; vertical-align: top; width: 120px; text-align: left;}


table.persons { width: 100%; margin-bottom: 10px; border-collapse: collapse; }
table.persons tr td { background: #edf2f6; border-bottom: 1px solid #fff; padding: 12px 0; }
table.persons tr.dark td { background-color: #dfe4ea; }
table.persons tr td.name { padding-left: 20px; width: 150px; }
table.persons tr td.phone { padding-left: 0px; width: 120px; }
table.persons tr td.mail { padding-right: 20px; width: 95px; }

a.button-map { display: block; width: 181px; height: 43px; line-height: 43px; margin: 0 auto; background: url(../images/button-map.jpg) top left no-repeat; overflow: hidden; color: #fff; text-decoration: none; text-align: center; font-weight: bold; }	
a.button-map:hover { background: url(../images/button-map.jpg) bottom left no-repeat; color: #fff; }