/* GENERAL */
* {
margin:0;
padding:0;
}

body {
background:#fff url(../images/design/body_bg.gif) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:92%;
color:#4F4F4F;
text-align:center;
line-height:150%;
}

a {
color:#5C1722;
}
a:hover {
color:#cd0a29;
}

img {
border:none;
}

ul {
list-style-type:none;
}

table {
font-size:100%;
border-collapse:collapse;
}

th,td {
text-align:left;
}
#main {
width:956px;
text-align:left;
font-size:82%;
margin:0 auto;
}

.fll {
float:left;
display:inline;
}

.flr {
float:right;
display:inline;
}

.right {
text-align:right;
}
.center{
text-align:center;
}

.cl {
clear:both;
display:block !important;
}

.cld {
clear:both;
display:block !important;
text-align: left;
}
h2 {
font-size: 180%;
}

select {
font-family:Arial, Helvetica, sans-serif;
}
#banner-img {
height: 87px;
margin: 0 0 8px 0;
padding: 0;
}
.small {
font-size: 72%;
}
/* HEADER */
#header {
position:relative;
background-color:#000;
height:80px;
padding:0 0 0 20px;
}

#buttons {
position:absolute;
top:10px;
right:12px;
}

#buttons li {
float:left;
padding-left:12px;
}

h1,h1 span {
font-size:200%;
height:52px;
width:203px;
left:20px;
top:15px;
overflow:hidden;
position:absolute;
z-index:1;
}

h1 span {
background:url(../images/design/logo.gif) no-repeat scroll 0 0;
cursor:pointer;
display:block;
left:0;
top:0;
width:203px;
height:52px;
z-index:2;
}

/* TOP MENU */
#menu {
background:#fff url(../images/design/menu_bg.gif) repeat-x;
height: 45px;
}

#menu li {
height:34px;
font-size:120%;
font-weight:700;
display:block;
background:url(../images/design/menu-separator.gif) no-repeat 0 15px;
float:left;
margin:0 auto;
padding:12px 17px 0 17px;
}

#menu li.first {
background:none;
}

#menu li a {
text-decoration:none;
}

#menu li.active {
background:#e3e3e3 url(../images/design/menu-active.gif) repeat-x 0 0;
}
#menu li.active a {
color: #7c2937;
}

/* BANNER*/
#banner {
line-height:0;
clear:both;
margin:0 0 10px;
}


/* LEFT COLUMN */
#left-col {
width:700px;
float:left;
margin:0 10px 0 0;
}

/* CONTENT*/
#content {
background:url(../images/design/content.gif) no-repeat scroll left top;
color:#363636;
line-height:1.5;
padding:10px 20px 20px;
}
#content h2{
padding:10px 0;
}

#content h3 {
font-size:160%;
padding:20px 0 10px 0;
}

#content h4 {
font-size:120%;
padding:10px 0;
}

#content p {
padding: 8px 0 8px 0;
}

#content .fll {
float: left;
width: 70%;
padding: 0;
}
#content .flr {
float: right;
width: 25%;
}
table.tab-content {
margin: 20px 0 20px 0;
width: 650px;
}
.tab-content th {
font-size: 120%;
}

.tab-content th,.tab-content td {
border:1px solid #E5E5E5;
padding: 5px 10px;
}

table.tab-content-short {
margin: 0 0 20px 0;
}
.tab-content-short th,.tab-content-short td {
border:1px solid #E5E5E5;
padding: 5px 10px;
vertical-align: top;
}

table.tab-content-trial {
margin: 0 0 20px 0;
}
.tab-content-trial th {
font-size: 180%;
background: #f29400;
color: #fff;
vertical-align: top;
padding: 5px 10px;
border: 5px solid white;
}

.tab-content-trial td {
font-size: 100%;
background: #eee;
padding: 5px 10px;
margin: 5px;
border: 5px solid white;
}

/* PLANS */
#plans {
background:url(../images/design/plans.gif) 250px 0 no-repeat;
height:270px;
font-size:92%;
margin:0 0 0 -20px;
}

#plans .col {
width:220px;
float:left;
position:relative;
padding:10px 0 20px 20px;
}

.top-plans {
height: 70px;
}

.top-plans img{
margin: 0 10px 0 0;
float: left;
}

.top-plans a{
font-size: 130%;
font-weight: bold;
}

#plans .price {
font-size:240%;
position:absolute;
top:40px;
left:80px;
line-height:120%;
letter-spacing:-1px;
}

#plans table {
width:220px;
margin:0 0 20px 0;
}

#plans td {
font-family:Arial, sans-serif;
word-spacing:-1px;
}


#plans .center {
margin:auto;
position:relative;
overflow:hidden;
clear:both;
}

#plans .center,#plans .center span {
width:142px;
height:20px;
}

#plans .center span {
display:block;
background-repeat:no-repeat;
background-position:top left;
position:absolute;
top:0;
left:0;
cursor:pointer;
}

#plans .dedicated .center span {
background-image:url(../images/design/more-dedicated.gif);
}

#plans .dedicated .price strong {
color:#009CD0;
}

#plans .managed .center span {
background-image:url(../images/design/more-managed.gif);
}

#plans .managed .price strong {
color:#F29400;
}

#plans .housing .price strong {
color:#799C12;
}

#plans .housing .center span {
background-image:url(../images/design/more-housing.gif);
}

#plans .dedicated {
z-index:5;
}

#plans .managed {
z-index:4;
}

#plans .housing {
z-index:3;
}

#plans .center a:hover span {
background-position:0 -20px;
}


/* REFERENCES HOMEPAGE*/
#references {
color:#373737;
background:url(../images/design/references.png) no-repeat 0 0;
height:225px;
font-size:92%;
clear:both;
padding:20px 0 0 20px;
}

#references h2 {
overflow:hidden;
position:relative;
z-index:1;
height:51px;
width:256px;
}

#references h2 span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:256px;
height:51px;
background:url(../images/design/references.gif) 0 0 no-repeat;
}

.col-clients {
text-align:center;
float:left;
width:330px;
padding:10px 0 0;
}

.right-reference {
overflow:hidden;
position:relative;
z-index:1;
width:78px;
height:40px;
margin-left:auto;
padding:10px 40px 0 0;
}

.right-reference span {
display:block;
position:absolute;
left:0;
top:10px;
z-index:1;
width:78px;
height:20px;
background:url(../images/design/interested.gif) 0 0 no-repeat;
cursor:pointer;
margin:0;
}
.right-reference a:hover span {
background-position:0 -20px;
}

/*CONTACT PAGE*/

.tab-kontakt {
margin:20px 0;
}

fieldset {
border: none;
border: 1px solid #e5e5e5;
width: 650px;
}

.tab-kontakt td {
width: 250px;
padding: 4px 0;
}
.tab-kontakt th {
padding: 4px 10px 4px 0;
width: 250px;
text-align: right;
font-size: 120%;
}

.tab-kontakt input {
background:#eee;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
font-size: 14px;
}

.td-input input{
height: 22px;
width: 220px;
}

.tab-kontakt input:focus{
background: #fff;
}
.tab-kontakt select {
width: 150px;
height: 22px;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background:#eee;
}
.tab-kontakt textarea {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
width: 350px;
height: 160px;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background:#eee;
}
.tab-kontakt textarea:focus{
background: #fff;
}
.tab-kontakt select:focus{
background: #fff;
}
.tab-kontakt .objednat-btn{
background:url(../images/design/odeslat_btn.gif) no-repeat;
width: 102px;
height: 28px;
border: none;
cursor: pointer;
}
.tab-kontakt .objednat-btn:focus{
background:url(../images/design/odeslat_btn.gif) no-repeat;
width: 102px;
height: 28px;
border: none;
}

.tab-kontakt .objednat-btn{
background:url(../images/design/odeslat_btn.gif) no-repeat;
width: 102px;
height: 28px;
border: none;
cursor: pointer;
}
.tab-kontakt .objednat-btn:focus{
background:url(../images/design/odeslat_btn.gif) no-repeat;
width: 102px;
height: 28px;
border: none;
}

.tab-kontakt .objednat-trial{
background:url(../images/design/trial_btn.gif) no-repeat;
width: 260px;
height: 28px;
border: none;
cursor: pointer;
}
.tab-kontakt .objednat-trial:focus{
background:url(../images/design/trial_btn.gif) no-repeat;
width: 260px;
height: 28px;
border: none;
}


/*REFERENCE PAGE*/
.tab-reference {
width: 100%;
}

table.tab-reference {
margin: 0 0 20px 0;
}

.tab-reference th{
font-size: 120%;
color: #5c1722;
padding: 20px 0 10px 0;
}

.tab-reference td{
border: 1px solid #e5e5e5;
padding: 10px;
width: 33%;
vertical-align: top;
text-align: middle
}

.tab-reference h4{
color: #5c1722;
padding:0 0 10px;
}

.tab-reference p {
font-size: 92%;
}
.tab-content-small td, .tab-content-small th{
border: 1px solid #e5e5e5;
padding: 5px 10px 5px 10px;
}
.tab-content-small{
font-size: 92%;
}


/*VIRTUALNI PROHLIDKA*/
.virtual-tour {
float: left;
width: 260px;
margin: 0 20px 20px 0;
padding: 10px;
border: 1px solid #e5e5e5;
font-size: 92%;
}

.virtual-tour strong {
font-size: 130%;
color: #5c1722;
}

/* LEFT COLUMN BOXY */
#info-box {
background:#000;
color:#fff;
clear:both;
margin:5px 0 0;
padding:20px 20px 40px;
}

#info-box h2 {
overflow:hidden;
position:relative;
z-index:1;
height:51px;
width:280px;
}

#info-box h2 span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:280px;
height:51px;
background:url(../images/design/kdo-je-datacamp.gif) 0 0 no-repeat;
margin:0;
}

#info-box a {
color:#f29400;
}

#info-box-link {
float:right;
}

#news {
height:160px;
width:700px;
background:url(../images/design/news-bg2.png) no-repeat;
line-height:1.5;
margin:15px 0 10px 0;
padding:0 0 15px;
}

#news h3 {
font-family:Tahoma, 'Lucida Grande CE', lucida, sans-serif;
font-size:150%;
letter-spacing:-1px;
padding: 0 0 10px 0;
}

.col-news-left {
float:left;
width:310px;
padding:10px 10px 0 20px;
}

.col-news-right {
float:left;
width:330px;
padding:10px 0 0 20px;
}

.date {
font-size:92%;
color:#643F28;
background:url(../images/design/news-icon.png) 10px 10px no-repeat;
}

#icons {
float:right;
font-size:92%;
}

#icons img {
vertical-align:middle;
}

/*RIGHT-COL*/
#right-col {
float:right;
width:246px;
margin:0 0 10px;
}

#right-col h3{
padding:20px 0 0 0;
font-size: 150%;
}

#right-col p {
padding:20px 0 0;
}

/*SIDEBOX-MENU*/
ul.sideboxmenu {
font-size:120%;
padding:20px 0 10px 20px;
}

.sideboxmenu li {
font-weight:700;
background-image:url("../images/design/check-yellow.gif");
background-position:0 4px;
background-repeat:no-repeat;
padding-left:20px;
height:25px;
}

.sideboxmenu li.active {
background:#E3E3E3 url(../images/design/menu-active.gif) no-repeat bottom center;
}

/*SEZNAM PODSTRANKY */
ul.listsubpage {
font-size:100%;
padding:0 0 0 10px;
}

.listsubpage li {
background-image:url("../images/design/check-yellow.gif");
background-position:0 4px;
background-repeat:no-repeat;
padding: 0 0 10px 20px;
}

ul.listmapa {
font-size:100%;
padding:0 0 0 10px;
}

.listmapa li {
background:url("../images/design/mapa_list.gif") 0 7px;
background-repeat:no-repeat;
padding: 0 10px 5px 0px;
}

.listmapa li a{
padding: 0 0 0 5px;
}

ul.listmapasub {
font-size:100%;
padding:0 0 0 15px;
}

.listmapasub li {
background:url("../images/design/mapa_listsub.gif") 0 7px;
background-repeat:no-repeat;
padding: 0 10px 5px 0px;
}

/* CONTACT */
#contact {
background-color:#5C1722;
height:215px;
margin:10px 0;
padding: 10px 0;
}

#contact fieldset {
width: 246px;
border: 0px;
text-align: center;
}

#contact input {
font-family:Arial, Helvetica, sans-serif;
font-size:92%;
color:#4f4f4f;
border:none;
height:20px;
width:200px;
margin:10px 0;
padding: 5px;
}

#contact textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:92%;
color:#4F4F4F;
border:none;
height:100px;
width:200px;
margin:10px 0 -15px 0;
padding: 5px;
}

input#email {
width:200px;
margin:20px 20px 0 0;
}

#contact img {
margin: 5px 0 0 0;
}

.button {
text-align: right;
}

.button a {
color:#fff;
font-size:140%;
font-weight:700;
cursor:pointer;
text-decoration:underline;
margin:-10px 0 0 0;
padding:0 20px 0 0;
}

/* TRAFFIC */
#traffic {
margin:0 0 20px;
}

#traffic-box {
border:20px solid #f29400;
}

#traffic p {
line-height:1.5;
padding:10px 10px 0;
}

#traffic p strong {
font-size:120%;
}

#traffic h3 {
overflow:hidden;
position:relative;
z-index:1;
height:50px;
width:240px;
margin: 20px 0 0 0;
}

#traffic h3 span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:240px;
height:50px;
background:url(../images/design/traffic-icon-square.gif) 0 0 no-repeat;
}

/* VIRTUAL */
#virtual .box {
background:#009CD0;
margin:20px 0 0;
padding:20px 0 10px 25px;
}

#virtual .button {
text-align:right;
margin:0;
padding:0;
}

#virtual h2 {
overflow:hidden;
position:relative;
z-index:1;
height:51px;
width:217px;
}

#virtual h2 span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:217px;
height:51px;
background:url(../images/design/virtual.gif) 0 0 no-repeat;
margin:0;
}

/* TERMS MANAGED */
#terms {
background:url(../images/design/terms.gif) no-repeat top left;
padding:20px 10px 20px 20px;
}

#terms h2.conditions, #terms h2.pricelist {
overflow:hidden;
position:relative;
z-index:1;
height:53px;
width:230px;
margin:0 0 20px;
}

#terms h2.conditions span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:53px;
width:230px;
background:url(../images/design/conditions-title.gif) 0 0 no-repeat;
}


#terms h2.pricelist span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:53px;
width:230px;
background:url(../images/design/pricelist-title.gif) 0 0 no-repeat;
}


#terms .col {
width:200px;
float:left;
padding-right:20px;
}

#terms .col h3 {
color:#5C1722;
font-size:180%;
}

#terms .col h3 .small {
font-size:72%;
}

#terms .col ul {
font-size:92%;
margin:1em 0;
}

#terms .col li {
background:url(../images/design/check-yellow.gif) no-repeat center left;
padding-left:25px;
line-height:180%;
}

#terms .links li {
float:left;
margin:30px 30px 20px 0;
cursor: pointer;
}

#terms .fll,#terms .flr {
width:320px;
color:#5C1722;
position:relative;
}

#terms strong {
position:absolute;
top:3em;
}

#terms .fll li,#terms .flr li {
float:right;
background-color:#D4D4D4;
font-size:85%;
font-weight:700;
padding:0.4em 1em 0.2em;
}

#terms .fll li a,#terms .flr li a {
color:#333;
}

#terms .fll li.active,#terms .flr li.active {
background:#F49503 url(../images/design/button.gif) repeat-x;
}

#terms .fll li.active a,#terms .flr li.active a {
color:#fff;
}

#terms .price {
color:#FF0000;
font-size:120%;
font-weight:700;
text-align: left;
padding-left: 80px;
}



#terms table {
width:100%;
margin: 10px 0 0 0;
}

#terms td, #terms th {
padding:8px 10px 6px 10px;
border: 1px solid #e1e1e1;

}

#terms th {
font-size: 180%;
color: #5C1722;
}

#terms td {
text-align: center;
font-size: 120%;
}
#terms .price .small {
color:#363636;
font-size:75%;
font-weight:400;
}



/*TERMS DEDICATED*/

#terms-dedicated {
background:url(../images/design/terms.gif) no-repeat top left;
padding:20px 10px 20px 20px;
}
#terms-dedicated h2.dedicated-pricelist {
overflow:hidden;
position:relative;
z-index:1;
height:49px;
width:122px;
margin:0 0 20px;
}

#terms-dedicated h2.dedicated-pricelist span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:49px;
width:122px;
background:url(../images/design/pricelist-dedicated-title.gif) 0 0 no-repeat;
}
#terms-dedicated h2.dconditions {
overflow:hidden;
position:relative;
z-index:1;
height:55px;
width:232px;
margin:0 0 20px;
}

#terms-dedicated h2.dconditions span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:55px;
width:232px;
background:url(../images/design/dconditions-title.gif) 0 0 no-repeat;
}
#terms-dedicated .col {
width:200px;
float:left;
padding-right:20px;
}

#terms-dedicated .col li {
background:url(../images/design/check-blue.gif) no-repeat center left;
padding-left:25px;
line-height:180%;
}
#terms-dedicated .col h3 {
color:#5c1722;
font-size:180%;
}

#terms-dedicated .col ul {
font-size:92%;
margin:1em 0;
}
#terms-dedicated .fll h3, #terms-dedicated .flr h3 {
font-size:180%;
}

#terms-dedicated .links li {
float:left;
margin:30px 30px 20px 0;
cursor: pointer;
}

#terms-dedicated .fll,#terms-dedicated .flr {
width:320px;
color:#5C1722;
position:relative;
}

#terms-dedicated strong {
position:absolute;
top:3em;
}

#terms-dedicated .fll li,#terms-dedicated.flr li {
float:right;
background-color:#D4D4D4;
font-size:85%;
font-weight:700;
padding:0.4em 1em 0.2em;
}

#terms-dedicated .fll li.active,#terms-dedicated .flr li.active {
background:#F49503 url(../images/design/button.gif) repeat-x;
}

#terms-dedicated .fll li.active a,#terms-dedicated .flr li.active a {
color:#fff;
}

#terms-dedicated .price {
color:#FF0000;
font-size:120%;
font-weight:700;
text-align: left;
padding-left: 80px;
}

#terms-dedicated .price .small {
font-weight:400;
font-size: 75%;
color: #363636;
}

#terms-dedicated table {
width:100%;
margin: 10px 0 0 0;
}

#terms-dedicated td, #terms-dedicated th {
border: 1px solid #e1e1e1;

}

#terms-dedicated th {
padding:8px 10px 6px 10px;
font-size: 180%;
color: #5C1722;
}

#terms-dedicated td {
text-align: center;
font-size: 120%;
padding:8px 10px 6px 10px;
}

/* HOUSING */
#server-housing {
padding: 10px 0 0 0;
}

#server-housing h2.why-housing-title {
overflow:hidden;
position:relative;
height:54px;
width:420px;
margin:0 0 20px;
}

#server-housing h2.why-housing-title span {
display:block;
position:absolute;
left:0;
top:0;
height:54px;
width:420px;
background:url(../images/design/why-housing-title.gif) 0 0 no-repeat;
}
#server-housing .col {
float:left;
padding-right:30px;
font-size: 92%;
}
#server-housing .col li {
background:transparent url(../images/design/check-green.gif) no-repeat scroll left center;
line-height:200%;
}

#server-housing table {
width: 190px;
}
#server-housing td {
height: 22px;
}
#server-housing table img{
margin: 0 10px 0 0;
}

#single-servers{
height: 100%;
padding: 40px 0 0 0;
}
#single-servers h2.single-servers-title {
overflow:hidden;
position:relative;
z-index:1;
height:54px;
width:231px;
}
#single-servers h2.single-servers-title span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:54px;
width:231px;
background:url(../images/design/single-servers-title.gif) 0 0 no-repeat;
}
#single-servers .col {
width:180px;
float:left;
padding-right:20px;
font-size:92%;
}
#single-servers .separator {
width:2px;
height: 180px;
float:left;
padding-left: 20px;
background: url(../images/design/separator.gif) 0 0 no-repeat;
}
#single-servers ul  {
padding: 10px 0 20px 0;
}
#single-servers li {
background:transparent url(../images/design/check-green.gif) no-repeat 0 5px;
padding-left:25px;
line-height: 1.8;
}
#single-servers h3 {
color: #5c1722;
font-size:180%;
padding: 10px 0;
letter-spacing:-1px;
}

#single-servers h3 a{
text-decoration: none;
}

#single-servers h3 a:hover{
text-decoration: underline;
}

#single-servers .price {
font-size:180%;
letter-spacing:-1px;
line-height:120%;
padding: 20px 0 10px 0;
}
#single-servers .price strong {
font-size:120%;
color:#ff0000;
}

#rack-housing{
padding: 40px 0 0 0;
height: 100%;
}
#rack-housing h2.rack-housing-title {
overflow:hidden;
position:relative;
z-index:1;
height:54px;
width:209px;
}
#rack-housing h2.rack-housing-title span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:54px;
width:209px;
background:url(../images/design/rack-housing-title.gif) 0 0 no-repeat;
}
#rack-housing .col {
width:200px;
float:left;
padding-right:10px;
font-size:92%;
}
#rack-housing .col ul  {
padding: 10px 0 20px 0;
}
#rack-housing .col li {
background:transparent url(../images/design/check-green.gif) no-repeat 0 5px;
padding-left:25px;
}
#rack-housing .col-table {
width:280px;
float:left;
padding-right:30px;
font-size:92%;
}

#rack-housing table {
width: 280px;
}
#rack-housing td{
height: 22px;
}

#rack-housing table img{
margin: 0 10px 0 0;
}

#rack-housing h3 {
color: #5c1722;
font-size:160%;
padding: 10px 0;
}

#rack-housing h3 a{
text-decoration: none;
}

#rack-housing h3 a:hover{
text-decoration: underline;
}

table.tab-housing-form {
border: 1px solid red;
color: red;
width: 450px
}

#rack-housing .price {
font-size:180%;
letter-spacing:-1px;
line-height:120%;
padding: 0 0 10px 0;
}
#rack-housing .price strong {
font-size:120%;
color:#ff0000;
}

#rack-housing .separator {
width:2px;
height: 180px;
float:left;
padding-left: 13px;
background: url(../images/design/separator.gif) 0 0 no-repeat;
}


/*HOUSING DETAIL*/
#housing-detail {
background:transparent url(../images/design/content.gif) no-repeat;
padding: 20px;
margin: 0 0 10px 0;
}

#housing-detail h2.u-title, #housing-detail h2.u2-title,#housing-detail h2.u3-title,#housing-detail h2.u4-title   {
overflow:hidden;
position:relative;
z-index:1;
height:54px;
width:287px;
margin:0 0 10px;
}
#housing-detail h2.u-title span,#housing-detail h2.u2-title span,#housing-detail h2.u3-title span,#housing-detail h2.u4-title span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:54px;
width:287px;
background:url(../images/design/1u-title.gif) 0 0 no-repeat;
}

#housing-detail h2.u2-title span {
background:url(../images/design/2u-title.gif) 0 0 no-repeat;
}

#housing-detail h2.u3-title span {
background:url(../images/design/3u-title.gif) 0 0 no-repeat;
}

#housing-detail h2.u4-title span {
background:url(../images/design/4u-title.gif) 0 0 no-repeat;
}

#housing-detail h2.cenik-1u-title, #housing-detail h2.cenik-2u-title, #housing-detail h2.cenik-3u-title,#housing-detail h2.cenik-4u-title  {
overflow:hidden;
position:relative;
z-index:1;
height:54px;
width:287px;
margin:0 0 10px;
}
#housing-detail h2.cenik-1u-title span, #housing-detail h2.cenik-2u-title span, #housing-detail h2.cenik-3u-title span,#housing-detail h2.cenik-4u-title span  {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:54px;
width:287px;
background:url(../images/design/cenik-1-u-title.gif) 0 0 no-repeat;
}
#housing-detail h2.cenik-2u-title span  {
background:url(../images/design/cenik-2-u-title.gif) 0 0 no-repeat;
}

#housing-detail h2.cenik-3u-title span  {
background:url(../images/design/cenik-3-u-title.gif) 0 0 no-repeat;
}

#housing-detail h2.cenik-4u-title span  {
background:url(../images/design/cenik-4-u-title.gif) 0 0 no-repeat;
}

#housing-detail h2.chci-vice {
overflow:hidden;
position:relative;
z-index:1;
height:49px;
width:284px;
margin:0 0 10px;
}
#housing-detail h2.chci-vice span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:49px;
width:284px;
background:url(../images/design/chci-vice-title.gif) 0 0 no-repeat;
}

#housing-detail h2.bonus-housing-title {
overflow:hidden;
position:relative;
z-index:1;
height:54px;
width:285px;
margin:0 0 10px;
}
#housing-detail h2.bonus-housing-title span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:54px;
width:285px;
background:url(../images/design/housing-bonus-title.gif) 0 0 no-repeat;
}

#housing-detail h2.reference-housing-title {
overflow:hidden;
position:relative;
z-index:1;
height:54px;
width:240px;
margin:0 0 10px;
}
#housing-detail h2.reference-housing-title span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:54px;
width:240px;
background:url(../images/design/reference-housing-title.gif) 0 0 no-repeat;
}

#housing-detail h2.kam-dal-housing-title {
overflow:hidden;
position:relative;
z-index:1;
height:54px;
width:327px;
margin:0 0 10px;
}
#housing-detail h2.kam-dal-housing-title span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:54px;
width:237px;
background:url(../images/design/kam-jit-dal-title.gif) 0 0 no-repeat;
}
#housing-detail .separator {
background:transparent url(../images/design/separator.gif) no-repeat scroll 0 0;
float:left;
height:180px;
padding-right:20px;
width:2px;
}

#housing-left {
float: left;
width: 50%;
min-height: 650px;
padding: 0 0 50px 0;
}
#housing-right {
float: right;
width: 47%;
}

#housing-right h3 {
font-size: 160%;
padding: 20px 0 0 0;
color: #5c1722;
}

#housing-right p {
line-height: 1.5;
padding: 10px 0 0 0;
width: 200px;
}

#housing-bonus {
float: left;
width: 50%;
}
#housing-reference {
float: right;
height: 450px;
width: 47%;
background: transparent url(../images/design/config.gif) no-repeat scroll right bottom;
}
#housing-reference table {
width: 100%;
}

#housing-reference td {
padding: 20px 20px 0 0;

}
#housing-reference h4 {
color: #5c1722;
padding: 0 0 10px 0;
font-size: 100%;
}

#housing-detail .col {
width:49%;
float:left;
font-size:92%;
padding: 0 0 20px 0;
}

#housing-left ul  {
padding: 10px 0 20px 0;
}

#housing-left li {
background:transparent url(../images/design/check-green.gif) no-repeat 0 5px;
padding-left:25px;
}

table.tab-server-housing {
width: 430px;
font-size:92%;
margin: 20px 0 0 0;
}

.tab-server-housing th {
color: #5c1722;
font-size: 160%;
padding: 15px 20px 10px 12px;
background:transparent url(../images/design/config-th-bg.gif) repeat-x;
border: 1px solid white
}
.tab-server-housing th strong{
font-size: 72%;
}
.tab-server-housing td {
padding: 0 10px 0 15px;
height: 36px;
background:transparent url(../images/design/config-tab-bg2.gif) repeat-x;
border: 1px solid white
}

#housing-left .tab-config {
color: #5c1722;
font-size: 120%;
font-weight: bold;
background: #fff;
padding: 7px 0 7px 20px;
}

#housing-left .tab-config strong {
color: #ff0000;
}

#housing-left select{
margin: 0 10px 0 0;
font-size: 100%;
}
#housing-left td.price, th.price{
text-align: right;
padding: 0 15px 0 15px;
}
#housing-left th.price{
color: #ff0000;
}

.short-info{
color: #bea2a7;
font-size: 92%;
line-height: 1.2;
padding: 10px 0 0 20px;
}

#housing-action li{
background:transparent url(../images/design/check-green-link.gif) no-repeat 0 5px;
padding-left:25px;
}

.kam-dal-housing  {
height:150px;
margin: 10px 0 20px 0;
}

.kam-dal-housing  h3{
font-size: 160%;
color: #5c1722;
}

.kam-dal-housing li{
background:transparent url(../images/design/check-green-link.gif) no-repeat 0 0;
padding:0 20px 0 25px ;
font-size: 92%;
display: inline;
}
/*RACK HOUSING DETAIL*/
#rack-housing-detail {
background:transparent url(../images/design/content.gif) no-repeat;
padding: 20px;
margin: 0 0 10px 0;
}

#rack-housing-detail .col {
width:48%;
float:left;
font-size:92%;
padding: 0 0 20px 0;
}
#rack-housing-detail .col li {
background:transparent url(../images/design/check-green.gif) no-repeat 0 5px;
padding-left:25px;
}

#rack-housing-detail h2.rack-title-14u{
overflow:hidden;
position:relative;
z-index:1;
height:54px;
width:258px;
margin:0 0 10px;
}
#rack-housing-detail h2.rack-title-14u span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:54px;
width:258px;
background:url(../images/design/rack-housing-1-3.gif) 0 0 no-repeat;
}
#rack-housing-detail h2.rack-title-21u{
overflow:hidden;
position:relative;
z-index:1;
height:54px;
width:265px;
margin:0 0 10px;
}
#rack-housing-detail h2.rack-title-21u span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:54px;
width:265px;
background:url(../images/design/rack-housing-1-2.gif) 0 0 no-repeat;
}

#rack-housing-detail h2.rack-title-42u{
overflow:hidden;
position:relative;
z-index:1;
height:54px;
width:258px;
margin:0 0 10px;
}
#rack-housing-detail h2.rack-title-42u span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:54px;
width:258px;
background:url(../images/design/rack-housing-1.gif) 0 0 no-repeat;
}


#rack-housing-detail h2.bonus-rack-housing-title {
overflow:hidden;
position:relative;
z-index:1;
height:54px;
width:281px;
margin:0 0 10px;
}

#rack-housing-detail h2.bonus-rack-housing-title span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:54px;
width:281px;
background:url(../images/design/rack-housing_bonus-title.gif) 0 0 no-repeat;
}

#rack-housing-left h2.rack-housing-cenik-title {
overflow:hidden;
position:relative;
z-index:1;
height:54px;
width:241px;
margin:0 0 10px;
}

#rack-housing-left h2.rack-housing-cenik-title span{
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:54px;
width:241px;
background:url(../images/design/rack_housing_cenik_title.gif) 0 0 no-repeat;
}


#rack-housing-left {
float: left;
width: 65%;
min-height: 650px;
padding: 0 0 50px 0;
}
#rack-housing-right {
float: right;
width: 33%;
}

table.tab-rack-housing {
width: 550px;
font-size:92%;
margin: 20px 0 0 0;
}

.tab-rack-housing th {
color: #5c1722;
font-size: 160%;
height: 40px;
padding: 0 25px 0 20px;
background:transparent url(../images/design/config-th-bg.gif) repeat-x;
border: 1px solid white
}
.tab-rack-housing th strong{
font-size: 72%;
}
.tab-rack-housing td {
padding: 0px 15px 0px 15px;
height: 30px;
background:transparent url(../images/design/config-tab-bg.gif) repeat-x;
border: 1px solid white;
text-align: center;
}

#rack-housing-left .tab-config {
background:#FFFFFF none repeat scroll 0 0;
color:#5C1722;
font-size:120%;
font-weight:bold;
padding:7px 0 0 0;
text-align: center;
}

#rack-housing-right h3 {
color:#5C1722;
font-size:160%;
padding:20px 0 0;
}

#rack-housing-right p {
line-height:1.5;
padding:0 0 20px 0;
font-size: 92%
}

#rack-housing-bonus {
float: left;
width: 50%;
}

#rack-housing-detail h2.rack-chci-vice {
overflow:hidden;
position:relative;
z-index:1;
height:49px;
width:285px;
margin:0 0 10px;
}
#rack-housing-detail h2.rack-chci-vice span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:49px;
width:285px;
background:url(../images/design/rack-chci-vice-title.gif) 0 0 no-repeat;
}


/* CONFIG */
#config {
background:url(../images/design/config.gif) no-repeat bottom right;
padding:10px 20px 20px;
}

#config h2.we-manage {
overflow:hidden;
position:relative;
z-index:1;
height:54px;
width:480px;
margin:0 0 20px;
}

#config h2.we-manage span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:54px;
width:480px;
background:url(../images/design/we-manage-title.gif) 0 0 no-repeat;
}


#config h2.you-manage {
overflow:hidden;
position:relative;
z-index:1;
height:54px;
width:347px;
margin:0 0 20px;
}

#config h2.you-manage span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:54px;
width:347px;
background:url(../images/design/you-manage-title.gif) 0 0 no-repeat;
}

h2.server-config {
overflow:hidden;
position:relative;
z-index:1;
height:54px;
width:337px;
margin:20px 0;
}
 h2.server-config span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:54px;
width:337px;
background:url(../images/design/server-config-title.gif) 0 0 no-repeat;
}

h2.server-config-title {
overflow:hidden;
position:relative;
z-index:1;
height:54px;
width:401px;
margin:20px 0;
}
 h2.server-config-title span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:54px;
width:401px;
background:url(../images/design/server-config-title2.gif) 0 0 no-repeat;
}


h2.dedicated-config {
overflow:hidden;
position:relative;
z-index:1;
height:53px;
width:404px;
margin:20px 0;
}

h2.dedicated-config span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:53px;
width:404px;
background:url(../images/design/dedicated-config-title.gif) 0 0 no-repeat;
}

#config .col {
width:280px;
float:left;
padding-right:20px;
font-size:92%;
}

#config .col li {
background:url(../images/design/check-yellow.gif) no-repeat center left;
padding-left:25px;
line-height:200%;
}

#config .cold {
width:280px;
float:left;
padding-right:20px;
font-size:92%;
}

#config .cold li {
background:url(../images/design/check-blue.gif) no-repeat center left;
padding-left:25px;
line-height:200%;
}

#config .image {
width:295px;
float:left;
text-align:center;
position:relative;
}

#config a {
font-weight:700;
text-decoration:underline;
}

#config .next {
position:absolute;
top:30%;
right:0;
}

#config .prev {
position:absolute;
top:30%;
left:0;
}

#config .text {
width:575px;
float:right;
font-size:100%;
}
#config h3{
font-size:160%;
color: #5c1722;
padding: 0 0 10px 0;
}

#config .text .price {
font-weight: bold;
font-size:120%;
}

#config .text .price strong{
color: #FF0000;
font-size:140%;
letter-spacing: -1;
}

#config .fll,#config .flr {
width:265px;
padding:1em 0;
}

#config .cl {
color:#F29400;
font-weight:700;
}
#config .cld {
font-size: 92%;
}

/*CONFIG MANAGED */

#config-managed {
background:transparent url(../images/design/content.gif) no-repeat scroll left top;
color:#363636;
line-height:1.5;
padding:10px 20px 0 20px;
}

#config-managed h3 {
color:#5c1722;
font-size: 160%;
padding: 20px 0 10px 0;
}

#config-managed-left {
float: left;
min-height:650px;
width:630px;
padding: 10px 0 0 0;
}

#config-managed-left p {
padding:8px 0;
}

#config-managed-right {
float: right;
min-height:350px;
padding:0 0 50px;
width:270px;
}

#config-managed-right img {
margin: 80px 0 120px 0;
}

table.tab-config {
width: 600px;
font-size: 12px;
}

.tab-config td,.tab-price td,.tab-config th,.tab-price th {
border:1px solid #E5E5E5;
padding:5px 10px;
}


th.nadpisth{
background: transparent url(../images/design/config-th-bg.gif) repeat-x scroll 0 0;
}
td.texttd {
width: 560px;
}

td.pricetd {
width: 40px;
}

table.tab-price {
width: 250px;
}

table.tab-price th {
background: transparent url(../images/design/config-th-bg.gif) repeat-x scroll 0 0;
}


#config-managed h2.server-config {
overflow:hidden;
position:relative;
z-index:1;
height:53px;
width:404px;
margin: 0;
}
#config-managed h2.server-config span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:53px;
width:404px;
background:url(../images/design/server-config-title.gif) 0 0 no-repeat;
}

#config-managed h2.server-config-dedicated {
overflow:hidden;
position:relative;
z-index:1;
height:54px;
width:400px;
margin: 0;
}
#config-managed h2.server-config-dedicated span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
height:54px;
width:400px;
background:url(../images/design/server-config-title-dedicated.gif) 0 0 no-repeat;
}


fieldset#fieldset-config {
width: 580px;
padding: 20px 10px;
}
.tab-kontakt-config td {
padding: 4px 0;
}

.tab-kontakt-config th {
padding: 4px 10px 4px 15px;
width: 60px;
font-size: 120%;
}

.tab-kontakt-config input {
background:#eee;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
font-size: 14px;
}

.td-input-config input{
height: 22px;
width: 180px;
}

.tab-kontakt-config input:focus{
background: #fff;
}
.tab-kontakt-config select {
width: 150px;
height: 22px;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background:#eee;
}

.tab-kontakt-config textarea {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
width: 450px;
height: 120px;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background:#eee;
}
.tab-kontakt-config textarea:focus{
background: #fff;
}
.tab-kontakt-config select:focus{
background: #fff;
}

fieldset#fieldset-config-rack {
width: 530px;
padding: 20px 10px;
}

.tab-kontakt-config-rack td {
padding: 4px 0;
}

.tab-kontakt-config-rack th {
padding: 4px 10px 4px 15px;
width: 60px;
font-size: 120%;
}

.tab-kontakt-config-rack input {
background:#eee;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
font-size: 14px;
}

.td-input-config-rack input{
height: 22px;
width: 160px;
}

.tab-kontakt-config-rack input:focus{
background: #fff;
}
.tab-kontakt-config-rack select {
width: 150px;
height: 22px;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background:#eee;
}

.tab-kontakt-config-rack textarea {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
width: 410px;
height: 120px;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background:#eee;
}
.tab-kontakt-config-rack textarea:focus{
background: #fff;
}
.tab-kontakt-config-rack select:focus{
background: #fff;
}



fieldset#fieldset-sleva {
width: 480px;
padding: 0 10px;
}

.tab-kontakt-sleva td {
width: 120px;
padding: 4px 0;
}

.tab-kontakt-sleva th {
padding: 4px 10px 4px 15px;
font-size: 120%;
}

.tab-kontakt-sleva input {
background:#eee;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
font-size: 14px;
}

.td-input-sleva input{
height: 22px;
width: 140px;
}

.tab-kontakt-sleva input:focus{
background: #fff;
}
.tab-kontakt-sleva select {
width: 140px;
height: 22px;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background:#eee;
}

.tab-kontakt-sleva textarea {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
width: 370px;
height: 90px;
border-top:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background:#eee;
}
.tab-kontakt-sleva textarea:focus{
background: #fff;
}
.tab-kontakt-sleva select:focus{
background: #fff;
}




/*TABS CONFIG*/

.tabs2 {
width: 630px;
}

ul.tabNavigation {
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
font-size: 120%;
text-align: center;
background:url(../images/design/config-sipka.gif) 0 0 no-repeat;
}

ul.tabNavigation li {
display: inline;
}

ul.tabNavigation li a {
float: left;
width: 132px;
height: 30px;
background-color: #e3e3e3;
margin: 0 25px 0 0;
color:#5c1722;
padding: 10px 0 0 0;
}

ul.tabNavigation li a.selected,ul.tabNavigation li a:hover {
background-color: #f29400;
color:#5c1722;
}
		
ul.tabNavigation li a:focus {
outline: 0;
}

div.tabs2 > div {
margin-top: 10px;
}
		
div.tabs2 > div h2 {
margin-top: 0;
}

			
/*DEDICATED SERVER AKCE*/
#dedicated-server-akce {
float: left;
width: 320px;
padding: 20px;
}
#dedicated-server-akce h2 {
overflow:hidden;
position:relative;
z-index:1;
width:152px;
height:24px;
margin:0 0 20px;
}
#dedicated-server-akce h2 span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:152px;
height:24px;
background:url(../images/design/server-v-akci-title.gif) 0 0 no-repeat;
}
#dedicated-server-akce h3 a{
color: #009cd0;
font-size: 130%;
margin: 0 0 10px 0;
text-decoration: none;
}
#dedicated-server-akce h3 a:hover{
color: #f29400;
font-size: 130%;
margin: 0 0 10px 0;
text-decoration: underline;
}

#dedicated-server-akce th {
padding: 0 40px 0 0;
}
#dedicated-server-akce img {
margin: 10px 0 0 0;
}
/*PROC DEDICATED SERVER*/
#proc-dedicated-server {
float: right;
width: 570px;
}
#proc-dedicated-server h3{
color: #009cd0;
font-size: 150%;
padding: 20px 0 20px 20px;
}
.dedicated-seznam{
width: 260px;
float: left;
margin: 0 0 30px 20px;
_margin: 0 0 30px 10px;
}

.dedicated-seznam h4{
color: #5C1722;
font-size: 100%;
margin: 20px 0 5px 0;
}

.dedicated-seznam img{
margin: 0 10px 0 0;
}


#proc-dedicated-server li {
width:250px;
float:left;
background:url(../images/design/check-blue.gif) no-repeat center left;
padding:0 0 0 20px;
line-height: 200%;
}
#dedicated-perex {
background: #009cd0;
color: #fff;
padding: 20px;
}
#dedicated-perex h2 {
overflow:hidden;
position:relative;
z-index:1;
width:245px;
height:24px;
margin:0 0 10px;
}

#dedicated-perex h2 span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:245px;
height:24px;
background:url(../images/design/proc-dedicated-server.gif) 0 0 no-repeat;
}

/*MANAGED SERVER AKCE*/
#managed-server-akce {
float: left;
width: 320px;
padding: 20px;
}
#managed-server-akce h2 {
overflow:hidden;
position:relative;
z-index:1;
width:152px;
height:24px;
margin:0 0 20px;
}
#managed-server-akce h2 span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:152px;
height:24px;
background:url(../images/design/server-v-akci-title.gif) 0 0 no-repeat;
}

#managed-server-akce h3 a{
color: #f29400;
font-size: 130%;
margin: 0 0 10px 0;
text-decoration: none;
}
#managed-server-akce h3 a:hover{
color: #5c1722;
text-decoration: underline;
}

#managed-server-akce th {
padding: 0 40px 0 0;
}
#managed-server-akce img {
margin: 10px 0 0 0;
}

/*PROC MANAGED SERVER*/
#proc-managed-server {
float: right;
width: 570px;
}
#proc-managed-server h3{
color: #5c1722;
font-size: 150%;
padding: 20px 0 20px 20px;
}
.managed-seznam{
width: 260px;
float: left;
margin:0 0 30px 20px;
_margin: 0 0 30px 10px;
}
.managed-seznam h4{
color: #5C1722;
font-size: 100%;
margin: 20px 0 5px 0;
}

.managed-seznam img{
margin: 0 10px 0 0;
}

#proc-managed-server li {
width:250px;
float:left;
background:url(../images/design/check-yellow.gif) no-repeat center left;
padding:0 0 0 20px;
line-height: 200%;
}
#managed-perex {
background: #f29400;
color: #fff;
padding: 20px;
}
#managed-perex h2 {
overflow:hidden;
position:relative;
z-index:1;
width:217px;
height:24px;
margin:0 0 10px;
}

#managed-perex h2 span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:217px;
height:24px;
background:url(../images/design/proc-managed-server.gif) 0 0 no-repeat;
}


/*TYPES-DEDICATED*/
#types-dedicated{
font-size:100%;
}

#types-dedicated h2 {
overflow:hidden;
position:relative;
z-index:1;
width:320px;
height:25px;
margin:10px 0 0 0;
}

#types-dedicated h2 span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:320px;
height:25px;
background:url(../images/design/nabidka-dedicated-title.gif) 0 0 no-repeat;
}

#types-dedicated .fll,#types-dedicated .flr {
position:relative;
width:48%;
padding: 0 0 20px 0;
}
#types-dedicated h3 a{
color:#009CD0;
font-size:130%;
margin:0 0 20px 0;
text-decoration: none;
}

#types-dedicated h3 a:hover{
color:#f29400;
text-decoration: underline;
}

#types-dedicated select {
font-size:100%;
margin: 0 50px 0 0;
width: 105px;
}

#types-dedicated .text {
background:url(../images/design/types.gif) no-repeat scroll left top;
display:none;
height:100%;
padding:20px;
}

#types-dedicated .text.active {
display:block;
}

#types-dedicated th {
padding: 0 40px 0 0;
}
#types-dedicated li.cpu-1 strong {
color:#009CD0;
}
#types-dedicated li.cpu-2 strong {
color:#009CD0;
}
#types-dedicated li.cpu-4 strong {
color:#009CD0;
}

/*TYPES-MANAGED*/
#types-managed{
font-size:100%;
}

#types-managed h2 {
overflow:hidden;
position:relative;
z-index:1;
width:310px;
height:31px;
margin:10px 0 0 0;
}

#types-managed h2 span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:310px;
height:31px;
background:url(../images/design/nabidka-managed-title.gif) 0 0 no-repeat;
}

#types-managed .fll,#types-managed .flr {
position:relative;
width:48%;
padding: 0 0 20px 0;
}
#types-managed h3 {
font-size:150%;
}
#types-managed h3 a {
color:#f29400;
margin:0 0 20px 0;
text-decoration: none;
}

#types-managed h3 a:hover {
color:#5c1722;
text-decoration: underline;
}



#types-managed .text {
background:url(../images/design/types.gif) no-repeat scroll left top;
display:none;
height:100%;
padding:20px;
}

#types-managed .text.active {
display:block;
}

#types-managed th {
padding: 0 40px 0 0;
}

#types-managed li.cpu-1 strong {
color: #f29400;
}
#types-managed li.cpu-2 strong {
color: #f29400;
}
#types-managed li.cpu-4 strong {
color: #f29400;
}

#types-managed select {
font-size:100%;
margin: 0 50px 0 0;
width: 105px;
}

#tabs {
padding-left:10px;
display:block;
width:956px;
}

#tabs span {
display:block;
font-size:160%;
}

#tabs li {
float:left;
}

#tabs a {
width:152px;
height: 49px;
display:block;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
background-repeat:no-repeat;
background-position:10px 10px;
color:#545454;
margin-top:10px;
text-decoration:none;
padding:15px 10px 15px 70px;
}

#tabs a.active {
background-color:#efefef;
background-position:22px 20px;
border-left:1px solid #8B8B8B;
border-top:1px solid #8B8B8B;
bottom:-1px;
padding-left:82px;
padding-top:25px;
position:relative;
margin:0;
}

#types-managed #tabs .cpu-1 a {
background-image:url(../images/design/low_cost_orange.gif);
}
#types-managed #tabs .cpu-2 a {
background-image:url(../images/design/normal_orange.gif);
}
#types-managed #tabs .cpu-4 a {
background-image:url(../images/design/hi-tech_orange.gif);
}
#types-managed #tabs .cpu-all a {
font-size: 150%;
font-weight: bold;
color: #f29400;
padding: 30px 40px 0 40px;
}

#types-managed #tabs .cpu-all a.active {
padding: 30px 40px 10px 40px;
}


#tabs .cpu-1 a {
background-image:url(../images/design/low_cost.gif);
}

#tabs .cpu-2 a {
background-image:url(../images/design/normal.gif);
}
#tabs .cpu-4 a {
background-image:url(../images/design/hi-tech.gif);
}
#tabs .cpu-all a {
font-size: 150%;
font-weight: bold;
color: #009cd0;
padding: 30px 40px 0 40px;
}

#tabs .cpu-all a.active {
padding: 30px 40px 10px 40px;
}


#tabs .cpu-1 {
background:url(../images/design/tab-bg.gif) no-repeat 1px 10px;
}
#tabs .cpu-2 {
background:url(../images/design/tab-bg.gif) no-repeat 1px 10px;
}
#tabs .cpu-4 {
background:url(../images/design/tab-bg.gif) no-repeat 1px 10px;
}
#tabs .cpu-all {
background:url(../images/design/tab-bg.gif) no-repeat 1px 10px;
}



.item {
margin:30px 0 0;
}
.item img{
margin:10px 0 0 0;
}

.img-server {
height: 170px;
}

.right span {
color: #ff0000;
font-size: 180%;
letter-spacing: -1px;
}

.separator{
background: url(../images/design/separator.gif) no-repeat scroll 0 0;
float:left;
height:180px;
padding:0;
width:2px;
}

.separator-small{
background: url(../images/design/separator.gif) no-repeat scroll 0 0;
float:left;
height:120px;
padding:0 40px 0 0;
width:2px;
}

.separator-horizont {
background: url(../images/design/separator-horizont.gif) no-repeat scroll 0 0;
height:4px;
width:100%;
}


/* FOOT*/
#foot {
background:url(../images/design/links.png) 0 0 no-repeat;
font-size:100%;
line-height:180%;
height:330px;
clear:both;
}

#foot-loga li {
display:block;
float:left;
padding:20px 20px 10px;
}

#foot-links {
clear:both;
padding:0 0 0 20px;
}

#foot-links ul {
float:left;
padding:0 38px 0 0;
}

#footer {
font-size:92%;
color:#bea2a7;
line-height:150%;
clear:both;
padding:0 0 20px 20px;
}

#footer a {
color:#BEA2A7;
}

.h,#contact label {
display:none;
}


#lang,.bubbleInfo {
position:relative;
}

#menu li a:hover,#foot-links a:hover {
text-decoration:underline;
}


.popup {
position:absolute;
display:none;
background:url(../images/design/popup-bg.png) no-repeat 0 0;
width:210px;
height:100px;
line-height:1.5;
padding: 10px 10px 0 20px;
font-size: 11px;
font-weight: normal;
}

/*TWITTER*/

#twitter_div {
width: 510px;
height: 191px;
margin:15px 0 0 15px;
padding: 15px 10px 10px 75px;
background:url(../images/design/twitter_bg.png) no-repeat 0 0;
}
#twitter_div h3 {
font-family:Tahoma,'Lucida Grande CE',lucida,sans-serif;
font-size:150%;
letter-spacing:-1px;
color:#5C1722;
}

#twitter_update_list{
width: 100%;
font-size: 92%;
}


#twitter_update_list li{
padding: 10px 0 0 0;
line-height: 1.5;
}


/*MANAGAMENT*/
.management {
float: left;
width:330px;
margin: 0 0 20px 0;
}

table.tab-management {
margin: 20px 0 20px 0;
width: 320px
}

.tab-management th,.tab-management td {
border:1px solid #E5E5E5;
padding: 10px;
}


/*JQuery tabs*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}


#rotate {
width: 420px;
margin: 40px 0 0 0;
}

#rotate h3 {
font-size: 160%;
color: #5c1722;
margin: 10px 0 10px 0;
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 11px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background:url(../images/design/tab.png) no-repeat 0 0;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #5c1722;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #414141;
}
.ui-tabs-nav a span {
    width: 80px; /* IE 6 treats width as min-width */
    min-width: 80px;
    height: 24px; /* IE 6 treats height as min-height */
    min-height: 24px;
    padding-top: 18px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #8b8b8b;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


.polozka {
display: none;
border: 1px solid #e5e5e5;
padding: 20px;
margin: 0 0 20px 0;
background:#f1f1f1;
height: 100px;
}

#slickbox{
background:#eee;
border: 1px solid #e5e5e5;
padding: 20px;
margin: 0 0 20px 0;
height: 105px;
}
#slickbox2{
border: 1px solid #e5e5e5;
padding: 20px;
margin: 0 0 20px 0;
}

#slickbox2 td{
text-align: left;
border: none;
}
#slickbox2 th{
font-size: 120%;
border: none;
color: #363636;
}