@charset "utf-8";
/* CSS Document */

body {
	background:url(../images/bg2.jpg) no-repeat top center #e9eaee;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #2c529d;
	margin-top: 31px
}
a, a:link, a:visited { color: #2374c8; text-decoration: underline; cursor:pointer!important}
a:hover { color: #7080a3; text-decoration: underline; cursor:pointer!important}
a img { border: 0px none}
input, select { padding: 3px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color: #7080a3; margin: 0px; vertical-align: middle; border: 1px solid #ADADAF;}
select { padding: 2px}
textarea {padding: 3px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color: #7080a3; margin: 0px; vertical-align: middle; border: 1px solid #ADADAF;}
h1 { font-family: arial; font-size:25px; font-weight:bold; color: #304892; margin: 0px; padding: 0px; line-height: normal!important}
span.h1 {display: block; float:left; padding-right: 15px}
h1 img { top: -6px; left: 5px; position:relative}
h2 { font-size: 14px; margin: 0px; padding: 0px; line-height: normal!important}
h2.blue {color: #1860b2; padding-bottom: 4px; line-height: normal!important}
h2.purple {color: #a3117e; padding-bottom: 4px; line-height: normal!important}
h2.green {color: #619300; padding-bottom: 4px; line-height: normal!important}
strong { color: #2c529d}
form { padding: 0px; margin: 0px;}

#container { width: 975px; margin: 0px auto; background: url(../images/bg_container.jpg) no-repeat 0px 400px; padding-bottom: 10px;}
.left { float: left}
.right { float: right}

#top-tabs { padding-top: 22px; padding-bottom: 9px; height: 35px; overflow:hidden}
#top-tabs ul { padding: 0px; margin: 0px; padding-left: 1px;}
#top-tabs li {display: inline; margin: 0px; padding: 0px;}
#top-tabs a.home { background:url(../images/_top-tabs/home.jpg) no-repeat top left; width: 48px; height: 35px; padding: 0px}
#top-tabs a:hover.home { background:url(../images/_top-tabs/home-hover.jpg) no-repeat top left; width: 48px; height: 35px}
#top-tabs a.homeactive, #top-tabs a:link.homeactive, #top-tabs a:visited.homeactive, #top-tabs a:hover.homeactive { background:url(../images/_top-tabs/home-active.jpg) no-repeat top left; width: 48px; height: 35px; padding: 0px}

#top-tabs a.en { background:url(../images/_top-tabs/EN2.jpg) no-repeat top left; width: 55px; height: 27px; padding:8px 0px 0px 32px;}
#top-tabs a:hover.en { background:url(../images/_top-tabs/EN-hover2.jpg) no-repeat top left; width: 55px; height: 27px;padding:8px 0px 0px 32px;}
#top-tabs a.sk { background:url(../images/_top-tabs/SK2.jpg) no-repeat top left; width: 65px; height: 27px; padding:8px 0px 0px 32px;}
#top-tabs a:hover.sk { background:url(../images/_top-tabs/SK-hover2.jpg) no-repeat top left; width: 65px; height: 27px; padding:8px 0px 0px 32px;}

#top-tabs a { background: url(../images/_top-tabs/bg_tab-body.jpg) no-repeat top left; height: 35px; float: left; display: block; padding-left: 28px; padding-top: 0px; font-weight:normal}
#top-tabs a:link, #top-tabs a:visited { color: #225DBE; text-decoration: none}
#top-tabs a:hover { background: url(../images/_top-tabs/bg_tab-body-hover.jpg) no-repeat top left; color: #FFFFFF }
#top-tabs a span { background: url(../images/_top-tabs/bg_tab-end.jpg) no-repeat top right; padding-right: 15px; padding-top: 8px; padding-bottom: 12px;  display:block}
#top-tabs a:hover span { background: url(../images/_top-tabs/bg_tab-end-hover.jpg) no-repeat top right; padding-right: 15px; padding-bottom: 10px; display:block; color:#FFFFFF}
#top-tabs a.active, #top-tabs a.active:hover, #top-tabs a.active:visited {background: url(../images/_top-tabs/bg_tab-body-active.jpg) no-repeat top left; color: #225DBE!important;}
#top-tabs a.active span {background: url(../images/_top-tabs/bg_tab-end-active.jpg) no-repeat top right!important; color: #225DBE!important; font-weight: bold}
#top-tabs a img { margin-top: -6px; vertical-align:middle}

#left-part { width: 286px; float:right}
#left-content { padding: 20px 20px 0px 20px;}
#left-menu { background: url(../images/left-menu/bg_left-menu.jpg) repeat-x top left #FFFFFF; border: 1px #dadbdf solid; border-bottom-color: #FFFFFF; padding-left: 5px; margin-top: 117px}
#left-menu-uzaver {margin-bottom: 10px}
#main-left-menu-cat { margin: 10px 10px 5px 10px; background:url(../images/left-menu/bg_left-menu-rozdelovac.gif) no-repeat bottom center}
#main-left-menu-cat a {font-size: 12px; display: block; padding: 4px 0px 8px 0px; font-weight: bold}
#main-left-menu-cat a:link, #main-left-menu-cat a:visited { color: #225dbe; text-decoration: none}
#main-left-menu-cat a:hover {color: #575e6b; text-decoration: none}
#left-menu ul { margin: 0px; padding: 0px;}
#left-menu li { margin: 0px; padding: 0px; list-style: none; font-size: 0px}
#left-menu li a { font-size: 12px; display: block; background: url(../images/left-menu/bg_left-menu-li-lvl1.gif) no-repeat 10px 7px; padding: 4px 10px 4px 28px; font-weight: bold}
#left-menu li a:link, #left-menu li a:visited { color: #575e6b; text-decoration: none}
#left-menu li a:hover {color: #225dbe; text-decoration: none; background: url(../images/left-menu/bg_left-menu-li-lvl1.gif) no-repeat 10px 7px; }
#left-menu li a.active:hover, #left-menu li a.active {color: #225dbe!important; text-decoration: none; background: url(../images/left-menu/bg_left-menu-li-lvl1.gif) no-repeat 10px 7px; }
#left-menu li a.no-bottom-border:hover {}
#left-menu li a.no-top-border:hover {}


#left-menu li.lvl2 a { display: block; background: url(../images/left-menu/bg_left-menu-li-lvl2.jpg) no-repeat center left; margin: 0px 0px 0px 28px; font-weight: normal; padding: 5px 10px 5px 18px}
#left-menu li.lvl2 a:link, #left-menu li.lvl2 a:visited { color: #575e6b; text-decoration: none}
#left-menu li.lvl2 a:hover {color: #225dbe; text-decoration: none;  background: url(../images/left-menu/bg_left-menu-li-lvl2-hover.jpg) no-repeat center left ; }
#left-menu li.lvl2 a.active:hover, #left-menu li.lvl2 a.active {color: #225dbe; text-decoration: none; background: url(../images/left-menu/bg_left-menu-li-lvl2-hover.jpg) no-repeat center left;}



#index-search { background: url(../images/bg_search-box-big.jpg) left top no-repeat; height: 34px; padding-left: 10PX; padding-top: 5px}
#index-search input { width: 300px; padding: 3px; color: #7080a3; margin: 0px; margin-left: 3px; border: 1px #adadaf solid; margin-right: 3px}
#index-search img { vertical-align: middle}

.header-box { background: url(../images/bg_index-header-box.jpg) no-repeat top left; height: 35px; color: #FFFFFF; font-weight: bold; padding-left: 30px; padding-top: 11px; margin-top: 7px}
.grayback-box { background: url(../images/bg_graybox-bottom.jpg) no-repeat bottom left #f6f6f6; padding: 12px 20px 12px 20px; margin-bottom: 11px}

.info-box { background: url(../images/bg_info-box.jpg) no-repeat top left; width: 407px; cursor:pointer; height: 87px; overflow:hidden; padding: 10px; margin-top: 11px; padding-top: 13px}
.box-img { width: 54px; float: left;}
.box-text { width: 343px; float: right}
a.so-sipkou { display: block; background:url(../images/icon_link-arrow.jpg) no-repeat 0px 3px; padding-left: 15px; margin-top: 5px}

span.bigger-text { margin-top: 16px; padding-bottom: 5px; border-bottom: 1px solid #cfcfcf; display: block; margin-bottom: 11px}
#centrujuci { width: 353px; margin: 0px auto}
#centrujuci img { vertical-align: middle; margin-left: 4px}
#vnutorny-centrujuci {width: 256px; margin: 0px auto; margin-top: 5px}
span.gray-text { color: #c6c6c6}
span.green-text { color: #55bf14}

.white-box {padding: 12px 20px 12px 20px; margin-bottom: 11px}
.white-box h2 { color: #253544; display: inline; line-height: normal!important}
.white-box img { vertical-align: middle; margin-right: 10px}
.white-box p { margin: 0px; padding: 4px 0px 4px 0px}

.anotation { padding-bottom: 10px; border-bottom: 1px solid #d0d0d0; margin-bottom: 11px}
.anotation a.head { background: url(../images/icon_anotation.jpg) no-repeat top left; padding-left: 40px; display: block; padding-top: 8px; height: 32px; font-weight: bold}
.anotation a.head:link, .anotation a.head:visited { text-decoration: none; color: #243348}
.anotation a.head:hover { text-decoration: underline; color: #243348}
.anotation img { border: 1px solid #d0d0d0; float: left; margin-right: 10px}
.anotation span { color: #2273c5; font-size: 10px}

#right-part { width: 688px; float:left;
	min-height:609px;
	height:auto !important;
	height:609px;

}
#main-content { padding: 0px 0px 0px 44px; width:644px; line-height: 18px}
#main-content p{margin:0px; }
#breadcrumb { padding-top: 7px; padding-bottom: 5px; border-bottom: 1px solid #d4d8db; margin-bottom: 15px}
#breadcrumb span {float: right; width: 207px; display: block; overflow:hidden}
#breadcrumb a { background: url(../images/left-menu/left-menu-normal.jpg) no-repeat 0px 2px; padding-left: 8px; margin-right: 5px; font-size: 11px; float:left} 
#breadcrumb a:link, #breadcrumb a:visited { color: #747da4; text-decoration: underline}
#breadcrumb a:hover { color: #747da4; text-decoration: none}
#breadcrumb a.tlac { background:url(../images/icon_bread-print.jpg) no-repeat 0px 0px; padding-left: 20px; margin-right: 0px}
#breadcrumb a.odporuc { background: url(../images/icon_star.jpg) no-repeat 0px 0px; padding-left: 17px}

#product-buttons { background: url(../images/bg_product-buttons.jpg) no-repeat bottom left; padding-bottom: 10px; width: 245px; margin: 0px auto; margin-top: 20px}
#product-buttons div { border: 1px solid #dadbdf; border-bottom: 0px none; background-color: #f7f7f7; padding-top: 5px}
#product-buttons a {width: 152px; height: 53px; margin: 0px auto; display: block; padding-left: 65px; font-size: 13px; font-weight: bold; padding-top: 10px; margin-top: 5px}

a#dizajn {color: #155c9e; text-decoration: none}
a#dizajn:link, a#dizajn:visited {background: url(../images/web.jpg) no-repeat top left;}
a#dizajn:hover {background: url(../images/web-hover.jpg) no-repeat top left; color: #155c9e; text-decoration: none}

a#seo {color: #ab0f7d; text-decoration: none}
a#seo:link, a#seo:visited {background: url(../images/marketing.jpg) no-repeat top left;}
a#seo:hover {background: url(../images/marketing-hover.jpg) no-repeat top left; color: #ab0f7d; text-decoration: none}

a#branding {color: #80ac00; text-decoration: none}
a#branding:link, a#branding:visited {background: url(../images/identity.jpg) no-repeat top left;}
a#branding:hover {background: url(../images/identity-hover.jpg) no-repeat top left; color: #80ac00; text-decoration: none}

img.contact_banner { margin-top: 10px}

.left-box { background: url(../images/bg_product-buttons.jpg) no-repeat bottom left; padding-bottom: 10px; width: 245px; margin: 0px auto; margin-top: 20px; overflow:hidden}
.inner { border: 1px solid #dadbdf; border-bottom: 0px none; background-color: #f7f7f7; padding-top: 5px}
.left-box-header { color: #06226c; font-size: 13px; font-weight: bold}
.left-box-header img {vertical-align:middle}
.left-box p { padding: 0px; margin: 5px 0px 5px 0px; }
.left-box input, .left-box select, .left-box textarea {margin: 3px 0px 3px 0px; width: 210px; *width: 195px}

.quotation { padding: 0px 10px 0px 10px}
.quot-begin {background:url(../images/quot-begin.jpg) no-repeat top right; height: 14px}
.quot-end {background:url(../images/quot-end.jpg) no-repeat top left; padding-top: 5px; text-align: right; padding-bottom: 10px}
.quot-end span { font-size: 11px}


#footer { background: url(../images/bg_footer.jpg) no-repeat top left; width: 975px; height: 49px; margin: 0px auto;}
#footer a {padding-left: 20px; color: #7c87a3; padding-right: 10px; margin-top: 10px; display: block; float:left}
#footer a:link, #footer a:visited {color: #7c87a3; text-decoration: underline}
#footer a:hover {color: #7c87a3; text-decoration: none}
#a-home {background: url(../images/icon_home.jpg) no-repeat top left}
#a-map {background: url(../images/icon_map.jpg) no-repeat top left}
#a-kontakt {background: url(../images/icon_contact.jpg) no-repeat top left}
#a-print {background: url(../images/icon_print.jpg) no-repeat top left}


#footer-logo { width: 300px; float: right; text-align: right; margin-top:5px;}
#footer-logo img {vertical-align: middle}
.breaker { clear: both; font-size: 1px; margin: 0px; padding: 0px; height: 0px}

/* urcene na sablony */
.content-box-zvyrazneny { background: url(../images/clanok-seo-sem/clanok-back-bottom.jpg) no-repeat bottom left #fafcfd; padding-bottom: 11px; width: 634px; margin-top: 11px}
.content-box-inside { padding: 15px; border: 1px solid #d9dee5; border-bottom: 0px none}
.content-box-zvyrazneny h2 { font-size: 15px; color: #253342; font-weight: bold; padding-bottom: 10px; line-height: normal!important}
.content-box-zvyrazneny img { float: left; margin-right: 15px}
.content-box-zvyrazneny ul { margin: 0px; padding: 0px; float: left;}
.content-box-zvyrazneny li { padding: 3px 0px 3px 0px; list-style: none; background:url(../images/clanok-seo-sem/li-clanok.jpg) no-repeat 0px 3px; font-weight: bold; color: #2c529d; padding-left: 20px}
.content-box-zvyrazneny p { margin: 0px; padding: 0px; padding-top: 10px}

.content-box-normalny {margin-top: 20px; padding-bottom: 11px; border-bottom: 1px solid #d3d8dc}
.content-box-normalny h2 {
	font-size: 15px;
	color: #243348;
	font-weight: bold;
	padding-bottom: 5px
	line-height: normal!important
}
.content-box-normalny h3 { font-size: 15px; color: #253342; font-weight: normal; padding: 0px; margin: 0px; margin-top: 15px; margin-bottom: 5px}
.content-box-normalny img {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
img.bigref {
padding:0px; margin:0px; margin-bottom: 0px
}
a.out { background: url(../images/icon_out.jpg) no-repeat 0px 4px; padding-left: 20px; margin-top: 5px; display:block}
a.out2 {background: url(../images/icon_out.jpg) no-repeat 0px 4px; padding-left: 20px; margin-top: 0px; display:block}
a:link.out2, a:visited.out2 {font-weight: bolder; font-size: 1.1em;}

.content-box-normalny ul { margin: 0px; padding: 0px;}
.content-box-normalny li { padding: 3px 0px 3px 0px; list-style: none; background:url(../images/clanok-seo-sem/li-clanok.jpg) no-repeat 0px 3px; font-weight: bold; color: #2c529d; padding-left: 20px}
.content-box-normalny p { margin: 0px; padding: 0px; padding-top: 10px}
.content-box-normalny span {
	font-weight: normal;
}
.content-box-normalny a.button {background: url(../images/clanok-seo-sem/a-button-body.jpg) no-repeat top left; padding-left: 25px; color:#FFFFFF; text-transform:uppercase; display:block; float: left; text-decoration: none; margin-top: 10px; height: 26px; font-size: 0px}
.content-box-normalny a.button p { background: url(../images/clanok-seo-sem/a-button-end.jpg) no-repeat top right; height: 26px; padding-right: 10px; padding-top: 5px; top: 5px; position:relative; font-size: 12px; display:inline;}
.content-box-normalny a.button:hover {background: url(../images/clanok-seo-sem/a-button-body-hover.jpg) no-repeat top left}
.content-box-normalny a.button:hover p {background: url(../images/clanok-seo-sem/a-button-end-hover.jpg) no-repeat top right}

#kontakt #kontakt-left{width:256px; float:left;}
#kontakt #kontakt-right{width:355px; float:right;}
#kontakt #kontakt-form{clear:both;width:644px;}
#kontakt #kontakt-form .kontakt-form-top{ height:6px; font-size:0px;background: url(../images/bg-kontakt-form-top.jpg) no-repeat scroll 0px 0px;}
#kontakt #kontakt-form .kontakt-form-body{background: url(../images/bg-kontakt-form-body.jpg) repeat-y scroll 0px 0px;}
#kontakt #kontakt-form .kontakt-form-bottom{ height:11px;background: url(../images/bg-kontakt-form-bottom.jpg) no-repeat scroll 0px 0px;}
#kontakt-formular-holder {padding:0px 0px;}
.inputy input{display:block;}
.inputy label, #form-right label{padding:3px 0px; display:block;}
.inputy input, #form-right textarea{border-left-color:#e2e3ea; border-top-color:#abadb3; border-right-color:#dbdfe6; border-bottom-color:#e3e9ef;}
.checkboxy span{display:block; padding-bottom:5px;}
.checkboxy input{border:none;}
#form-left{float:left; width:230px;}
#form-right{float:right; width:343px;}
#map-bg{background: url(../images/bg-mapa.gif) no-repeat scroll 0px 0px;}
#kontakt h2.underline{border-bottom:1px solid #d3d8dc; color:#7080a3; padding:15px 0px 5px 0px; margin:0px 0px 10px 0px; font-size:12px; }
#kontakt table td{vertical-align:top; padding:2px;}

h3.sluzba {
	font-size: 16px;
	font-weight: bold;
	color: #00236f;line-height: normal!important
}
h3.sluzba a, h3.sluzba a:link, h3.sluzba a:visited {	font-size: 16px;
	font-weight: bold;
	color: #00236f; text-decoration: none}
h3.sluzba a:hover {font-size: 16px;
	font-weight: bold;
	color: #00236f; text-decoration: underline}
	
h2.sluzba {
	font-size: 16px;
	font-weight: bold;
	color: #00236f; line-height: normal!important
}
h2.sluzba a, h2.sluzba a:link, h2.sluzba a:visited {	font-size: 20px;
	font-weight: bold;
	color: #00236f; text-decoration: none}
h2.sluzba a:hover {font-size: 20px;
	font-weight: bold;
	color: #00236f; text-decoration: underline}

li.liback2 { background: url(../images/clanok-seo-sem/li-clanok-triangle.jpg) 0px 6px no-repeat; padding-left: 15px; font-weight: normal}
li.posun { padding-left: 30px; background: url(../images/clanok-seo-sem/li-clanok-triangle.jpg) 15px 6px no-repeat}
/* open form */
#open-form-holder {width: 451px; margin: 0px auto; left: -10px; position:relative}
#open-form-top { height: 8px; background:url(../images/opening-form/open-form-top.png) top left no-repeat; overflow:hidden}
#open-form-body { background:url(../images/opening-form/open-form-body.png) left repeat-y; padding: 5px 24px 5px 19px; width:408px;}
#open-form-bottom { background:url(../images/opening-form/open-form-bottom.png) no-repeat top left; height: 18px;}
#drziak-nadpisu { background: url(../images/opening-form/open-tabs-obalka.jpg) no-repeat 0px 0px; padding-left: 50px; width:358px; }
.form-breaker { background:url(../images/opening-form/open-form-top-slicer.png) no-repeat top center; height: 9px; margin: 5px 0px 5px 0px}
#open-form-body th { font-weight: normal; text-align: right}
#open-form-body td input { width: 170px;}
#open-form-body td.red { color:#FF0000}
#open-form-body textarea { width: 376px; height: 140px; margin-bottom: 10px; margin-right: 14px; margin-left: 10px}
#open-form-body h2 { padding-bottom: 5px; margin-top: 0px; padding-top: 0px}

h2.referencie-nadpis { background:url(../images/referencie-podstranka/bg_referencie-podstranka-top.jpg) no-repeat top left; width:604px; height: 25px; display: block; overflow: hidden; padding-top: 11px; padding-left: 25px; color: #304892; font-weight: bold; margin: 0px; font-size: 13px; margin-bottom: 6px}
.referencie-thumbs {padding-top: 5px;height:72px; position:relative;}
.referencie-thumbs img{width: 80px; height:60px; padding: 3px; float: left; margin: 1px; cursor:pointer; position:absolute;}
.referencie-thumbs a{width: 80px; height:60px; padding: 3px; float: left; margin: 1px; cursor:pointer; position:absolute;}
.referencie-thumbs .relative{position:relative;width: 88px; height:68px; float: left;}
.referencie-thumbs .thumbout{ background: url(../images/ref-thumbs-bg.jpg) no-repeat top;}
.referencie-thumbs .thumbover{background: url(../images/ref-thumbs-bg-hover.jpg) no-repeat top;}
.referencie-thumbs .sel{background: url(../images/ref-thumbs-bg-hover.jpg) no-repeat top;}
.referencie-thumbs input { border: 0px none}

.referencie-posuvnik { margin-top: 5px; padding-bottom: 5px; border: 1px solid #bdbcbd; background:url(../images/ref-slice.jpg) bottom repeat-x; width:385px;}
.referencie-posuvnik input.nobord { border:none; margin: 0px; float:left; margin-top: 10px; width:24px; height:27px;padding:0px;}
.referencie-posuvnik input.plus { margin-right: 2px; float: left}
.referencie-posuvnik p{margin-top: 5px;margin-left:15px;width:350px;}
.referencie-posuvnik .referencie-main-nadpis {padding: 10px 0px 10px 15px;}
.referencie-mainpic-box{width: 350px; height: 130px; background: url(../images/ref-main-pic-bg.jpg) bottom repeat-x; border: 1px solid #d5dbdb; margin: 0px auto}
.referencie-mainpic-box2{
	width:344px;
	padding:5px;
	background: url(../images/ref-main-pic-bg.jpg) top repeat-x #C9D8DD;
	border: 1px solid #d5dbdb;
	float: left;
	margin-right: 5px
}
#bigref-popis {
	width: 255px;
	padding: 5px;
	border: 1px none #CECECE;
	float:left;
	height:122px;
	background-color: #FFFFFF;
}

.referencie-mainpic-box img{width: 338px; height: 118px; padding: 6px 0px 0px 6px; }
.referencie-main-nadpis{padding-bottom: 5px;}

.right-white-box {width: 384px; margin: 0px auto; margin-top: 11px}
.right-white-box-act {margin: 0px auto; margin-top: 11px; border-bottom: 1px solid #D9D9D9}
.right-white-box-text { float:left; height:168px;}
.right-white-box-act input.nobord { border: 0px none; margin: 0px; float:left; margin-top: 50px; padding: 0px}
.referencie-posuvnik input.plus { margin-right: 2px; float: left; padding: 0px}
#individualne_big_box { width:100%}

.styled-table td { border: 0px none; border-bottom: 1px solid #FFFFFF; vertical-align: top}
.styled-table td a, .styled-table td a:link, .styled-table td a:visited {font-weight: bold; color: #00236F; text-decoration: underline; display: block; margin-bottom: 5px}
.styled-table td a:hover {font-weight: bold; color: #00236F; text-decoration: none; display: block; margin-bottom: 5px}
.styled-table td.td1 { background-color: #e1e6ea; text-align:left; border-right: 1px #FFFFFF solid}
.styled-table td.td2 { background-color: #ebeff2; text-align: right; border-right: 1px #FFFFFF solid}
.styled-table td.td3 { background-color: #ebeff2; text-align: right}

.brand-item-holder { border-bottom: 1px solid #dadde8; margin-bottom: 22px; padding-bottom: 22px}
.brand-item-holder h3 { margin-top: 0px; padding-top: 0px; margin-bottom: 5px;}
.brand-image { text-align:center}
.brand-info {float: left; width: 220px; padding-right: 10px;}
.brand-info th {color: #7080a3; font-weight: normal; text-align: left}
.brand-info td {color: #2c529d; font-weight: normal; text-align: left}
.brand-text {float: right; width: 414px; color:#7080a3}

#content-ref-top { padding: 15px; padding-top: 10px; padding-bottom: 5px; border: 1px solid #c7c7c7; background: #efefef url(../images/referencie-podstranka/bg-toppart-referencie-podstranka.jpg) repeat-x top; width: 596px}
#text-holder { width: 235px; float: left; padding-right: 15px; line-height: normal;}
#image-holder { width: 344px; height: 122px; border: 1px solid #c7c7c7; float:right}

#bottom-ref {height:72px; padding:10px 0px 8px 0px; width:626px; border: 1px solid #c7c7c7; margin-top:10px; background: #EEEEEE url(../images/referencie-podstranka/bg-main-bottompart-referencie-podstranka.jpg) repeat-x}

.bordered-fullwidth-image {background: #D5DBDB url(../images/ref-main-pic-bg.jpg) top repeat-x; padding: 5px; width:632px; height:238px; border: 1px solid #D5DBDB; margin-top: 10px}
.bordered-fullwidth-image img {float:none; margin: 0; padding: 0}

/* REFERENCIE */
#referencie-holder{
	margin-top:20px;
}
#referencie{
	width:629px;
	}
#selectnuta_ref{
	/*background-color:#EFEFEF;*/
	background: url('../images/ref-slice.jpg') repeat-x scroll center bottom;
	border:1px solid #C7C7C7;
	padding:10px 15px 5px;
	width:596px;
	height:162px;
}

.sc_menu-holder{
	border:1px solid #C7C7C7;
	padding:0px 15px;
	margin-top:6px;
}

div.sc_menu {
	
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 90px;
  width: 596px;
  /* Add scroll-bars */
  overflow: auto;
  /*background: url('../images/ref-slice.jpg') repeat-x scroll center bottom;*/
  
}
ul.sc_menu {
	display: block;
	/* Max width here, for users without Javascript */
	/*padding: 15px 0 0 15px;*/
	/* Remove default margin */
	margin: 0;
	
	list-style: none;
	height:72px;
	padding:10px 0px 8px 15px;
	width:2500px;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.sc_menu a:hover span {
  display: block;
}
.sc_menu img {
  
  /*border: 3px #fff solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  */
	/*background-color:#CCCCCC;*/
	background: url(../images/ref-thumbs-bg.jpg) no-repeat top;
	
	
	padding:3px;
	/*
	height:60px;
	width:80px;
	*/
}
.sc_menu a:hover img, .sc_menu a.sel img {
	/*filter:alpha(opacity=50);
	opacity: 0.5;*/
	background: url(../images/ref-thumbs-bg-hover.jpg) no-repeat top;	
}