@import url("common.css");

/* elements */
body#site, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select { font-size: 100%; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; color: #777; line-height: 1.2; padding: 0; margin: 0; }

body#site { font-size: 0.8em; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }

h2 { font-weight: normal; font-size: 1.3em; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; text-transform: uppercase; }

h3 { font-size: 1.1em; }

img { border: none; }

ul li, ol li { line-height: 1.2; }

span { font-size: 1em; }

/* layout */
#container { width: 980px; margin: 0 auto 10px; position: relative; }

#container a { font-size: 1em; }
#container a:hover { text-decoration: none; }

/* header */
#header { background: url(../images/head.jpg) no-repeat left top; height: 197px; position: relative; }

#logo a { width: 194px; height: 77px; position: absolute; top: 37px; left: 44px; }
#logo a span { background: url(../images/logo.jpg) no-repeat left top; width: 194px; height: 77px; position: absolute; top: 0; left: 0; }

#langswitch { position: absolute; right: 10px; bottom: 13px; }
#langswitch a { margin-left: 5px; }

/* menu */
#menu { position: absolute; top: 84px; left: 240px; }
#menu ul { list-style: none; }
#menu ul li { border-right: 1px solid #A1A1A1; float: left; }
#menu ul li a { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 13pt; color: #A0A0A0; text-transform: uppercase; text-decoration: none; padding: 0 11px; display: block; }
#menu ul li a:hover,
#menu ul li a.active { background: url(../images/sipka.gif) no-repeat 97% 0; }

/* content */
#content { min-height: 100px; padding: 10px 25px; }
#content p { margin: 10px 0; } 

#content ul,
#content ol { margin: 10px 0; }
#content ul li { margin-left: 15px; }
#content ol li { margin-left: 25px; }

#content table { width: 100%; border-collapse: collapse; margin: 10px 0; }
#content table th,
#content table td { padding: 2px 5px; border: 1px solid #777; }
#content table th { text-align: center; }

#content form table { width: auto; }
#content form table th,
#content form table td { vertical-align: sub; border: none; }
#content form .submit { background-color: #0B509E; color: #FFF; cursor: pointer; }

#content input, 
#content textarea { background-color: #EEE; padding: 2px 5px; border: 1px solid #777; } 

#content select { width: 100%; border: 1px solid #777; }

#content .service { margin-bottom: 15px; }

#content .client-box { width: 210px; height: 80px; padding: 5px; border: 1px solid #EDEDED; margin: 0 10px 10px 0; position: relative; float: left; }
#content .client-box-image { width: 60px; margin-right: 5px; float: left; }
#content .client-box-image img { margin: 0 auto; display: block; }
#content .client-box-name { width: 145px; float: right; }
#content .client-box-name p { margin: 0; }
#content .client-box-name .client-box-link { position: absolute; right: 5px; bottom: 5px; }

#content #client-left { width: 150px; margin-right: 10px; float: left; }
#content #client-left #client-photo { text-align: center; width: 150px; }
#content #client-left #client-position { margin-top: 10px; }
#content #client-text { width: 462px; margin-right: 10px; float: left; }
#content #client-text table { width: auto; margin: 0; }
#content #client-text table th,
#content #client-text table td { padding-top: 1px; padding-bottom: 1px; border: none; }
#content #client-text table th { text-align: right; }
#content #client-info { margin-top: 15px; }
#content #client-video { width: 298px; float: left; }
#content #client-video .video { margin-bottom: 10px; }
#content #client-video .video object { width: 298px; height: 249px; }

#content .partner-box { width: 288px; height: 90px; padding: 5px; border: 1px solid #EDEDED; margin: 0 10px 10px 0; float: left; }
#content .partner-box-logo { width: 120px; margin-right: 10px; float: left; }
#content .partner-box-logo img { margin: 0 auto; display: block; }
#content .partner-box-name { width: 158px; float: right; }
#content .partner-box-name p { margin: 0; }

#content #submenu { margin: 0 0 13px; }

#content #contact-text { width: 460px; float: left; }

#content #contact-form { width: 470px; float: left; }
#content #contact-form td.td-spec1 { text-align: right; }
#content #contact-form td.td-spec2 { text-align: right; vertical-align: top; }
#content #contact-form td.td-spec3 { text-align: center; padding-top: 15px; }
#content #contact-form textarea { width: 390px; }

#content .paging,
#content .paging a { color: #555; }
#content .paging { text-align: center; }
#content .paging .actual-page { font-weight: bold; font-size: 1.2em; text-decoration: none; }

#content .article { margin-bottom: 30px; }

#content .gallery .gallery-img { width: 160px; margin-right: 25px; float: left; }
#content .gallery .gallery-img .img { height: 120px; }
#content .gallery .gallery-img .img img { margin: 0 auto; display: block; }
#content .gallery .gallery-img .title { font-size: 90%; text-align: center; line-height: 1; height: 52px; margin: 0; }

/* footer */
#footer { background: url(../images/paticka.jpg) no-repeat left top; text-align: center; padding-top: 137px; }
#footer p { font-size: 0.9em; margin-bottom: 2px; }
#footer p #webmail { cursor: pointer; }
#footer a { color: #777; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer #valid a { margin-right: 4px; }

/* other */
.hide { display: none; }

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

.nobrd { border: none !important; }