* { margin: 0; padding: 0; }
/*obecne*/
.clear_both { clear: both; }
.clear_left { clear: left; }
a { outline: none; }
a.externLink { background-image: url(http://www.arteus.cz/misc/extern_link_black.gif); background-position: right center; background-repeat: no-repeat; display: inline; padding-right: 13px; }
ul.inline { }
ul.inline li { display: inline; }
a img { border:none}
body { font-family: 'Lucida Sans Unicode' , 'Lucida Sans' , 'Lucida Grande' , Georgia , Verdana,Arial,Helvetica, sans-serif; color: #434343; line-height: 150%; font-size: 0.8em; text-align: center; background-color: #f9fafa; background: url(http://www.arteus.cz/img/bg.gif) top left repeat fixed; }
#container { width: 100%; margin: 0; text-align: center; }

/*link styles*/
a:link, a:visited { color: #000; text-decoration: none; }
a:hover { color: #383838; text-decoration: underline; }
a:active { color: #000; text-decoration: none; }
.title { font-weight: bold; }
/*headings*/
h2, h3, h4, h5, h6 { color: #2f332a; font-family: Helvetica, Arial; padding-bottom: 5px; }
h2 { font-size: 25px; font-weight: normal; line-height: 60px; letter-spacing: -0.5px; margin: 15px 0 10px 0; }
h3 { font-size: 20px; line-height: 20px; letter-spacing: -0.5px; font-weight: normal;  margin: 15px 0 5px 0; }
.colorInternet, .colorInternet a { color: #88bf1b; }
.colorDtp, .colorDtp a { color: #d87a20; }
.colorPrint, .colorPrint a { color: #21a9e2; }

/*head*/
#headerHolder { width: 100%; margin: 0; height: 115px; background: url(http://www.arteus.cz/img/bgHeader.png) top left repeat-x; }
#header { width: 980px; margin: 0 auto 0 auto; height: 115px; }
#header h1 a { width: 145px; height: 101px; display: block; background: url(http://www.arteus.cz/img/arteusLogoTop.gif) top left no-repeat; margin: 0 0 0 40px; float: left; text-indent: -9999px; }

#nav { display: block; float: right; list-style: none; margin: 0px 35px 0 5px; height: 111px; text-indent: -99999px; width: 440px; }
#nav li { margin: 0; display: inline; float: left; }
#nav .b1 { background: url(http://www.arteus.cz/img/b1Off.png) top left no-repeat; width: 77px; height: 111px; }
#nav .b1 a:hover { background: url(http://www.arteus.cz/img/b1Hover.png) top left no-repeat; width: 77px; height: 111px; }
#nav .b2 { background: url(http://www.arteus.cz/img/b2Off.png) top left no-repeat; width: 73px; height: 111px; }
#nav .b2 a:hover { background: url(http://www.arteus.cz/img/b2Hover.png) top left no-repeat; width: 73px; height: 111px; }
#nav .b3 { background: url(http://www.arteus.cz/img/b3Off.png) top left no-repeat; width: 61px; height: 111px; }
#nav .b3 a:hover { background: url(http://www.arteus.cz/img/b3Hover.png) top left no-repeat; width: 61px; height: 111px; }
#nav .b4 { background: url(http://www.arteus.cz/img/b4Off.png) top left no-repeat; width: 49px; height: 111px; }
#nav .b4 a:hover { background: url(http://www.arteus.cz/img/b4Hover.png) top left no-repeat; width: 49px; height: 111px; }
#nav .b5 { background: url(http://www.arteus.cz/img/b5Off.png) top left no-repeat; width: 92px; height: 111px; }
#nav .b5 a:hover { background: url(http://www.arteus.cz/img/b5Hover.png) top left no-repeat; width: 92px; height: 111px; }
#nav .b6 { background: url(http://www.arteus.cz/img/b6Off.png) top left no-repeat; width: 88px; height: 111px; }
#nav .b6 a:hover { background: url(http://www.arteus.cz/img/b6Hover.png) top left no-repeat; width: 88px; height: 111px; }
#nav strong { display: block; text-indent: -9999px; height: 111px; }
#nav .b1 a strong { background: url(http://www.arteus.cz/img/b1On.png) top left no-repeat; width: 77px; height: 111px; }
#nav .b2 a strong { background: url(http://www.arteus.cz/img/b2On.png) top left no-repeat; width: 73px; height: 111px; }
#nav .b3 a strong { background: url(http://www.arteus.cz/img/b3On.png) top left no-repeat; width: 61px; height: 111px; }
#nav .b4 a strong { background: url(http://www.arteus.cz/img/b4On.png) top left no-repeat; width: 49px; height: 111px; }
#nav .b5 a strong { background: url(http://www.arteus.cz/img/b5On.png) top left no-repeat; width: 92px; height: 111px; }
#nav .b6 a strong { background: url(http://www.arteus.cz/img/b6On.png) top left no-repeat; width: 88px; height: 111px; }
#nav li a { display: block; height: 111px; text-decoration: none; text-indent: -99999px; }

#boobleA { width: 464px; height: 285px; display: none; position: absolute; background: url(http://www.arteus.cz/img/boobleA.png) top left no-repeat; }

/*body*/
#bodyHolder { width: 100%; margin: 0; text-align: center; }
#body { width: 980px; margin: 0 auto 0 auto; }
#homeLetterMenuHolder { display: block; float: left; margin: 0 0 0 45px; height: 606px; width: 905px; }
#homeLetterMenu { display: block; float: left; list-style: none; height: 606px; text-indent: -99999px; width: 905px; }
#homeLetterMenu li { margin: 0; display: block; float: left; }
#a { background: url(http://www.arteus.cz/img/bigLetterA.png) top left no-repeat; width: 301px; height: 302px; }
#a a:hover { background: url(http://www.arteus.cz/img/bigLetterAHover.png) top left no-repeat; width: 301px; height: 302px; }
#r { background: url(http://www.arteus.cz/img/bigLetterR.png) top left no-repeat; width: 303px; height: 302px; }
#r a:hover { background: url(http://www.arteus.cz/img/bigLetterRHover.png) top left no-repeat; width: 303px; height: 302px; }
#t { background: url(http://www.arteus.cz/img/bigLetterT.png) top left no-repeat; width: 300px; height: 302px; }
#t a:hover { background: url(http://www.arteus.cz/img/bigLetterTHover.png) top left no-repeat; width: 300px; height: 302px; }
#e { background: url(http://www.arteus.cz/img/bigLetterE.png) top left no-repeat; width: 301px; height: 305px; }
#e a:hover { background: url(http://www.arteus.cz/img/bigLetterEHover.png) top left no-repeat; width: 301px; height: 305px; }
#u { background: url(http://www.arteus.cz/img/bigLetterU.png) top left no-repeat; width: 303px; height: 305px; }
#u a:hover { background: url(http://www.arteus.cz/img/bigLetterUHover.png) top left no-repeat; width: 303px; height: 305px; }
#s { background: url(http://www.arteus.cz/img/bigLetterS.png) top left no-repeat; width: 301px; height: 305px; }
#s a:hover { background: url(http://www.arteus.cz/img/bigLetterSHover.png) top left no-repeat; width: 301px; height: 305px; }
#homeLetterMenu li a { display: block; height: 300px; width: 300px; text-decoration: none; text-indent: -99999px; }

.textContainerTop { background: url(http://www.arteus.cz/img/mainBgTop.png) top left no-repeat; width: 903px; height: 10px; display: block; margin: 0 0 0 45px; }
.textContainerBody { background: url(http://www.arteus.cz/img/mainBgBody.png) top left repeat-y; width: 903px; margin: 0 0 0 45px; }
.textContainerBottom { background: url(http://www.arteus.cz/img/mainBgBottom.png) top left no-repeat; width: 903px; height: 10px; display: block; margin: 0 0 0 45px; }

.textContainerBody .whole { margin: 0 0 0 45px; width: 820px; display: block; float: left; text-align: left; }
.whole .descText { width: 450px; float: left; margin: 0 15px 0 0}
.whole .descTextRef { width:270px; float:left;margin: 0 15px 0 0}


.whole .descPic { width: 350px; float: left; margin: 0 0 10px 0 }
.whole .descPicRef { width: 526px; float: left; margin: 0 0 10px 0 }
.whole .border { border: solid 1px #a8a8a8}
.whole .refPic { width:200px; float:left; margin: 0 5px 5px 0}
.textContainerBody .leftHalf { margin: 0 0 0 45px; width: 400px; display: block; float: left; text-align: left; }
.textContainerBody .rightHalf { margin: 0 0 0 20px; width: 400px; display: block; float: left; text-align: left; }
.leftHalf, .rightHalf p { margin: 5px 0 15px 0; }

#servicesMenu { list-style: none; }
#servicesMenu li ul { list-style: none; padding: 0 0 0 10px; }

/*contacts*/
#contactForm { width: 290px; text-align: left; margin: 15px 0 0 0; }
#contactForm .formField textarea, #contactForm .formField input, #contactForm .formField select { background: #fff; border: 1px solid #d0d0d0; padding: 5px; font-size: 12px; width: 290px; font-family: 'Lucida Sans Unicode'; }
#contactForm input#submitButton { background: transparent url(http://www.arteus.cz/img/btnGreenOff.png) no-repeat 0 0; border: none; color: #fff; height: 40px; font-size: 13px; font-weight: bold; padding: 4px 0 8px 0; margin-top: 10px; width: 140px; text-align: center; cursor: pointer; text-indent: -9999px; }
#contactForm input:hover#submitButton { background: transparent url(http://www.arteus.cz/img/btnGreenOn.png) no-repeat 0 0; }

/*bottom*/
#bottomHolder { width: 100%; margin: 0; text-align: center; }
#bottom { width: 980px; margin: 0 auto 0 auto; }
#bottomMenuPartners { display: block; float: left; list-style: none; width: 800px; }
#bottomMenuPartners li { margin: 0 0 5px 25px; display: inline; float: left; }
#bottomMenuPartners li a img { border: 0; }

/*footer*/
#footerHolder { width: 100%; margin: 0; background: url(http://www.arteus.cz/img/bg40.png) top left repeat; font-size: 0.85em; }
#footer { width: 980px; margin: 0 auto 0 auto; height: 300px; }
#footer h1 a { width: 145px; height: 101px; display: block; background: url(http://www.arteus.cz/img/arteusLogoTop.gif) top left no-repeat; margin: 0 0 0 40px; float: left; text-indent: -9999px; }
#navBottom { list-style: none; width: 400px; float: right; height: 40px; margin: 15px 20px 0 0; }
#navBottom li { display: inline; margin: 0 10px 0 0; }
#navBottom li a { color: #e6e6e6; }
#navBottom li a:hover { color: #fff; text-decoration: underline; }

#footerLinks { list-style: none; width: 500px; float: left; height: 40px; margin: 15px 0 0 0; text-align: left; }
#footerLinks li { display: block; margin: 0 0 0 52px; }
#footerLinks li a { color: #e6e6e6; }
#footerLinks li a:hover { color: #fff; text-decoration: underline; }