* { margin:0; padding:0;}
html, body { height:100%;}
body { background:#717171; font-family:Tahoma; font-size:100%; line-height:1em; color:#404141;}
input, select, textarea { font-family:Tahoma, Geneva, sans-serif; font-size:1em;}
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}
p { margin-bottom:10px;}
/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
object { vertical-align:top;}
#contacts-form { clear:right; width:100%; overflow:hidden;}
#contacts-form fieldset { border:none; float:left; }
#contacts-form .field { clear:both; padding-bottom:7px; width:100%; overflow:hidden;}
#contacts-form label { float:left; width:79px; color:#2cb6e9; font-weight:bold;}
#contacts-form input { width:240px; padding:2px 0 2px 3px; border:1px solid #d9d9d9; background:none;}
#contacts-form textarea { width:790px; height:192px; border:1px solid #d9d9d9; background:none; padding:2px 0 2px 3px; margin-bottom:15px; overflow:auto;}
#contacts-form .button { width:150px; float:right;}
#contacts-form3 { clear:right; width:100%; overflow:hidden;}
#contacts-form3 fieldset { border:none; float:left; }
#contacts-form3 .field { clear:both; padding-bottom:7px; width:100%; overflow:hidden;}
#contacts-form3 label { float:left; width:79px; color:#2cb6e9; font-weight:bold;}
#contacts-form3 input { width:240px; padding:2px 0 2px 3px; border:1px solid #d9d9d9; background:none;}
#contacts-form3 .button { width:150px; float:right;}
#contacts-form3 textarea { width:600px; height:55px; border:1px solid #d9d9d9; background:none; padding:2px 0 2px 3px; margin-bottom:15px; overflow:auto;}
#contacts-form2 { clear:right; width:100%; overflow:hidden;}
#contacts-form2 fieldset { border:none; float:left; }
#contacts-form2 .field { clear:both; padding-bottom:7px; width:100%; overflow:hidden;}
#contacts-form2 label { float:left; width:79px; color:#2cb6e9; font-weight:bold;}
#contacts-form2 input { width:240px; padding:2px 0 2px 3px; border:1px solid #d9d9d9; background:none;}
#contacts-form2 textarea { width:200px; height:200px; border:1px solid #d9d9d9; background:none; padding:2px 0 2px 3px; margin-bottom:15px; overflow:auto;}
#contacts-form2 .button { width:150px; float:right;}
/*==================list====================*/
ul { list-style:none; }
.list1 li { padding-bottom:32px;}
.list1 li p { margin-bottom:6px;}
.list1 li a { font-weight:bold;}
.list2 { padding:4px 0 10px 0;}
.list2 li { width:100%; overflow:hidden; padding-bottom:20px;}
.list2 li.last { padding-bottom:0 !important;}
.list2 li img { float:left; margin-right:20px;}
.list2 li h5 { padding-top:6px;}
.list2 li h6 { padding-top:15px;}
.list3 li { list-style-type:disc; padding-bottom:10px;}
.list3.color1 li { color:#58b01f;}
.list3.color2 li { color:#ff8002;}
.list3.color3 li { color:#f32e10;}
.list3 li span { color:#404141 !important;}
.list4 dt { font-weight:bold; margin-bottom:16px; color:#2cb6e9;}
.list4 dd { padding-bottom:16px;}
.carousel { width:100%; overflow:hidden;}
.carousel li { float:left; margin-right:15px;}
.carousel li.prev { margin-right:17px; padding-top:74px;}
.carousel li.next { margin-right:0; padding-top:74px;}
.phones-list li { width:100%; overflow:hidden; padding-bottom:16px;}
.phones-list li strong { float:left; width:69px; color:#2cb6e9;}
/*==================other====================*/
.img-indent { margin:0px 25px 0px 0px; float:left;}
.img-indent2 { margin:15px 0px 0px 35px; float:left;}
.img-indent.fright { float:right; margin:0 0 0 20px;}
.img-indent.alt { margin-bottom:30px;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}
.extra-wrap { overflow:hidden; }
/*==================txt, links, lines, titles====================*/
a {color:#2cb6e9; outline:none;}
a:hover{text-decoration:none;}
h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; line-height:1em; font-weight:normal; margin-bottom:23px; color:#515151;}
h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; line-height:1em; font-weight:normal; margin: 0 auto; text-align:center; color:#515151;}
h2.alt { letter-spacing:-1px;}
h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.5em; line-height:1.1em; margin-bottom:10px; margin-left: 25px;}
h4 { font-size:.91em; margin-bottom:10px;}
h4 strong { font-size:1.1em; color:#2cb6e9; display:block;}
h5 { font-size:1em; margin-bottom:5px;}
h6 { font-size:1em; font-weight:normal;}
.txt1 { color:#2cb6e9;}
/*header*/
#header .row-1 { height:137px; }
#header .logo { float:left; padding:22px 0 0 10px;}
#header .top-links { float:right; padding:45px 35px 0 0;}
#header .top-links li { float:left; margin-left:8px;}
#header .nav-box { background:url(images/nav-box-bg.gif) left top repeat-x; width:100%;}
#header .nav-box .left { background:url(images/nav-box-left.gif) no-repeat left top;}
#header .nav-box .right { background:url(images/nav-box-right.gif) no-repeat right top; height:47px;}
/*-- header navigation --*/
#header .nav-box ul { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#header .nav-box ul li { display:inline;}
#header .nav-box ul li a { display:block; float:left; color:#fff; text-decoration:none; }
#header .nav-box ul li a em { display:block; float:left; font-style:normal; background:url(images/divider-left.gif) no-repeat left 10px;}
#header .nav-box ul li a em b { display:block; float:left; height:47px; line-height:47px; width:158px; text-align:center; background:url(images/divider-right.gif) no-repeat right 10px; cursor:pointer;}
#header .nav-box ul li a:hover { background:url(images/nav-act.gif) left top repeat-x;}
#header .nav-box ul li a:hover em { background:url(images/divider-left-act.gif) no-repeat left 10px;}
#header .nav-box ul li a:hover b { background:url(images/divider-right-act.gif) no-repeat right 10px;}
#header .nav-box ul li a.current { background:url(images/nav-act.gif) left top repeat-x;}
#header .nav-box ul li a.current em { background:url(images/divider-left-act.gif) no-repeat left 10px;}
#header .nav-box ul li a.current b { background:url(images/divider-right-act.gif) no-repeat right 10px;}
#header .nav-box ul li a.first em { background:none;}
#header .nav-box ul li a.first:hover em { background:url(images/nav-left-act.gif) no-repeat left top;}
#header .nav-box ul li a.first-current { background:url(images/nav-act.gif) left top repeat-x;}
#header .nav-box ul li a.first-current em { background:url(images/nav-left-act.gif) no-repeat left top !important;}
#header .nav-box ul li a.first-current b { background:url(images/divider-right-act.gif) no-repeat right 10px;}
#header .nav-box ul li a.last b { background:none; width:160px;}
#header .nav-box ul li a.last:hover b { background:url(images/nav-right-act.gif) no-repeat right top;}
#header .nav-box ul li a.last-current { background:url(images/nav-act.gif) left top repeat-x; }
#header .nav-box ul li a.last-current em { background:url(images/divider-left-act.gif) no-repeat left 10px;}
#header .nav-box ul li a.last-current b { background:url(images/nav-right-act.gif) no-repeat right top !important; width:160px;}
/*content*/
#content { padding:0 0 20px 0; background:#fff;}
#content .section { padding-bottom:20px;}
#button { background:url(images/button-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase; }
#button em { display:block; font-style:normal; background:url(images/button-left.gif) no-repeat left top;}
#button em b { display:block; height:35px; line-height:35px; background:url(images/button-right.gif) no-repeat right top; cursor:pointer;}
#button:hover { color:#000;}
#button1 { background:url(images/button1-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#button1 em { display:block; font-style:normal; background:url(images/button1-left.gif) no-repeat left top;}
#button1 em b { display:block; height:35px; line-height:35px; background:url(images/button1-right.gif) no-repeat right top; cursor:pointer;}
#button1:hover { color:#000;}
#content .button2 { background:url(images/button2-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button2 em { display:block; font-style:normal; background:url(images/button2-left.gif) no-repeat left top;}
#content .button2 em b { display:block; height:35px; line-height:35px; background:url(images/button2-right.gif) no-repeat right top; cursor:pointer;}
#content .button2:hover { color:#000;}
#content .button3 { background:url(images/button3-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button3 em { display:block; font-style:normal; background:url(images/button3-left.gif) no-repeat left top;}
#content .button3 em b { display:block; height:35px; line-height:35px; background:url(images/button3-right.gif) no-repeat right top; cursor:pointer;}
#content .button3:hover { color:#000;}
.main-banner-big { background:url(images/main-banner-big.jpg) no-repeat left top; width:950px; height:303px; margin-bottom:20px;}
.main-banner-big .inner { padding:70px 0 0 52px;}
.main-banner-big .button { background:url(images/button.jpg) no-repeat left top !important; width:170px; height:36px; line-height:32px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.75em; text-align:center; color:#fff; text-decoration:none; text-transform:none !important;}
.main-banner-big .button:hover { color:#000;}
.main-banner-small { margin-bottom:20px;}
.main-banner-small .inner { }
.main-banner-small h1 { font-size:30px; width:350px;}
/*extra-content*/
#extra-content { background:#ededed; border-bottom:1px solid #fff; padding:20px 0 29px 0;}
#extra-content .section { padding-bottom:20px;}
#extra-content .box { background:url(images/box1-bg.gif) left top repeat-x #fff; width:100%; }
#extra-content .box .border-top {background:url(images/border.gif) repeat-x top;}
#extra-content .box .border-bot {background:url(images/border.gif) repeat-x bottom;}
#extra-content .box .border-left {background:url(images/border.gif) repeat-y left;}
#extra-content .box .border-right {background:url(images/border.gif) repeat-y right;}
#extra-content .box .left-top-corner {background:url(images/left-top-corner1.gif) no-repeat left top;}
#extra-content .box .right-top-corner {background:url(images/right-top-corner1.gif) no-repeat right top;}
#extra-content .box .left-bot-corner {background:url(images/left-bot-corner1.gif) no-repeat left bottom; width:100%;}
#extra-content .box .right-bot-corner {background:url(images/right-bot-corner1.gif) no-repeat right bottom; }
/*==================boxes====================*/
.box { background:url(images/box-bg.gif) left top repeat-x; width:100%;}
.box .border-top {background:url(images/border.gif) repeat-x top;}
.box .border-bot {background:url(images/border.gif) repeat-x bottom;}
.box .border-left {background:url(images/border.gif) repeat-y left;}
.box .border-right {background:url(images/border.gif) repeat-y right;}
.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom; width:100%;}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:27px 35px 30px 34px;}
.box .innerprodukt { min-height: 380px; padding:27px 35px 30px 34px;}
.box1 { background:#ededed; width:100%;}
.box1 .border-top {background:url(images/border-top.gif) repeat-x top;}
.box1 .border-bot {background:url(images/border-bot.gif) repeat-x bottom;}
.box1 .border-left {background:url(images/border-left.gif) repeat-y left;}
.box1 .border-right {background:url(images/border-right.gif) repeat-y right;}
.box1 .left-top-corner {background:url(images/left-top-corner2.gif) no-repeat left top;}
.box1 .right-top-corner {background:url(images/right-top-corner2.gif) no-repeat right top;}
.box1 .left-bot-corner {background:url(images/left-bot-corner2.gif) no-repeat left bottom; width:100%;}
.box1 .right-bot-corner {background:url(images/right-bot-corner2.gif) no-repeat right bottom; }
.box1 .inner { padding:27px 35px 30px 34px;}
.dept-list { float:left;}
.dept-list dd { clear:both; text-align:right;}
.dept-list dd span { float:left; padding-right:25px;}
.dept-list dd p { text-align:left;}
/*footer*/
#footer { color:#fff; padding:27px 0 30px 0;}
#footer .nav { text-align:center; padding-bottom:30px;}
#footer .nav li { display:inline;}
#footer .nav li a { color:#fff; padding:0 52px 0 49px;}
#footer .fleft { padding:0 0 0 44px;}
#footer .fright { padding:0 44px 0 0;}
/*==========================================*/
.boxka {background:url(images/boxka.png) no-repeat; height:220px; width: 305px; float: left; margin-left: 10px;}
.boxka-obsah {width: 90%; height: 90%;color: #000; padding-top: 15px; text-align: center; }
.boxka-img img {float: left; padding-top: 35px; padding-left: 10px; width: 130px; height: 130px;}
.boxka-img2 img {float: left; padding-top: 25px; padding-left: 10px; width: 130px; height: 130px;}
.boxka-text { padding-top: 25px; padding-right: 25px;}
.boxka-text2 { padding-top: 10px; padding-right: 25px;}
.boxka-text2 a {text-decoration: none; padding-top: 15px;}
.strankovani {float: left; padding-top: 5px; width: 100%; height: 15px; }
.strany {margin: 0 auto; text-align: center;}
#box_sms {border: 1px solid #2CB6EA; width: 250px; height: 100px; float: right; margin-right: 15px;}
.box_sms_in {background-color: #2CB6EA; height: 25px; width: 250px; }
.box_sms_in_text { font-size: 14px; font-weight: bold; padding: 5px; width: 250px; text-align: center;}
.boxka_new {background:url(images/boxka.png) no-repeat; height:220px; width: 305px; float: right; margin-top: 20px; margin-right: 95px; }
.boxka-obsah_new {width: 90%; height: 90%;color: #000; padding-top: 15px; text-align: center; }
#fade { /*--Transparent background layer--*/
display: none; /*--hidden by default--*/
background: #000;
position: fixed; left: 0; top: 0;
width: 100%; height: 100%;
opacity: .80;
z-index: 9999;
}
.popup_block{
display: none; /*--hidden by default--*/
background: #fff;
padding: 20px;
border: 20px solid #ddd;
float: left;
font-size: 12px;
margin: 0 auto;
text-align: center;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
/*--CSS3 Box Shadows--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Rounded Corners--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#stred {
margin: 0 auto;
text-align: center;
margin-top: 20%;
}
.popup_block_v{
display: block; /*--hidden by default--*/
background: #fff;
padding: 20px;
border: 20px solid #ddd;
font-size: 12px;
margin: 0 auto;
text-align: center;
position: fixed;
top: 30%;
right: 35%;
width: 350px;
z-index: 99999;
/*--CSS3 Box Shadows--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Rounded Corners--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.popup_block_v2{
display: block; /*--hidden by default--*/
background: #fff;
padding: 20px;
border: 20px solid #ddd;
font-size: 12px;
margin: 0 auto;
text-align: center;
position: fixed;
top: 30%;
right: 32%;
width: 350px;
z-index: 99999;
/*--CSS3 Box Shadows--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Rounded Corners--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
img.btn_close {
float: right;
margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}
/* Easy Slider */
ol#controls{
margin:1em 0;
padding:0;
height:28px;
}
ol#controls li{
margin:0 10px 0 0;
padding:0;
float:left;
list-style:none;
height:28px;
line-height:28px;
}
ol#controls li a{
float:left;
height:28px;
line-height:28px;
border:1px solid #ccc;
background:#DAF3F8;
color:#555;
padding:0 10px;
text-decoration:none;
}
ol#controls li.current a{
background:#5DC9E1;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
text-align:center;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:950px;
height:241px;
overflow:hidden;
}