body{background: #EAEBEC url('/public/img/bg-body.png') 50% 0 no-repeat; text-align: center; color:#444; margin: 0 0 10px;}

/* LAYOUT */
#mother {margin: 0 auto; text-align: left; width: 655px; border: 2px solid #c7c9ca; border-top: none; background: #fff; padding: 0 45px;}
#header {padding: 20px 0 10px;}


#motive .motive {position: relative; }
#hflash{position:relative; z-index:100; bottom:0px; padding: 0px; margin:0px}
/* LANG MENU */
#lang-menu {text-transform: uppercase; margin: 0 0 3px;}
#lang-menu a {color: #666; margin: 0 0 0 5px;}
#lang-menu a:hover, #lang-menu strong {color: #ee1c23; font-weight: normal; margin: 0 0 0 5px;}

/* LOGO BOX */
#logo-box {float: left; display: inline; margin: 0 0 15px;}

/* MAIN MENU */
#main-menu {float: right; display: inline; margin: 17px 0 15px;}
#main-menu li {float: left; display: inline;}
#main-menu li a {display: block; color: #444; border: 1px solid #bcbdc0; padding: 3px 12px; border-width: 0 0 1px 1px; text-decoration: none;}
#main-menu li a:hover, #main-menu li.active a {color: #ee1c23;}

/* MOTIVE */
#motive h2 {color: #999; font-size: 200%; margin: 0; font-weight: normal;}
#motive .motive {height: 125px; overflow: hidden; margin: 3px 0 0;}
.motive1 {background: url('/public/img/illust/motive1.jpg') 0 0 no-repeat;}

/* BREADCRUMB */
#breadcrumb {margin: 0 0 15px;}
#breadcrumb a, #breadcrumb {color: #999;}
#breadcrumb a:hover {color: #ee1c23;}
#breadcrumb strong {font-weight: normal;}

/* ANNOT BOX */
#annot-box {margin: 0 0 20px;}
.home #annot-box p {font-size: 100%;}

/* CONTENT */
.content  {width: 640px;}

/* CROSSROAD */
.crossroad li{ line-height:1.1;}
.crossroad ul {margin: 0 0 24px 0;}
.crossroad ul li {width: 268px; padding: 8px 20px 10px; border: 1px solid #bcbdc0;}
.crossroad li h3, .crossroad li h2 {margin: 0 0 8px; font-size: 110%;}
.crossroad h3 span, .crossroad h2 span  {display: block; text-align: center; min-height:50px;}
.crossroad h3 strong, .crossroad h2 strong {font-weight: bold; display: block; padding: 0 0 3px;}
.crossroad h3 a, .crossroad h2 a {color: #000; text-decoration: none; font-weight:bold;}
.crossroad h3 a:hover, .crossroad h2 a:hover {color: #ee1c23;}
.crossroad h3 img {display: block; margin: 0 auto;}

.home .news-list {margin: 10px 0 0;}
.news-list h2.title {background: url('/public/img/bg-h.png') 0 60% repeat-x; color: #ee1c23; margin: 0 0 8px;}
.news-list ul {margin: 0 0 24px -24px; }
.news-list ul li {float: left; display: inline; width: 170px; padding: 15px 15px 10px; border: 1px solid #bcbdc0; margin: 10px 0 0 24px; min-height:325px;}


.refer-list ul li {padding-top: 8px;}
.obritemparent {margin-right: 10px;   width: 120px; height: 86px; margin-top:10px; }
span.obritem { border: 1px solid #C7C9CA; width: 120px; height: 86px; text-align: center; vertical-align: middle; display: table-cell; background-color:#EAEBEC;}

.img-list {overflow: hidden; zoom: 1;}
.img-list a {float: left; display: inline; width: 131px; height: 98px; text-align: center;}
.img-list span {float: left; display: inline; width: 120px; height: 86px; background: white; border:1px solid #C7C9CA; line-height: 86px; _font-size: 86px;}
.img-list span img {vertical-align: middle;}


.myimg-list {overflow: hidden; zoom: 1;}
.myimg-list a {float: left; display: inline; width: 150px; height: 98px; text-align: center;}
.myimg-list span {float: left; display: inline; width: 150px; height: 100px; background: white; border:1px solid #C7C9CA; line-height: 100px; _font-size: 100px;}
.myimg-list span img {vertical-align: middle;}



/* ROW LIST */
.row-list ul li {margin: 0 0 25px;}
.row-list h2, .row-list h3 {color: #999; font-size: 175%; margin: 0 0 0.1em; font-weight: normal;}
.row-list h2.spozadim{color: #999; font-size: 175%; margin: 0 0 0.1em; font-weight: normal; background: transparent url(/public/img/bg-h.png) repeat-x scroll 0 55%;}

.row-list h3 {text-align: lest; font-size: 110%; font-weight:bold; color: black; margin-left:10px;}
.row-list h3.sedy {text-align: lest; font-size: 110%; font-weight:bold; color: #999; margin-left:10px; line-height:1.1}
.row-list div.l {width: 455px;}
.row-list div.r {width: 150px; padding:10px; }
.row-list div.r p{margin-left:10px;}
.row-list div.r img {display: block; margin: 0 0 5px; }

/* LOGO LIST */
.logo-list img {margin: 0 3px 3px 0; }
.logo-list .imgbord img{/*border:1px solid black; */ margin:14px; }
.logo-list span.imgbord {width:112px; height:30px;}
.row-logo-list h2 {margin: 0; color: #999;}
.row-logo-list ul li {margin: 0 0 20px;}
.img-list img {margin: 0 6px 6px 0;}
#img-list img {margin: 0;}

/* CAREER */
.career h2 strong {display: block; font-size: 55%; color: #444;}
.career h2 {color: #ee1c23; margin: 0;}
.career ul.reset li {padding: 0 0 0 8px; background: url('../img/bg-li.png') 0 0.7em no-repeat;}
.career ul li {padding: 0 0 0 8px; background: url('../img/bg-li.png') 0 0.7em no-repeat;}

/* CONTACT */
.contact {margin: 0 0 30px;}
.contact h2 {margin: 0 0 0.3em; padding: 0 0 0.2em; border-bottom: 1px solid #D9DADB; font-size: 150%;}
.contact p {font-size: 100%;}
.contact .agency {float: left; display: inline; width: 212px; margin: 0 10px 0 0;}
.contact .billing {float: left; display: inline; width: 260px;}
.contact img {margin: 0;}

/* TEAM LIST */
.team-list h2 {background: url('/public/img/bg-h.png') 0 60% repeat-x; color: #ee1c23; margin: 0 0 8px;}
.team-list h3 {margin: 0 0 0.3em; padding: 0 0 0.2em; border-bottom: 1px solid #D9DADB; font-size: 125%; font-weight: bold;}
.team-list ul {margin: 13px 0 25px -18px;}
.team-list ul li {margin: 0 0 0 18px; width: 115px; padding: 0 0 0 75px; float: left; display: inline;}
.team-list h4 {font-size: 100%; margin: 0; line-height:1.5;}
.team-list h4 img {float: left; display: inline; margin: 0 0 0 -75px;}

/* FOOTER */
#footer {border-top: 2px solid #e2e3e3; margin: 30px 0 0; padding: 12px 0 10px;}
#footer .logo {margin: 0 20px 0 0;}
#footer .address {width: 265px;}
#footer .address .r {width: 40%;}
#footer  a {
 color: #444;
 text-decoration: none;
}


.sluzby ul li {margin:0px;}
.sluzby li {list-style-type:disc;}
#facebook {
	margin: 20px 0 10px 0;
}