/************************************************************************************
   SIMPLE (FAST) CLASS 
*************************************************************************************/
.l { display: inline; float: left; }
.r { display: inline; float: right; }
.col-h-l {float: left; display: inline; width: 48%;}
.col-h-r {float: right; display: inline; width: 48%;}
ul.col-h-l, ul.col-h-r{display:block;}
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.out { position: absolute; left: -5000px; top: -5000px; }
.bold { font-weight: bold; }
.thin { font-weight: normal; }
.small { font-size: 92%;}
.big {font-size:117%}
.center { text-align:center; }
.left { text-align: left; }
.right { text-align: right; }
.vcenter {vertical-align:middle;}
.break {height: 1px; font-size: 1px; line-height:1px; clear: both; overflow:hidden; visibility: hidden; display:block; margin:0 !important; padding:0 !important; width:100%; }
.clearfix { zoom: 1; } 
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.hidden { display: none; }
.sprite { position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; }
a .sprite { cursor:pointer; }
.reset { border:none; margin:0; padding:0; background:none; font-size:100%; line-height:1}
ul.reset{list-style:none;}
.reset td, .reset th { border:none; background:none; padding:0; font-size:100%; line-height:1}
.reset li { margin:0; padding:0; background:none; font-size:100%; line-height:1}
.nobr { white-space:nowrap; }
.pre { white-space:pre; }
.error { color: #ff0000; }

/************************************************************************************
   RESETS and TYPOGRAPHY
*************************************************************************************/
html { margin:0; padding:0; }
body { font-size: 75%; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }

div, pre { margin: 0; padding: 0; } 

/* HEADING */
h1, h2, h3, h4, h5, h6 { font-family:arial, helvetica, sans-serif; padding:0; color:#172983; line-height:1.3; }
h1, #title { font-size:200%; font-weight:bold; margin:.5em 0px .4em; line-height:1.1; text-transform:uppercase; }
h2 { margin:1.5em 0 0.2em; font-size:150%; font-weight:bold;}
h3 { margin:1.8em 0 0.3em; font-size:133%; font-weight:bold;}
h4 { margin:1.6em 0 0.4em; font-size: 117%; font-weight:bold; color:#4b5b77; }
h5, h6 { margin:1.8em 0 0.5em; font-size:100%; font-weight:bold;}

/* PARAGRAPH */
p{ line-height:18px; margin:0.4em 0 1em; font-size:100%; padding:0; }
hr{ font-size:1px; height:1px; line-height:1px; overflow:hidden; background:#eeeeee; color:#eeeeee; border:none; margin:25px -4px 20px; *margin:10px -4px; }

/* CITE */
blockquote { margin:.8em 0 1.4em; padding:0 25px; font-style:italic; color:#666; font-family:Arial, Helvetica, sans-serif;}
cite { font-style:italic; color:#666; font-family:Arial, Helvetica, sans-serif; }

/* ANCHOR RULES */
a { color:#0085ca; outline: none; }
a:visited { color:#8db8ce; }
a:hover, a:focus { color: #0416a4; }
:focus{ -moz-outline-style: none; }

/* LIST */
ul { margin:0.5em 0 1.4em 0em; padding:0; list-style: none; }
li { line-height:16px; margin:0.2em 0; padding: 2px 0 2px 29px; background:url('../../img/default/ico/li.png') 3px 4px no-repeat; font-size:108%;}
ol { margin:0.5em 0 1.4em 2.5em; *margin:0.5em 0 1.4em 2.8em; padding:0; }
ol li { padding: 2px 0 2px 0px; background:none; }
.content ul li { overflow:hidden; zoom:1; }
dl, dt, dd { margin: 0; padding: 0; } 

/* TABLE */
table{width:100%; clear:both; padding:0; margin:20px 0; background:white; empty-cells:show; border-collapse: collapse; border:none; }
caption{font-size:117%; font-weight:bold;  color:#d9261c; text-align:left; border:1px solid #fff; padding:7px 10px; background:#eeeeee; }
td, th{background:#f6f9fa; padding:6px 8px; margin:0; line-height:1.45; vertical-align:top; color:#555; font-size:100%; border:none; border:1px solid #d7e7ef; }
th{ font-weight:bold;  background:#0416a4 url('../../img/default/bg/repeat-x.png') 0 -750px repeat-x; color:#fff; border-color:#1567cd;}
tbody  { border-top:2px solid #d7e7ef; }
.highlight td, .highlight th{color:#000;}

/* IMAGE */
img{border:0px;}
img.left{ border:none; margin: 4px 20px 10px 0; float:left; display:inline;}
img.right{ border:none; margin: 4px 0px 10px 20px; float:right;  display:inline;}

/* FORM */
form, fieldset{margin:0; padding:0; border:none;}
input, select, label{vertical-align:middle; }
.int-text{font-size:100%; font-family:Arial, sans-serif; padding:4px 6px 4px; color:#333; border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;;}
select.int-text { padding:3px 2px 3px 4px; }
.w-full{width:100%;}
.int-fix{margin:0 7px; display:block;}
.int-fix .w-full{margin:0 -7px;}

/* SPECIAL */
.color{color:#d9261c;}

.arr li{background:url('../../img/default/bg/li.png') 4px 5px no-repeat; padding: 2px 0 2px 23px;}

/* REFERENCE */
.reference_item {
    width:684px;
    margin:25px 0 35px 0;
}

.reference_item h3{
    margin:0 0 40px 0;
    font-size: 14px;
    color: #2072E6;
}

.reference_item p{
    font-weight: bold;
}

.reference_item img{
    padding:0;
    border:0;
    background:none;
}

.reference_item .big_image{
    width:500px;
    height:332px;
    background-repeat: no-repeat;
    background-position:center top;
}

.reference_item .reference_in{
    background:url('../../img/default/reference_item_bg.gif') #E6EEF7 no-repeat right top;
    position: relative;
    height:332px;
    width:684px;
}
.reference_in .stripViewer {
    position: absolute; 
    right:3px;
    top:39px;
    overflow: hidden;
}

.reference_in .stripViewer ul { /* this is your UL of images */
    margin: 0;
    padding: 0;
    position: relative;
    left: 0;
    top: 0;
    width: 1%;
    list-style-type: none;
}

.reference_in .stripViewer ul li {
    display: block;
    clear: left;
    float: left;
    width:128px;
    height:84px;
    margin:0 0 1px 0;
    overflow: hidden;
}

reference_in .stripViewer ul li img {
    border:none;
    padding:0;
    margin:0;
}

/*preload classes*/
.svw {width: 128px; height: 254px; background: #fff; position: absolute; right:3px; top:39px;} 
.svw ul {position: relative; top: -999em;}

.reference_in .first {
    color: #02468A;
    font-size: 12px;
    text-decoration: none;
    position: absolute;
    left:553px;
    top:3px;
    line-height:14px;
}

.reference_in .prev {
    color: #02468A;
    font-size: 12px;
    text-decoration: none;
    position: absolute;
    left:553px;
    top:21px;
    line-height:14px;
}

.reference_in .last {
    color: #02468A;
    font-size: 12px;
    text-decoration: none;
    position: absolute;
    left:553px;
    top:314px;
    line-height:14px;
}

.reference_in .next {
    color: #02468A;
    font-size: 12px;
    text-decoration: none;
    position: absolute;
    left:553px;
    top:296px;
    line-height:14px;
}

.reference_in .next *, .reference_in .last *, .reference_in .prev *, .reference_in .first * {
    vertical-align: top;
}

/* Objednavka */
 #demand_form #demand_form_personal {
    border:none;
    width:295px;
    float: left;
}

 #demand_form #demand_form_personal label{
    display: block;
    width:294px;
    clear: both;
    font-size: 12px;
    color: #717579;
    padding:1px 0;
}

 #demand_form #demand_form_personal label span{
    font-size: 12px;
    color: #717579;
    display: block;
    width:92px;
    float: left;
    font-weight: bold;
    text-align: right;
}

 #demand_form #demand_form_personal label input{
    float: right;
    width:185px;
    padding:1px;
}

 #demand_form_work {
    border:none;
    width:300px;
    color: #717579;
    float: left;
    margin:0 0 0 52px;
}

 #demand_form_work td{
    padding:0 0 20px 0;
}

 #demand_form_work th{
    vertical-align: top;
    padding:0 15px 0 0;
}

 #demand_form_work td *{
    vertical-align: middle;
}

 .demand_form_product  {
    border:none;
}

 .demand_form_product.n2  {
    width:369px;
    float: left;
}

 .demand_form_product.n3  {
    width:369px;
    float: right;
}

 .demand_form_product h2 {
    font-size: 14px;
    color: #185ABF;
}

 .demand_form_product table  {
    border-collapse:collapse;
    float: left;
}

 .demand_form_product th  {
    vertical-align: bottom;
    text-align: left;
    padding:0 0 0 5px;
}

 .demand_form_product th.no  {
    padding:0;
}

 .demand_form_product th span  {
    background-color: #E6EEF7;
    margin:0;
    padding:8px 0 0 0;
    display: block;
}

 .demand_form_product th img  {
    vertical-align: bottom;
    padding:0;
    border:none;
    background:none;
}

 .demand_form_product td   {
    text-align: center;
}

 .demand_form_product input {
    width:45px;
    border:1px solid #ABADB3;
    margin:0 0 0 5px;
    padding: 1px 0;
}

 .demand_form_product select {
    margin:0 0 0 5px;
    vertical-align: top;
    font-size: 13px;
}

 .demand_form_product input.check {
    width:13px;
    margin:0;
    vertical-align: middle;
    border:none;
}

 .demand_form_product_selector.nu {
    margin:36px 0 0 0;
    position: relative;
    height:241px;
    background-color: #E6EEF7;
    border: 1px black solid;
    overflow: hidden;
    
}

 .demand_form_product_selector.nu1 {
    float: right;
    margin:36px 0 0 0;
    position: relative;
    height:241px;
    background-color: #E6EEF7;
    border: 1px black solid;
    overflow: hidden;
    
}

 .demand_form_product_selector.nu2 {
    margin:10px 0 0 0;
    clear: both;
    position: relative;
    height:334px;
    background-color: #E6EEF7;
    border: 1px black solid;
    overflow: hidden;
}

 .demand_form_product_selector img {
    border:none;
    background:none;
    padding:0;
}

 .demand_form_product_selector span.selector_text0 {
    font-size: 12px;
    position: absolute;
    top:5px;
    left:41px;
    color: #000001;
}

.demand_form_product_selector span.selector_text1 {
	font-size: 12px;
    position: absolute;
    top:5px;
    left:411px;
    color: #000001;
}

 .demand_form_product_selector span.selector_text0 span, .demand_form_product_selector span.selector_text1 span {
    color: #000001;
}

 .demand_form_product_selector .selector_text0 strong, .demand_form_product_selector .selector_text1 strong {
    color: #FF5900;
}

 .demand_form_product_selector  .first {
    position: absolute;
    left:1px;
    top:4px;
}

 .demand_form_product_selector  .prev {
    position: absolute;
    left:19px;
    top:4px;
}

 .demand_form_product_selector  .last {
    position: absolute;
    right: 1px;
    top:4px;
}

 .demand_form_product_selector  .next {
    position: absolute;
    right:19px;
    top:4px;
}

/*preload classes*/
 .svw {width: 368px; height: 310px; background: #fff; position: absolute;left:0;  top:31px;} 
.svw ul {position: relative; left: -999em;} 

.demand_form_product_selector .stripViewer {
    position: absolute;
    left:0;
    top:31px;
    overflow: hidden;
}

 .demand_form_product_selector .stripViewer ul { /* this is your UL of images */
    margin: 0;
    padding: 0;
    position: relative;
    left: 0;
    top: 0;
    list-style-type: none;
}

 .stripViewer ul li {
    height:210px;
    width:368px;
    margin:0;
    float: left;
    overflow: visible;
}

 .stripViewer ul li img {
    margin:0;
    border:none;
    padding:0;
}

/* Dalsi */
.center {
	margin: 0 auto 0 auto;
}
