/* 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, file { 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: #ed1846; text-decoration: underline;}
a:hover  {text-decoration: none;}
a.noline  {color: #ed1846; 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: 0 0 5px 0;}
#content h1 {color: #ed1846; line-height: 25px; font-size: 25px; font-weight: normal; margin: 10px 0 7px 0;}
#content h2 {color: #ed1846; line-height: 25px; font-size: 25px; font-weight: normal; margin: 10px 0 7px 30px;}
#homepage h2 {color: #ed1846; line-height: 25px; font-size: 25px; font-weight: normal; margin: 10px 0 7px 0;}
#content h3 {color: #ed1846; font-weight: bold; font-size: 15px; margin: 19px 0 10px 0;}
#content h4 {color: #ed1846; font-weight: bold;}

#content ul {margin: 7px 0 7px 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 20px; margin: 20px 0;position:relative;left:-30px}
form.normal-form div {clear: both; padding: 0 0 8px 10px;}
form.normal-form p { padding: 0 0 8px 10px;}
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 input.file {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-left2 {float: left; margin: 5px 15px 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 p {padding-top:5px}
.color-red {color: #ed1846;}

/* 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: 22px 0 0 0;
float: right;
overflow: visible;
}

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

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

.subpage {
margin: 10px 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: #ed1846;
    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: #ed1846!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: #ed1846;
    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: #ed1846!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: #ed1846;
    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.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: #ed1a47;
font-weight: normal;
font-family: "Myriad Pro", sans-serif;
}

    #header h2 span {
    position: absolute;
    top: -42px;
    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;
}

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;

}
    ul.reference-right {
    margin: 0 0 0 35px;
    }
    
    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;
    }
    
    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;
font-size:12px;
line-height:1.5em
}

ul.box-right li {
margin: 0 0 11px 0;
_margin: 0 -10px 11px 0;
}

    ul.box-content h2 {
    font-size: 15px!important;
    font-weight: bold!important;
    line-height: 17px!important;
    height: 34px;
    margin: 0 41px 9px 26px!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 li .frame {margin: 5px 15px 5px 0;}
    
    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;
    
    }
    
    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: 0;
right: 0;
width: 1019px;
height: 212px;
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: #f68ca3;
    font-size: 9px;
    }
    
    #footer-in p.copy a {
    color: #f68ca3;
    }
    
    #footer-in p.bmedia {
    position: absolute;
    bottom: 32px;
    right: 23px;
    color: #f68ca3;
    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;
    }
    
    

div#nyroModalFull {font-size: 12px;color: #777;}
div#nyroModalFull div#nyroModalLoading {border: 4px solid #c1001f;width: 150px;height: 150px;text-indent: -9999em;background: #fff url(../front/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(../front/img/nyroclose.gif) no-repeat;outline: 0;}
div#nyroModalFull div#nyroModalLoading.error {border: 4px solid #f66;line-height: 20px;padding: 20px;width: 300px;height: 100px;text-indent: 0;background: #fff;}
div#nyroModalFull div#nyroModalWrapper {background: #fff;border: 4px solid #c1001f;}
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(../front/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(../front/img/nyronext.gif);}