/* CSS Document */

/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
table, tr, th, td { vertical-align: top; }
ul, ul li { margin: 0; padding: 0; list-style: none }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
th { text-align: left; }
input, textarea { font-family: sans-serif; font-size: 100% }
/* IE stretched buttons fix */
input.submit {width: 0;overflow:visible;}
input.submit[class] {width: auto;}
/* css reset end */

/* elements */
body {font-size: 11px; line-height: 15px; font-family: sans-serif; color: #656c7c; background: #fff url(../img/bg.png) repeat-x; text-align: center; }
a  {color: #0b4387; text-decoration: underline;}
a:hover  {text-decoration: none;}
a.noline  {color: #0b4387; text-decoration: none;}
a.noline:hover  {text-decoration: underline;}



hr {border: 0; border-top: 1px solid #e6e6e6; height: 0; margin: 15px 0;}                                                                                               

#content p {margin: 0px 0 5px 0;}
#content h1 {color: #0b4387; line-height: 25px; font-size: 25px; font-weight: normal; margin: 10px 0 7px 0;}
#content h2 {color: #0b4387; line-height: 25px; font-size: 25px; font-weight: normal; margin: 10px 0 7px 30px;}
#homepage h2 {color: #0b4387; line-height: 25px; font-size: 25px; font-weight: normal; margin: 10px 0 7px 0;}
#content h3 {color: #0b4387; font-weight: bold; font-size: 15px; margin: 19px 0 10px 0;}
#content h4 {color: #0b4387; font-weight: bold;}

#content ul {margin: 5px 0 10px 0;}
#content ul li ul {margin: 0 0 0 10px;}
#content ul li {padding: 0 0 5px 11px; background: url(../img/list.gif) no-repeat 0 4px;}
#content ul li ul li {}

table.normal {background: url(../img/thead.png) no-repeat; width: 100%; border-right: 1px solid #e0e1e2; border-bottom: 1px solid #e0e1e2; margin: 14px 0;}
table.normal thead { height: 100%;}
table.normal thead th {padding: 15px 10px 16px 10px; border-left: 1px solid #fff;}
table.normal td {background: #fff; border-top: 1px solid #e0e1e2; border-left: 1px solid #e0e1e2; padding: 7px 10px 8px 10px;}
table.normal th {}
table.normal tr {}
table.normal .highlight td {background: #f9f9f9;}


form.normal-form {background: #f0f0f0 url(../img/form.png) no-repeat; padding: 20px 30px; margin: 20px 0;}
form.normal-form div {clear: both; padding: 0 0 8px 0;}
form.normal-form label {display: block; float: left; width: 120px; font-weight: bold;}
form.normal-form input {border: 1px solid #abadb3; margin: 0; padding: 0 5px; background: #fff url(../img/input.png) repeat-x; height: 20px; line-height: 20px; color: #656c7c; font-size: 11px; width:160px}
form.normal-form select {border: 1px solid #abadb3; margin: 0; padding: 0 0 0 10px; height: 22px; line-height: 22px; color: #656c7c; font-size: 11px;}
form.normal-form textarea {border: 1px solid #abadb3; margin: 0; padding: 5px; background: #fff url(../img/input.png) repeat-x; color: #656c7c; font-size: 11px;}
form.normal-form input.button {margin: 7px 0;padding:0 0 16px 0;border:0;background:transparent url(../img/button.png) no-repeat;color:#fff;font-size:11px;font-weight:bold;text-transform:uppercase;width:152px;height:44px;line-height:29px!important;cursor:pointer;}


.r { text-align: right !important; }
.c { text-align: center !important; }
.l { text-align: left !important; }
.j { text-align: justify !important; }
.cleaner {clear: both; height: 0; overflow: hidden;}
.nodisplay {display: none;}
img.img-left {float: left; margin: 5px 10px 5px 0;}
img.img-right {float: right; margin: 5px 0 5px 10px;}
img.frame {border: 5px solid #d0d3d9;}
img.frame:hover {border: 5px solid #c1c1c1;}
.txt-indent-20px {padding: 0 0 0 20px;}
.txt-indent-30px {padding: 0 0 0 30px;}
.txt-indent-30px ol {padding: 0 0 5px 20px;}
.color-red {color: #ee7f00;}

/* LAYOUT */
#page {  
width: 977px;
margin: 0 auto;
padding: 9px 0 0 0;
text-align: left;
min-height: 192px;
_height: 192px;
background: #fff url(../img/page-top.png) no-repeat;
}

#col-left {
width: 230px;
float: left;
overflow: visible;
}

#col-main {
position: relative;
width: 728px;
float: right;
overflow: visible;
z-index: 1; /* footer png */
}

#col-right {
width: 172px;
margin: 42px 0 0 0;
float: right;
overflow: visible;
}

#header {
position: relative;
height: 298px;
}

#homepage {
padding: 0 0 0 12px;
}

.subpage {
margin: 30px 0 0 0;
width: 536px;
float: left; 
font-size:12px;
line-height:1.5em
}


.content-left {
width: 355px;
float: left;
}

.content-right {
width: 344px;
float: right;
font-size:12px;
line-height:1.5em
}

#footer {
position: relative;
clear: both;
height: 249px;
}


#col-left a {
color: #767c8c;
}

#col-left a:hover {
color: #767c8c;
}


#col-left h1 {
position: relative;
width: 238px;
height: 109px;
overflow: hidden;
}

#col-left h1 a {
color: #fcc400;
text-decoration: none;
}

#col-left h1 a img {
position: absolute;
top: 0;
left: 0;
display: block;
z-index: 1;
}

#col-left h1 a span {
position: absolute;
top: 47px;
left: 91px;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 5px;
}



ul.menu-main { 
border-top: 1px solid #f3f4f6;
padding: 2px 0 19px 0;
width: 212px;
background: url(../img/menu-ul.png) no-repeat left bottom;
}

ul.menu-main li ul { 
border-top: none!important;
padding: 0!important;
margin: -4px 0 6px 0;
width: 212px;
background: none!important;
}

ul.menu-main li {
position: relative;
min-height: 40px;
_height: 40px;
line-height: 39px;
border-bottom: 1px solid #f3f4f6;
}

ul.menu-main li ul li {
min-height: 20px!important;
_height: 20px!important;
line-height: 20px!important;
border-bottom: none!important;
}

ul.menu-main li a {
display: block;
height: 100%; /* ie6, ie7 */
padding: 0 0 0 29px;
font-size: 12px;
color: #0b4387!important;
text-decoration: none;
}

ul.menu-main li ul li a {
display: inline!important;
height: 100%; /* ie6, ie7 */
padding: 0 0 0 44px!important;
font-size: 11px!important;
color: #767c8c!important;
text-decoration: underline!important;
background: url(../img/menu-list.gif) no-repeat 29px 5px!important;
}

ul.menu-main li a:hover {
color: #fcc400;
text-decoration: underline;
}

ul.menu-main li ul li a:hover, ul.menu-main li.act ul li a:hover, ul.menu-main li.act ul li.act a {
color: #000!important;
text-decoration: underline!important;
}

ul.menu-main li.act a {
width: 204px;
height: 57px;
color: #fff !important;
line-height: 42px;
padding: 0 0 0 39px;
margin: -2px 0 0 -10px;
background: url(../img/menu-sipka.png) no-repeat;
_background: url(../img/menu-sipka.gif) no-repeat;
} 

ul.menu-main li.act ul li a {
width: 100px!important;
height: 100%!important;
color: #767c8c!important;
line-height: 20px!important;
padding: 0 0 0 44px!important;
margin: 0!important;
}






.box-left {
position: relative;
padding: 23px 25px 18px 32px;
min-height: 136px;
_height: 136px;
background: url(../img/box-left.png) no-repeat right top;
}

.box-left h2 {
font-size: 25px;
color: #0b4387;
line-height: 25px;
font-weight: normal;
margin: 0 0 15px -2px;
}

.box-left p {
position: relative;
}

.box-left ul li {
padding: 0 0 0 14px;
line-height: 20px;
_height: 20px;
background: url(../img/li.gif) no-repeat 0 7px;
}

.box-left img.call {
position: absolute;
right: 0;
top: -30px;
}

.box-left img.cert {
position: absolute;
right: 0;
top: 55px;
} 

.box-left img.mapa {
position: absolute;
right: 1px;
top: 59px;
}


.box-left-team {
margin: 19px 0 3px 0;
background: url(../img/team-bg.png) no-repeat right top;
} 

.box-left-team h2 {
position: absolute;
top: 13px;
right: 17px;
font-size: 19px;
font-family: "Myriad Pro", sans-serif;
color: #888d9a;
} 

img.team-man {
position: absolute;
top: -26px;
right: 112px;
}

.box-left-team p {
position: absolute;
top: 48px;
right: 17px;
width: 100px;
text-align: right;
}

.box-left-team a.team-more {
position: absolute;
bottom: -1px;
right: -8px;
width: 226px;
height: 70px;
line-height: 41px;
color: #fff!important;
text-align: center;
text-transform: uppercase;
font-size: 17px;
font-family: "Myriad Pro", sans-serif;
text-decoration: none;
background: url(../img/tem-left-sipka.png) no-repeat;
}

.box-left-team a.team-more:hover {
text-decoration: underline;
}   



ul.menu-top {
position: absolute;
top: 23px;
left: 13px;
z-index: 1;
}

ul.menu-top li {
float: left;
margin: 0 30px 0 0;
}

ul.menu-top li a {
color: #767c8c;
}

#header h2 {
position: absolute;
top: 61px;
left: 0;
clear: both;
height: 237px;
width: 100%;
background: #fff;
font-weight: normal;
font-family: "Myriad Pro", sans-serif;
}

#header h2 span {
position: absolute;
top: -66px;
left: 0;
height: 313px;
width: 728px;
background: url(../img/header.png) no-repeat;
}

#header h2 span a {
position: absolute;
top: 41px;
left: 0;
height: 158px;
width: 698px;
padding: 80px 0 0 30px;
color: #fff;
font-size: 35px;
line-height: 40px;
text-decoration: none;
}

#header h2 span a span {
position: absolute;
top: 111px;
left: 143px;
height: 0;
font-size: 20px;
width: 400px; 
overflow: visible;
background: none;
cursor: pointer;
}



div.team {
position: relative;
height: 223px;
margin-top:10px;
}

div.team h2 {
position: absolute;
top: 34px;
left: 0;
clear: both;
height: 157px;
width: 100%;
background: #f0f0f0;
font-weight: normal;
font-family: "Myriad Pro", sans-serif;
}

div.team h2 span {
position: absolute;
top: -34px;
left: 0;
height: 191px;
width: 728px;
background: url(../img/team.png) no-repeat;
}

div.team h2 span a {
position: absolute;
top: 34px;
left: 0;
height: 116px;
width: 490px;
padding: 41px 0 0 238px;
color: #888d9a;
font-size: 35px;
line-height: 40px;
text-decoration: none;
}

div.team h2 span a span {
position: absolute;
top: 68px;
left: 347px;
height: 0;
font-size: 20px;
width: 380px; 
overflow: visible;
background: none;
cursor: pointer;
}

div.team a.team-more {
position: absolute;
top: 169px;
left: 241px;
width: 239px;
height: 70px;
padding: 0 0 0 4px;
text-align: center;
line-height: 45px;
text-transform: uppercase;
color: #fff;
text-decoration: none;
font-size: 17px;
background: url(../img/odkaz-sipka.png) no-repeat;
font-family: "Myriad Pro", sans-serif;
}

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

ul.reference { 
float: left;
font-size:12px;
line-height:1.5em
}
ul.reference-right {
margin: 0 0 0 16px;
}

ul.reference li {
margin: 0 0 5px 0;
padding: 0 0 0 13px;
background: url(../img/list.gif) no-repeat 0 5px;
font-size:12px;
line-height:1.5em
}

ul.reference li img{vertical-align:bottom}

ul.reference li a {
color: #767c8c;
}



ul.box-content {
margin: 2px 0 0 0;
}

ul.box-content li {
width: 164px;
padding: 0 5px 0 10px;
margin: 36px 0 18px 0;
float: left;
background: url(../img/box-content.png) no-repeat 0 2px;
}

ul.box-right li {
margin: 0 0 11px 0;
_margin: 0 -10px 11px 0;
font-size:12px;
line-height:1.5em
}

ul.box-content h2 {
font-size: 15px!important;
font-weight: bold!important;
line-height: 17px!important;
height: 34px;
margin:0 0 9px 20px !important;
}

ul.box-content h2 a {
text-decoration: none;
}

ul.box-content h2 a:hover {
text-decoration: underline;
}

ul.box-content img {
display: block;
margin: 0 0 6px 0;
}



ul.content-news li {
clear: both;
padding: 12px 0 0 0!important;
margin: 0!important;
background: none!important;
}

ul.content-news h3 {
margin: 0 0 5px 0!important;
font-size: 11px!important;
}



div.homepage-news h2 {
margin: 10px 0 11px 0!important;
}

div.homepage-news .date {
font-size: 10px;
}

div.homepage-news h3 {
margin: 0 0 5px 0!important;
font-size: 12px!important;
line-height:1.5em


}

div.homepage-news ul li {
width: 338px;
padding: 0 20px 0 0;
float: left;
font-size:12px;
line-height:1.5em

}


#footer-in {
position: absolute;
bottom: 0px;
right: 0;
width: 1019px;
height: 255px;
background: url(../img/footer.png) no-repeat;
}

div.box-loga {
position: absolute;
top: 30px;
right: 0;
padding: 42px 0 0 0;
width: 716px;
text-align: center;
background: url(../img/box-loga.png) no-repeat;
}

div.box-loga a img {
margin: 0 23px 0 22px;
height: 65px;
background-position: left bottom!important;
}

div.box-loga a img:hover {
background-position: left top!important;
}

div.box-loga img.logo-abet-holding {
width: 38px;
background: url(../img/logo001.png) no-repeat;
}

div.box-loga img.logo-arbeit-cz {
width: 55px;
background: url(../img/logo002.png) no-repeat;
}

div.box-loga img.logo-attest {
width: 41px;
background: url(../img/logo003.png) no-repeat;
}

div.box-loga img.logo-navigace {
width: 55px;
background: url(../img/logo004.png) no-repeat;
}

div.box-loga img.logo-atlantis-marshal {
width: 65px;
background: url(../img/logo005.png) no-repeat;
}

div.box-loga img.logo-dad-security {
width: 53px;
background: url(../img/logo006.png) no-repeat;
}

div.box-loga img.logo-alpelephant {
margin: 0;
width: 77px;
background: url(../img/logo007.png) no-repeat;
}




#footer-in p.copy {
position: absolute;
bottom: 32px;
left: 70px;
color: #809fc0;
font-size: 9px;
}

#footer-in p.copy a {
color: #809fc0;
}

#footer-in p.bmedia {
position: absolute;
bottom: 32px;
right: 23px;
color: #809fc0;
font-size: 9px;
}

#footer-in p.bmedia a {
color: #fff;
margin: 0 0 0 19px;
}

#footer-in img.bmedia {
position: absolute;
right: 112px;
bottom: 37px;
}

.cert
{
background: url(../img/certifikat.png) no-repeat;
}

.subpage a.external { background:url(../img/external.gif) no-repeat right; padding:0 10px 0 0; }

/* faq */
.jsok .quest { cursor: hand; cu\rsor: pointer; text-decoration:none; padding-bottom: 1em; color:#6E6E70; font-weight:bold; background: url(../img/list2.gif) 99% 20% no-repeat;border-bottom:1px solid #bbb}
.jsok .hover {  color:#6E6E70 !importannt; text-decoration:none; background: url(../img/list2.gif) 99% 20% no-repeat}
.jsok .hover2 {  color:#6E6E70 !importannt; text-decoration:none;  background: url(../img/list3.gif) 99% 20% no-repeat}
.jsok .answ { display: none; }
.answ { margin-bottom: 1em; padding: 10px; background: #eee; border: 1px solid #bbb;border-top:0px }


div#nyroModalFull {font-size: 12px;color: #6a8800;}
div#nyroModalFull div#nyroModalLoading {border: 4px solid #d8d8d8;width: 150px;height: 150px;text-indent: -9999em;background: #fff url(../img/nyroloader.gif) no-repeat;background-position: center;}
div#nyroModalFull div#nyroModalWrapper a#closeBut {position: absolute;display: block;top: -15px;right: -15px;width: 15px;height: 15px;text-indent: -9999em;background: url(../img/nyroclose.gif) no-repeat;outline: 0;}

div#nyroModalFull div#nyroModalLoading.error {border: 4px solid #d8d8d8;line-height: 20px;padding: 20px;width: 300px;height: 100px;text-indent: 0;background: #fff;}
div#nyroModalFull div#nyroModalWrapper {background: #fff;border: 4px solid #d8d8d8;}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {margin: 0;padding: 0;position: absolute;top: -22px;left: 5px;font-size: 12px;color: #ddd;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent {overflow: auto;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {padding: 5px;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {position: relative;overflow: hidden;text-align: center;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {vertical-align: baseline;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {position: absolute;bottom: 0;left: 0;background: black;padding: 10px;margin: 10px;border: 1px white dotted;overflow: hidden;opacity: 0.2;filter: alpha(opacity=20); display: none;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5;filter: alpha(opacity=50);cursor: help;}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {z-index: 105;outline: none;position: absolute;top: 0;height: 100%;width: 40%;cursor: pointer;text-indent: -9999em;background: left 20% no-repeat;background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {height: 60%;width: 20%;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {left: 0;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {background-image: url(../img/nyroprev.gif);}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {right: 0;background-position: right 20%;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {background-image: url(../img/nyronext.gif);}