* {
margin: 0;
padding: 0;
}

body,html {
/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
text-align: center;
color: white;
}

body {
font-family:"Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
background: #006699 url(./images/bg.gif) repeat-x top left;
font-size: 75%;
}

.end {
    clear: both;
}

a {
    color:#779DDB;
    font-weight:bold;
}

a:hover {
    text-decoration: none;
}

a img {
    border: none;
}

/*HLAVNI BLOK*/

div#main {
width: 982px; 
text-align: left;
margin: 0 auto;	
}

div#conteiner {
padding: 50px 0 0 0;
}


/*HLAVICKA*/

div#header {
width: 1000px;
height: 139px;
margin: 0 auto;
background: url(./images/header.jpg) no-repeat top right;
position: relative; 
}

div#header p.nation {
float: right;
display: inline;
margin: 5px 78px 0 0;
}

div#header p.nation img {
border: 1px solid white;
margin-left: 3px;
}

div#header p.flash-text {
    position: absolute;
    right: 30px;
    top: 48px
}


/*UVODNI STRANKA - OBR*/
div#conteiner div.boxpic div.boxcontent1, div.boxcontent2, div.boxcontent3, div.boxcontent4, div.boxcontent5,
div.boxcontent5_2, div.boxcontent6, div.boxcontent6_2 {
float: left;
width: 446px;
}

div#conteiner div.boxpic {
margin: 0 31px 0px 31px;
}

div#conteiner div.pic {
position: relative;
width: 446px;
height: 131px;
background: #183568;
margin: 0 0 27px 0;
}

.bgr {
position: absolute;
left: 20px;
}

.sign {
position: absolute;
left: 400px;
top: -54px;
width: 65px;
height: 65px;
}

div#conteiner div.boxpic h2 {
text-align: center;
background: #122c5a;
line-height: 34px;
width: 286px;
margin: 14px 0 7px 160px;
font-size: 135%;
}  

div#content div.boxpic h2 a {
margin: 0 30px 0 0;
color: white;
text-decoration: none;
}

div#content div.boxpic h2 a:hover {
text-decoration: underline;
}

div#conteiner div.pic ul {
padding: 12px 0 0 240px;
}

div#conteiner div.pic ul li {
margin: 8px 0;
}


div#conteiner div.boxcontent1, div#conteiner div.boxcontent3, div#conteiner div.boxcontent5,
div#conteiner div.boxcontent5_2, div#conteiner div.boxcontent7, div#conteiner div.boxcontent7_2 {
margin-right: 28px
} 

div#conteiner div.boxcontent7, div#conteiner div.boxcontent7_2 {
float: right;
margin-right: 0;
} 


/*DEFINICE OBRAZKU*/

div.boxcontent1 div.pic div.bgr {
top: -26px;
width: 140px;
height: 142px;
background: url(./images/product2/train.jpg) #183568 no-repeat bottom left;
}

div.boxcontent2 div.pic div.bgr {
top: -26px;
width: 125px;
height: 152px;
background: url(./images/product2/petrochem.jpg) #183568 no-repeat bottom left;
}

div.boxcontent3 div.pic div.bgr {
top: -12px;
width: 138px;
height: 137px;
background: url(./images/product2/telecom.jpg) #183568 no-repeat bottom left;
}

div.boxcontent4 div.pic div.bgr {
top: 10px;
width: 123px;
height: 121px;
background: url(./images/product2/electro_sp.jpg) #183568 no-repeat bottom left;
}

div.boxcontent5 div.pic div.bgr {
top: -8px;
left: 13px;
width: 147px;
height: 139px;
background: url(./images/product2/electro_2.jpg) #183568 no-repeat bottom left;
}

div.boxcontent5_2 div.pic div.bgr {
top: -11px;
width: 121px;
height: 140px;
background: url(./images/product2/electro2.jpg) #183568 no-repeat bottom left;
}

div.boxcontent6_2 div.pic div.bgr {
top: -8px;
left: 13px;
width: 147px;
height: 139px;
background: url(./images/product2/electro2_2.jpg) #183568 no-repeat bottom left; 
}


div.boxcontent6 div.pic div.bgr, div.background-electro-machine div.pic div.bgr {
top: -11px;
width: 121px;
height: 140px;
background: url(./images/product2/electro.jpg) #183568 no-repeat bottom left;
}

div.boxcontent7_2 div.pic div.bgr {
top: -7px;
width: 91px;
height: 138px;
background: url(./images/product2/machine2.jpg) #183568 no-repeat bottom left;
}

div.boxcontent7 div.pic div.bgr {
top: -7px;
width: 91px;
height: 138px;
background: url(./images/product2/machine.jpg) #183568 no-repeat bottom left;
}

/*DEFINICE PIKTOGRAMU*/

div.boxcontent1 div.pic div.sign {
background: url(./images/product2/sign-train.png) no-repeat bottom left;
}

div.boxcontent2 div.pic div.sign {
background: url(./images/product2/sign-petro.png) no-repeat bottom left;
}

div.boxcontent3 div.pic div.sign {
background: url(./images/product2/sign-telecom.png) no-repeat bottom left;
}

div.boxcontent4 div.pic div.sign {
background: url(./images/product2/sign-electro_sp.png) no-repeat bottom left;
}

div.boxcontent5 div.pic div.sign, div.boxcontent6_2 div.pic div.sign {
background: url(./images/product2/sign-electro.png) no-repeat bottom left;
}

div.boxcontent6 div.pic div.sign, div.boxcontent5_2 div.pic div.sign, div.background-electro-machine div.pic div.sign {
background: url(./images/product2/sign-electro_2.png) no-repeat bottom left;
}

div.boxcontent7 div.pic div.sign, div.boxcontent7_2 div.pic div.sign {
background: url(./images/product2/sign-machine.png) no-repeat bottom left;
}


div.background-news div.pic div.sign {
background: url(./images/product2/sign-news.png) no-repeat bottom left;
}


/*LOGO*/

h1#logo {
position: relative;
float: left;
display: inline;
margin: 20px 0 0 72px;
overflow: hidden;
font-size: 165%; /*(20/12*100)*/
}

h1#logo, h1#logo span {
width: 225px;
height: 82px;
}

h1#logo span {
display: block;
position: absolute;
left: 0;
top: 0;
background: url(./images/logo.png) no-repeat top left;
}


/*PATICKA*/

div#footer {
height: 35px;
margin: 25px 10px 0 10px;
border: 1px solid #3399cc;
border-width: 1px 0 0 0;
text-align: right;
color: #3399cc;
}

div#footer p {
padding: 6px 0 0 0;
}

div#footer a {
    color: #779DDB;
    font-weight: normal;
}

div#footer a:hover {
    text-decoration: none;
}

/*CISTIC*/

.cleaner {
clear: both;
height: 0;
content: ' ';
overflow: hidden;
}

.cleaner hr {
display: none;
}


/*MENU*/
div#menu {
width: 896px;
margin: -26px auto 0 auto;
text-align: center;
font-size: 14px;
}

#nav {
position: relative;
padding: 0;
width: 896px;
height: 28px;
margin: 0 auto;
}

#nav li.on ul, #nav li.off ul {
margin: 0;
padding: 0;
}

#nav a {
text-decoration: none;
}
	
#nav li {
margin: 0;
float: left;
display: block;
margin-right: 5px;
background: url(./images/menu_butt.gif) no-repeat top left;
}
	
#nav li.on {
background: url(./images/menu_butt.gif) no-repeat top right;
}

#nav li ul {
display: none;
}

#nav li.off ul, #nav li.on ul {
position: absolute;
top: 28px; 
left: 5px;
background: #5678b0;
height: 22px;
line-height: 22px;
width: 896px;
}

#nav li a {
color: #336699;
font-weight: bold;
display: block;
height: 28px;
line-height: 28px;
width: 123px;
text-align: center;
}

#nav li.on a {
color: white;
}

#nav li.on ul a, #nav li.off ul a {
float: left; 
border: 0;
color: white;
display: inline;
width: auto;
margin-right: 35px;
line-height: 22px;
height: 22px;
font-size: 11px;
}

#nav li.on ul {
display: block;
}

#nav li.off:hover ul {
display: block;
z-index: 6000;
}

#nav li.off a:hover, #nav li:hover a {
background: url(./images/menu_butt.gif) no-repeat top right;
color: white;
}

#nav li.off:hover ul, #nav li.over ul { 
display: block;
z-index: 6000;
}

#nav li.off a:hover,
#nav li:hover a,
#nav li.over a {
color: white;
background: url(./images/menu_butt.gif) no-repeat top right;
}

#nav li.off a:hover, #nav li.on a:hover {
font-weight: bold;
}

#nav li.off ul li a, #nav li.on ul li a {
background: none;
}

#nav li ul li a.stu:hover {
font-weight: normal;
background: #5678b0;
color: white;
text-decoration: underline;
}

#nav li.on ul a.bold {
font-weight: bold;
}

#nav li.on ul li, #nav li ul li {
background: none;
}

#nav li ul li a.stu {
font-weight: normal;
}


/*OBECNE STYLY*/
.noscreen {
display: none;
}

.white {
color: #ffffff;
}

.bold {
font-weight: bold;
}

.title {
color: #ffffff;
text-decoration: none;
}

.title:hover {
text-decoration: underline;
}

/*PODSTRANKY*/
div.text {
float: left;
width: 373px;
text-align: justify;
position: relative;
}


div.text ul {
list-style-type: square;
margin: 10px 0 20px 0px;
}

div.text ul li {
margin: 5px 0 0 15px;
padding: 0 0 0 0px;
}


div.text img {
position: absolute;
top: -22px;
left: -65px
}

div.text h3 {
margin: 28px 0 7px 0;
font-size: 120%;
text-align: left;
}

div.text h2 {
font-size: 160%;
}

div.photo {
float: left;
width: 429px;
margin: 10px 0 0 64px;/*39*/
}

div.picture {
float: left;
background: #0e3b62;
}

.rmarg {
margin: 0 25px 25px 0;
}

div.picture img {
position: relative;
bottom: 5px;
right: 8px;
border: 1px solid white;
}

div.align {
width: 866px; /*836*/
margin: 0 auto;
}

div.center {
text-align: center;
}

/*CERTIFIKATY*/
p.cert {
margin: 15px 0 0 0;
}

/*REFERENCE*/
div.mapa {
float: right;
width: 354px;
margin: 10px 0 0 64px;/*39*/
}

div.align div.center div.text ul.reference li h3 {
text-align: left;
}



/*KONTAKTY*/
div.kontakty {
float: left;
width: 455px;
height: 129px;
display: inline;
margin: 0 0 8px 2px;
text-align: left;
background: #183568 url(./images/ico-kontakty.gif) no-repeat 30px center; 
}

div.map {
    float: right;
    width: 395px;
    background-color: #183568;
    text-align: left;
    height: 129px;
}

div.map-info {
    float: left;
    width: 80px;
    margin-top: 50px;
    margin-left: 40px;
    font-size: 14px;
}

div.map-image {
    float: right;
    margin-top: 15px;
    margin-right: 40px;
}

div.atm {
background: #183568 url(./images/ico-atm.gif) no-repeat 30px center; 
}

/*div.kontakty-atm {
float: left;
width: 455px;
height: 129px;
display: inline;
margin: 0 0 8px 2px;
text-align: left;
background: #183568 url(./images/ico-atm.gif) no-repeat 30px center; 
}*/

div.kontakty-vae {
float: left;
width: 455px;
height: 129px;
display: inline;
margin: 0 0 8px 2px;
text-align: left;
background: #183568 url(./images/vae.gif) no-repeat 30px center; 
}


div.kontakty ul {
list-style: none;
padding: 38px 0 0 143px;
font-size: 135%;
}

div.atm ul {
list-style: none;
padding: 20px 0 0 170px;
font-size: 135%;
}

div.kontakty-vae ul {
list-style: none;
padding: 16px 0 0 190px;
font-size: 135%;
}

table.contact-table {
width: 100%;
font-size: 135%;
text-align: left;
clear: both;
}

table.contact-table tr {
padding: 4px;
background: #183568;
}

table.contact-table tr td {
padding: 10px;
vertical-align: top;
}

td.name {
width: 150px;
font-weight: bold;
}

td.tel {
width: 200px;
}

td a {
color: #779ddb;
text-decoration: none;	
font-weight: bold;
}

div.kontakty ul.uk {
padding: 15px 0 0 143px;
}

td.nameuk {
font-weight: bold;
width: 60px;
}

/*PRODUKTY*/
div.produkty {
padding: 20px;
margin: 0 0 25px 0;
text-align: left;
background: #183568;
}

div.produkty a {
color: #ffffff;
text-decoration: none;
}

div.produkty a:hover {
text-decoration: underline;
}

div.produkty h3 {
font-size: 140%;
margin: 0 0 10px 0;
color: #779ddb;
}

div.produkty .pr-content {
float: left;
width: 587px;
}

div.produkty .image {
float: right;
width: 198px;
}

div.produkty .image p {
margin: 0 0 5px 0;
}

.image img {
border: 1px solid #ffffff;
}

div.produkty ul {
margin: 10px 0 0 0;
padding: 10px 0 0 0;
list-style: none;
border: 1px solid #779ddb;
border-width: 1px 0 0 0;
}

div.produkty ul li {
padding: 5px 0 5px 20px;
background: url(./images/pdf.gif) no-repeat center left; 
}

/*PRIVATNI*/
table.login {
width: 150px;
margin: 0 auto;
font-size: 100%;
text-align: left;
color: #779ddb;
}

table.login tr td input {
width: 100%;
}

table.login tr {
background: none;
}

table.login tr td {
margin: 0;
padding: 0 0 5px 0;
vertical-align: middle;
}

table.login td.right {
text-align: right;
}



/*-------------------   Sutov styl - produkty   ---------------------------*/


h2.product-type {
    background-color: #183568;
    padding: 10px 25px;
    position: relative;
}

span.header-image {
    background-repeat: no-repeat;
    background-position: right center;
    height: 65px;
    width: 65px;
    display: block;
    position: absolute;
    right: 10px;
    top: -15px;
}

span.header-logo-mines {
    background: url(./images/product2/sign-train.png);
}

span.header-logo-chemical {
    background: url(./images/product2/sign-petro.png);
}

span.header-logo-telecommunications {
    background: url(./images/product2/sign-telecom.png);
}

span.header-logo-electronics {
    background: url(./images/product2/sign-electro_sp.png);
}

span.header-logo-news {
    background: url(./images/product2/sign-news.png);
}


div.product-list {
    margin-top: 20px;
}


div.product-home-link {
    margin: 15px 0px;
}

div.product-home-link a{
    color: #779ddb;
    font-weight: bold;
}

div.product-home-link a:hover{
    text-decoration: none;
}

div.product-link {
    float: left;
    width: 260px;
    padding: 10px 0px 0px;
}

div.product-link-1 {
    padding-left: 25px;
    text-align: left;
}

div.product-link-2 {
    padding-left: 25px;
    text-align: left;
}

div.product-link-3 {
    padding-left: 25px;
    text-align: left;
}


div.navigation {
    text-align: right;  
    margin: 5px 20px 30px;
}

div.product-link a, div.navigation a {
    color: #779ddb;
    font-weight: bold;
    font-size: 10px;
}

div.navigation a {
    text-decoration: none;
}


div.product-container {
    background-color: #183568;
    padding: 25px;
}


div.product-container div.product-text {
    float: left;
    width: 590px;
}

div.product-header {
    color: #779ddb;
    font-weight: bold;
    font-size: 15px;
    padding: 0px 0px 8px;
    border-bottom: 1px solid #FFFFFF;
}

div.product-header h3.product-name {
    float: left;
    width: 520px;  
    font-size: 17px;      
    font-weight: bold;
}

div.product-header h3.product-type {
    float: right; 
    width: 250px;
    font-weight: normal;
    text-align: right;
    font-family: Arial;
    font-size: 16px;
    color: #4c74b4;
}

div.product-desc {
    margin: 10px 0px 20px;
    text-align: justify;
}

div.product-desc a {
    color: #779DDB;
    font-weight: bold;
}

div.product-desc a:hover {
    text-decoration: none;
}

div.product-image {
    float: right;
    width: 200px;
    margin-top: 10px;
}

div.product-image div.image-medium {
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #ffffff;
    
    height: 140px;
    width: 185px;
    margin-bottom: 3px;
    
    float:right;
}

div.product-image div.image-small {
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #ffffff;
    
    height: 30px;
    width: 46px;
    
    margin: 15px 0px 0px 15px;
    
    float: right;
}

div.files-header {
    margin-bottom: 10px;
    color: #779ddb;
    font-weight: bold;
    font-size: 15px;
}

table.files {
    width: 100%;
    border-collapse: collapse;
}

table.files th {
    background-color: #28467b;
    padding: 7px;
}

table.files td {
    padding: 7px;
    border-bottom: 1px solid #5d76a3;
}

table.files td a{
    text-decoration: underline;
    font-weight: normal;
    color: #ffffff;
}

table.files td a:hover {
    text-decoration: none;
}

table.files tr.file-new td, table.files tr.file-new td a {
}



table.testing-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 5px;
}

table.testing-table td {
    vertical-align: top;
    background-color: #065d90;
    font-size: 11px;
    padding: 7px;
}

table.testing-table td.table-divider {
    background-color: transparent;
    padding: 0px;
}




div.news-teaser {
    padding: 20px;
    text-align: justify;
}

div.news-teaser div.news-title {
    font-weight: bold;
}

div.news-teaser div.news-date {
    font-weight: bold;
    color: #006894;
}

div.news-teaser div.news-text {
    margin-top: 10px;
}

div.news-teaser div.news-more {
    text-align: right;
    color: #006894;
}

div.news-teaser div.news-more a {
    font-weight: normal;
    color: #006894;
}


div.news-list {
    padding: 20px 0px 20px 25px;
}

div.news-list div.news-container {
    border-bottom: 1px solid #3399ca;
    padding: 25px 0px;
}

div.news-container div.news-detail {
    float: left;
    width: 620px;
}

div.news-detail div.news-date {
    font-weight: bold;
    color: #399ed2;
    margin: 3px 0px 12px;
}

div.news-detail div.news-desc {
    text-align: justify;
}

div.news-container div.news-image {
    float: right;
    width: 190px;
}

div.news-image div.news-image-box {
    width: 185px;
    height: 140px;
    border: 1px solid #ffffff;
    background-repeat: no-repeat;
    background-position: center;
}

div.pager {
    margin-left: 25px;
}

div.pager span {
    float: left;
    display: block;
    color:#779DDB;
    padding-right: 10px;
}

div.pager span.info {
    font-weight: bold;
    color: #ffffff;
}

div.pager span.disabled {
    color: #ffffff;
}

ul.sitemap{
    margin-top: 20px;
}

ul.sitemap li {
    list-style-type: none;
    line-height: 18px;
}

ul.sitemap li.sitemap-0 {
    padding-left: 25px;
    font-size: 14px;
    margin-top: 5px;
}

ul.sitemap li.sitemap-1 {
    padding-left: 20px;
    font-size: 12px;
}