html, body {font-size: 100.01%;}
html { background: #fff url('body.png') left bottom repeat-x}

body{padding: 0; margin: 0; background: url('body-bg2.png') left top repeat-x; color: #37403d; font-family: Arial, Helvetica, sans-serif; font-size: 75%;}
body.hp {background: url('body-bg.png') left top repeat-x;}

div#body {width: 100%; background: url('header-page2.gif') center top no-repeat;}

body.hp div#body {background: url('header2.gif') center top no-repeat;}

.hp div#content h1 {font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 130%; font-weight: bold; color: #384545; position: static; clear: both; display: block; margin: 27px 0 0 0; font-size: 180%; font-weight: normal;}
h1, h2, h3, h4, h5, h6 {color: #384545; margin: 1.25em 0 0.3em; text-transform: uppercase;}
h1 {font-size: 180%; font-weight: normal;}
h2, .hp h3 {font-size: 129%; font-weight: bold; background: url('h2-bg.gif') left 3px no-repeat; padding: 0 0 0 19px;}
h3, .hp h4 {font-size: 125%; font-weight: normal;}
h4, .hp h5 {font-size: 115%; text-transform: none;}
h5, h6, .hp h6 {font-size: 105%; font-weight: normal; text-transform: none;}

p {line-height: 130%; margin: 0.5em 0;}
big {line-height: 1.3em;}

a {color: #ef6725; text-decoration: underline;}
a:hover {color: #1f2626; text-decoration: none;}

/*img {border: 3px solid #f3f5f5}*/
img.noborder {border: 0;}
a img {border: 0;}

sub,sup {vertical-align: baseline; position: relative;}
sub {top: 0.4em;}
sup {bottom: 0.4em;}

abbr,acronym {cursor: help;}
address {font-style: normal;}

table {border: 0;}
table th {padding: 5px 9px; background: #d1d9d9; color: #384545; text-align: left;}
table td {padding: 5px 9px; background: #fff; color: #384545}
tr.active td {background: #f16c2c; color: #fff;}

ul, ol, dl, dt, dd {margin: 0; padding: 0;}

li {margin: 0.4em 0; line-height: 130%; list-style-type: none;}

form {margin: 0;}
input.submit {cursor: pointer;}

.cleaner {clear: both; visibility: hidden; font-size: 1px; height: 1px; line-height: 1px;}

div#wrapper {width: 960px; margin: 0 auto; position: relative; padding-bottom: 100px;}
div.hp {padding-bottom: 40px !important;}

#logo a {text-decoration: none;}
/*#logo a:hover {color: #fff;}*/

/*strong#logo {font-size: 250%; position: absolute; top: 37px; left: 2px; margin: 0; z-index: 2; overflow: hidden; background-color: #082851; text-decoration: none;}*/
strong#logo {font-size: 450%; position: absolute; top: 27px; left: 2px; margin: 0; z-index: 2; overflow: hidden; /*background-color: #082851;*/ text-decoration: none;}
.hp strong#logo {top: 48px;}
							
/*.hp strong#logo, .hp strong#logo span {width: 224px; height: 75px;} */						/* 70 */
strong#logo span {position: absolute; left: 0; top: 0; z-index: 3; background: url('logo2.png') no-repeat;}
/*.hp strong#logo span {background: url('logo.png') no-repeat;}*/

/*strong#logo, strong#logo span {width: 180px; height: 62px; display: block; cursor: pointer;}*/
strong#logo, strong#logo span {width: 224px; height: 52px; display: block; cursor: pointer;}

strong#logo span {position: absolute; left: 0; top: 0; z-index: 3; background: url('logo2.png') no-repeat;}
/*.hp strong#logo span {background: url('logo.png') no-repeat;}*/

/* HEADER */
div#header {width: 980px; height: 187px; position: absolute; top: 0; left: 0; z-index: 1; background: url('header-page.png') left top no-repeat;} 
body.hp div#header {height: 253px; background: url('header.png') -220px 0  no-repeat;}

/*div#header form#lang {float: right; margin-top: 10px;}
div#header form#lang select {width: 125px;}*/

div#header #lang {float: right; margin-top: 10px; color:#fff; }
div#header #lang a { color:#fff; }

ul#nav {float: right; font-size: 90%; padding-top: 0;}
ul#nav li {margin: 0; float: left;}
ul#nav li a {float: left; background: url('header-nav-bg.gif') left top no-repeat; color: #fff; padding: 15px 20px 0; text-decoration: none; text-transform: uppercase;}   
ul#nav li a:hover {color: #000;}

ul#menu {position: absolute; bottom: 0; left: 25px;}
ul#menu li {float: left; margin: 0; background: url('menu-sep.png') right bottom no-repeat; position: relative;}
ul#menu li.last {background: url('')}
ul#menu li a, ul#menu li span {height: 50px; line-height: 50px; float: left; padding: 0 25px; color: #1f2626; text-decoration: none; text-transform: uppercase;}
ul#menu li a:hover {background: url('menu-hover3.png') left top repeat-x}

/* submenu */
ul#menu li ul {position: absolute; left: 0; top: 50px; visibility: hidden; white-space: nowrap; background: #e0e9eb url('menu-ul-ul.png') left top repeat-x; color: #fff; padding-bottom: 15px; margin: 0;}
ul#menu li:hover, ul#menu li.hover {background: url('menu-hover3.png') left top repeat-x;}
ul#menu li li:hover, ul#menu li li.hover {background: url('');}
ul#menu li:hover ul, ul#menu li.hover ul {visibility: visible; width: 200px; padding: 10px 0; border-bottom: 3px solid #d9dede;}
ul#menu li li {height: 25px; width: 180px; background: url('');}
ul#menu li:hover ul li a, #menu li.hover ul li a {text-align: left; width: 155px; float: none; font-size: 100%; margin: 0; background: url('li-bg.gif') 6px 10px no-repeat; position: relative; height: 25px; line-height: 25px; color: #384545; padding: 0 5px 0 20px; text-transform: none; font-weight: normal; display: block;}
ul#menu li:hover ul li a.active, #menu li.hover ul li a.active {font-weight: bold;}
ul#menu li ul li a:hover {background: url('li-a-bg.gif') 6px 10px no-repeat; color: #f15000}
ul#menu li, ul#menu li span {behavior: url('http://www.diseven.cz/design/hover.htc')}

/* CONTENT */
div#content {width: 630px; padding: 0 90px 0 0; float: left; margin-top: 207px; background: url('content-separator.png') 710px 40px no-repeat;}	
div.hp div#content {width: 980px; padding: 40px 0 0; background: none; margin-top: 240px;}

div.facilityMain div#content {width: 980px; padding: 20px 0 0; background: url(''); margin-top: 185px;}

div.content-reference {width: 710px !important; padding: 0 0px 0 0 !important; background: url('content-separator.png') 710px 40px no-repeat;}

.hp h1, strong#slogan {font-size: 240%; line-height: 1.2em; font-weight: normal; margin: 0; font-family: 'times new roman', arial, helvetica, sans-serif; position: relative; z-index: 2; display: inline; top: 65px; left: 250px;font-weight: bold;color: #fff; top: 130px; left: 2px;}
.hp h1 strong {font-weight: normal; color: #1f2626; display: block; font-size: 130%;}
strong#slogan {position: absolute; top: 50px; left: 400px; width: 560px; color: #1f2626; text-align: right;}

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {clear: both;}
div#content h1 {background: url('h2-bg.gif') left 9px no-repeat; padding: 0 0 20px 20px;}
div#content h2.margin, div#content p.margin {margin-top: 35px;}
div#content p.margin {line-height: 1.75em;}

/* breadcrumbs */
p#breadcrumbs a, p#breadcrumbs span {color: #1f2626; height: 26px; line-height: 26px; padding: 0 15px; background: url('breadcrumbs.png') left center no-repeat;}
p#breadcrumbs a.home {background: url('home.gif') left 6px no-repeat;}
p#breadcrumbs span {color: #ef6725; }


div#content ul#services li {height: 75px; width: 440px; vertical-align: middle; margin: 10px 0; background: url(''); padding: 0;}
div#content ul.services li {width: 95% !important;}

div#content ul#services.list li#service1 { background: url('services1.png') no-repeat;}
div#content ul#services.list li#service2 { background: url('services2.png') no-repeat;}
div#content ul#services.list li#service3 { background: url('services4.png') no-repeat;}
div#content ul#services.list li#service4 { background: url('facility-management.jpg') no-repeat;}
div#content ul#services.list li#service5 { background: url('poradatelske_sluzby3.jpg') no-repeat;}


ul#services {margin: 25px 0 0;}
/*ul#services a, */ul#services span.list {display: block; height: 42px; padding: 0px 0 0 250px; position: relative; text-decoration: none;  color: #1f2626;}
ul#services li.two-lines a {padding-top: 5px; height: 55px;}

div#content ul.services a {padding-top: 0 !important; text-decoration: none; height: 60px;}

div#content ul.services li {margin-bottom: 30px !important;}
ul.services a em, ul.services span.list em {font-size: 75%; display: block; line-height: 1.5em; padding: 2px 0 0; font-style: normal; font-weight: normal; text-decoration: none !important; text-transform: none;}
ul.services a strong {text-decoration: underline; color: #1F2626;}
ul.services a:hover strong {text-decoration: none; color: #f04e00;}

ul#services a:hover {text-decoration: none; color: #f04e00;}
/*ul#services a span*/ ul#services span.list span {text-decoration: none !important;  background: url('services-border.gif') left top no-repeat; height: 60px; width: 227px; display: block; position: absolute; top: 0; left: 0;}
ul#services a:hover span {background: url('services-border-hover.gif') left top no-repeat;}

ul#services li h2 {background: url(''); padding: 0; margin: 0; height: 60px; line-height: 1.4em;}

div.service1{background: url('besp_sluzby.gif'); width: 226px; height: 271px; padding:0px; float:left; margin: 0px 10px 0px 0px;}
div.service1 a.serv1{float:left; font-size: 125%; color:#FFF; text-decoration: underline; font-weight: bold; width: 130px; margin: 200px 0px 0px 30px;
	
}
div.service2{background: url('uklid_sluzby.gif'); width: 226px; height: 271px; padding:0px; margin: 0px 10px 0px 0px; float:left;}
div.service2 a.serv2{float:left; font-size: 125%; color:#FFF; text-decoration: underline; font-weight: bold; width: 130px; margin: 200px 0px 0px 30px;
	
}
div.service3{background: url('pco_sluzby.gif'); width: 226px; height: 271px; padding:0px; margin:0px; float:left;}
div.service3 a.serv3{float:left; font-size: 125%; color:#FFF; text-decoration: underline; font-weight: bold; width: 130px; margin: 200px 0px 0px 30px;
	
}

div.box, div.box-small {float: left; width: 700px; padding: 0px 20px 10px 0px;}
div.box-small {width: 200px;}
div.box h3{margin-bottom: 25px;}
div.box.home-box { margin: 15px 0 0 0; line-height: 150%; }

/* pro banner na titulce  */
div.box ul { margin-left: 30px; }
div.box ul li a { color:#fff;}
/* banner na titulce  */





div.reference {font-size: 95%; width: 230px; padding: 0 0 0 20px; background: url('hp-reference-bg.png') left center no-repeat;}
div.reference h3 {margin-bottom: 27px;}
	
div.reference a {float: left; width: 94px; margin: 0;  color: #1f2626; text-decoration: none}
div.reference span {float: left; width: 98px; margin: 0 15px 30px 0;  color: #1f2626; text-decoration: none}
/*div#content div.reference a img {width: 74px; height: 26px; display: block; background: url(''); margin: 0;}
div.reference a:hover {color: #ef6725;}
*/
div#content div.reference span img {width: 74px; height: 26px; display: block; background: url(''); margin: 0; border: 0;}
div#content div.ref span img {border: 0; padding-bottom:20px; width:153px; height:58px;}

a.more {text-decoration: underline !important; background: url('more.gif') left 4px no-repeat; padding: 0 0 0 12px; color: #1f2626;}	
a.more:hover {text-decoration: none; color: #f04e00;}	

div.bottom {width: 960px; background: url('hp-bottom-bg.gif') left top repeat-y; min-height: 170px; margin: 20px 0 0;}
* html div.bottom {height: 170px;}

div.bottom h3 {height: 50px; line-height: 50px; margin: 0; padding: 0; background: url('')}
div.bottom h3 a {text-decoration: none; color: #384545}

div.bottom div.box {padding: 0 20px; width: 420px; background: url('bottom-h3.png') left top repeat-x;}
div.bottom div.box-small {width: 190px; padding: 0 35px 0 0; margin: 0;}
div.bottom div.right {background: url('bottom-h3.png') left top repeat-x; width: 198px; margin: 0 0 10px 12px; padding: 0 20px; display: inline !important;} 
div.bottom big {font-size: 140%; margin: 15px 0 0; display: block;}

div.news {position: relative;}
div.bottom h3 { background: url('bottom-box.gif') left bottom no-repeat; height: 60px; margin-left: -20px; padding-left: 20px;}

div#content div.bottom img {background: url(''); width: 180px; height: 60px; margin: 0;}
div#content div.bottom .posts2 img {width: auto; height: auto;}
div#content div.bottom .posts2-in {margin-top: 25px; margin-left: -5px;}
div#content div.bottom .posts2-in div {margin-bottom: 15px;}
div#content div.bottom .posts2-in div img {margin-right: 5px;}

div.news h4 {font-weight: bold; font-size: 120%;}
div.news h4 a {text-decoration: underline; color: #1f2626;}
div.news h4 a:hover {text-decoration: none;}

div.news small.date {font-size: 90%; margin: 10px 0 2px; display: block;}

div.news a.archive {position: absolute; top: 18px; right: 25px;}
div.news div.box-small {min-height: 160px; background: url('box-small-sep.png') 207px 10px no-repeat;}
* html div.news div.box-small {height: 160px;}
div.news div.last {background: url(''); padding-right: 0;}

.home-right { float:right; padding-right:10px;}

div.posts2 { background:#F7F9F9 url('bottom-h3.png') repeat-x left top; width:220px; float:left; margin-top:25px;}
div.posts2 h3 { padding-bottom:13px; background: url('bottom-box.gif') left bottom no-repeat; height:27px;padding-left:20px;}
div.posts2 a { color:#384545; text-decoration:none; }
div#content .posts2 a img { float:left; }



div.posts div {margin-right: -20px; padding-right: 20px; background: url('posts-bg.gif') right 80px no-repeat;}
div.posts2 div {background: none;}

div.posts ul {margin: 20px 0; width: 125px !important;}
#content div.posts li {background: url(''); padding: 0;}
div.posts ul li a {background: url('li-a-bg.gif') left 5px no-repeat; padding: 0 0 0 14px; text-decoration: underline; color: #1f2626;}	
div.posts ul li a:hover {text-decoration: none;}

div.posts a.block {display: block; text-align: center; height: 28px; line-height: 28px; border: 1px solid #fbd8c7; color: #fff; background: #f45b00 url('posts-a-block.png') left top repeat-x; text-decoration: none;}
div.posts a.block:hover {text-decoration: underline;}

div.posts2 .posts2-in div {clear: both; margin-bottom: 10px; padding-top: 10px;} 
div.posts2 .posts2-in img {float: left;}
div.posts2 .posts2-in p {padding-top: 15px;}
div.posts2 div.posts2-in {margin-left: 10px;}
div.posts2 div.posts2-in a {color:#EF6725; text-decoration:underline;}


/* volna mista */
div#content ul {clear: both; width: 100%;}
div#content ul li, #right ul li {padding: 0 0 0 20px; background: url('li-bg.gif') 4px 5px no-repeat;}

form#contact-form {background: #f3f5f5; width: 560px; padding: 10px 25px 20px; margin-top: 25px;}

form#contact-form label, form#contact-form input.text {margin: 1px 0;}
form#contact-form label {width: 80px; float: left; padding: 3px 0;}
form#contact-form input.text {width: 188px; height: 18px; padding: 2px 0; margin-right: 10px; float: left;}
form#contact-form input.file {float: left; width: 291px; padding: 2px 0; border: 1px solid #ccc;}

form#contact-form textarea, form#contact-form input.text {border: 1px solid #d1d9d9;}
form#contact-form textarea {width: 557px; height: 65px; }

form#contact-form a.more {float: left; margin-top: 10px;}
form#contact-form input.submit {margin-top: 10px; font-weight: bold; color: #fff; float: right; width: 100px; height: 24px; border: 0; background: #fb7000 url('submit.png') left top no-repeat;}

form#contact-form p {margin: 15px 0 20px;}
.contact h1 { font-size:160%; }

ul.posts {font-size: 140%; margin: 30px 0 40px}
div#content ul.posts li {background: url(''); padding: 0; line-height: 1.6em;}
div#content ul.posts li a {color: #1f2626; font-weight: bold;}
div#content ul.posts li a:hover {color: #ef6725; }

/* sluzby */
iv.page img {float: left; width: 218px; height: 148px; margin: 0 20px 20px 0; padding: 1px 8px 1px 1px; background: url('content-img-bg.gif') left top no-repeat;}


/* kontakt */
div.contact {float: left; width: 360px !important; background: url('content-separator.png') 359px 40px no-repeat !important; padding: 0 !important; margin-right: 10px !important;}
div.contact address, div.contact p {margin: 0 0 0 20px}
div.contact address {margin-bottom: 35px;}
div.contact p.nomargin {margin: 0;}

h2.contact-heading { height: 25px; }

div.mapa, div.mapa img {border: 0;}

/* karta */
div.card {background: #f3f5f5; border: 1px solid #d7e1e1; padding: 20px; width: 400px; float: left; margin: 0 15px 14px 0; position: relative}
div.card h3 {font-weight: normal; font-size: 100%; text-transform: none; background: url('h2-bg.gif') left 1px no-repeat; padding: 0 0 0 18px; margin-bottom: 20px; margin-top: 0; }

div.card strong {display: block;}
div.card img {width: 70px; height: 90px; border: 3px solid #fff; float: left; margin: 0 10px 0 20px; display: inline;}

div.card address {float: left; margin: 15px 30px 0 0; line-height: 1.5em;}
* html div.card address {position: absolute; top: 70px; left: 125px; width: 150px; }

div.card address.address {margin-right: 0;}
* html div.card address.address {left: 295px; width: 105px;}

div.card p {padding: 5px 0 0 105px; line-height: 1.5em;}

/* reference */
div#content div#reference-big {background: #f3f5f5; width: 650px; padding: 0 25px 15px;}
div#content div.ref  {width: 150px; float: left; margin: 0 15px 0 0;}
div#content div.last , .contact_reference div.last {margin: 0;}
div#content div.first , .contact_reference div.first {margin-left: 25px; display: inline;}

.contact_reference div.ref {width: 150px; float: left; margin: 0 40px 0 0; margin-bottom:15px; }
.ref .ref-img { margin-bottom:10px; float:left; }
.ref strong { display:block; text-align:center; }
 

div#content div.ref {float: left; width: 150px; padding-top: 20px; text-align: center; color: #1f2626; text-decoration: none; position: relative;}
div#content div.ref a:hover {color: #f55000;}
div#content div.ref img {height: auto; background: url(''); float: none; display: inline;/* position: absolute; bottom: 30px; left: 0;*/}
.ref a { color:#1F2626; text-decoration:none; }

.references li a { color:#1F2626; text-decoration:none; }
div#content div.ref span {display: block; /*height: 90px;*/}
/** html div#content div.ref span {height: 90px;}*/

div#content div.ref strong {display: block; text-align: left;}
div#content div.ref p {text-align: left;}

div#content p img {margin: 0 10px 15px 0;}

/* O nas */
.content-big {width: 960px !important; background: url('') !important; padding: 0 !important;}
a.complete {float: right; background: url('h2-bg.gif') left 2px no-repeat; margin-top: 21px; padding: 0 0 0 18px;}
.content-big h2.left {float: left;}

div#content ul#history {background: #f3f5f5; padding: 20px; width: 920px;}
div#content ul#history li {background: url('history.gif') 50px top no-repeat; margin: 0; padding: 7px 0;}
div#content ul#history li.first {background: url('history-first.gif') 50px bottom no-repeat;}
div#content ul#history li.last {background: url('history-last.gif') 50px top no-repeat; margin: 0; padding: 7px 0;}
ul#history strong {color: #f04e00; padding: 0 45px 0 0}

div.history-big {width: 960px; }
div.history-big div, div.history-big img.history {margin: 0 20px 0 0; width: 470px; float: left;}

div.history-big div.gray {background: #f3f5f5; padding: 0 20px 20px 20px; width: 430px; height: 270px;}

div.history-big div.right {padding: 0 0 20px 37px; width: 433px;}
div.history-big div.right h2 {margin-left: -17px;}
div.history-big div.cleaner {float: none; height: 20px;}
* html div#content div.history-big div.gray-left {margin-left: -4px;}

div.history-big h2 small {text-transform: none;}

div.history-big img.left {margin-top: 31px;}
div.history-big div.right, div.history-big img.right {margin: 0;}
div.history-big img.right {margin-left: -7px;}
div.history-big img.left {width: 413px;}
div.history-big img.right {width: 414px;}

a.lide-struktura {float: left; padding: 110px 0 0; float: left; width: 208px; font-weight: bold;}
a#lide {background: url('../images/lide-v-diseven.png') left top no-repeat; }
a#organizacni-struktura {background: url('../images/organizacni-struktura.png') left top no-repeat; margin-right: 17px;}

div.uniforms {position: relative;}
div.uniforms img {float: left; width: 200px; height: 90px; border: 3px solid #f3f5f5; margin: 0 20px 0 0}
div.uniforms a {position: absolute; left: 226px; bottom: 3px; font-weight: bold;}

/* pager */
p.pager {margin: 50px 0 0; padding: 25px 0 40px; text-align: center; height: 24px; line-height: 24px; vertical-align: middle; background: url('pager-bg.png') center top no-repeat;}

p.pager a, p.pager span.active {color: #698181; height: 20px; line-height: 20px;}
p.pager a, p.pager span span {float: left; padding: 0 10px; background: url('pager-separator.png') right center no-repeat; }
p.pager a:hover {text-decoration: none; color: #f04e00;}
p.pager span.active {font-weight: bold; font-size: 120%; color: #f04e00;}

p.pager span {display: inline-block;}

p.pager a.image {padding: 0; width: 75px; height: 22px; line-height: 22px; color: #fff; text-align: center; background: #c2c8cb; text-decoration: none; margin-right: 4px;}
p.pager a.prev-next {background: #a3acb2;}
p.pager a.prev {margin-right: 10px;}
p.pager a.next {margin-left: 10px; display: inline;}
p.pager a.image:hover {background: #f04e00; font-size: 90%; font-weight: bold;}


/* facility */
div.facility .marg {margin: 15px 0 0 0;}
div.facility .marg-first {margin: 25px 0 0 0;}

/* General styles */
div#content a img {float: none; /*display: block;*/}

div.gray {background: #f3f5f5; padding: 0 5px;}
div#content div.gray div.white {background: #fff; margin: 0 -5px;}
div#content div.gray ul {background: #fff; display: block;}
div#content div.gray ul.buttons li {background: url(''); float: left; margin: 0; padding: 0 0 0 5px;}

div.gray ul.buttons li a {color: #384545; background: #f3f5f5; float:left; padding: 5px 18px; position: relative; top: 1px; font-weight: bold; text-decoration: none;}
div.gray ul.buttons li a:hover {color: #fff; background: #f36e2e}

/* RIGHT */
div#right {width: 240px; float: left; margin-top: 252px; _margin-top: 272px; }
div#right h2:first-child {margin-bottom: 25px;}

div#right h2.next {margin-bottom: 0;}
.hp div#right {margin-top: 339px;}

div#right ul {padding: 20px; background: #f3f5f5}

div#right address {padding: 20px 0 20px 20px; background: #f3f5f5; line-height: 1.5em;}
div#right address strong big {color: #f04d00; padding-top: 10px; display: inline-block;}


/* reference */
div#right ul#references, div#right ul.references {padding: 20px 15px; }
div#right ul#references { text-transform:uppercase; }
div#right ul#references li, div#right ul.references li {background: url(''); padding: 0; margin: 0 0 30px;}
div#right ul#references li.last {margin: 0;}
div#right ul.references li.last {margin: 0 0 10px 0}

div#right ul#references li a {font-weight: bold; text-decoration: none; color: #1f2626; background: url('right-references-a.gif') left top no-repeat; display: block; height: 60px;}
div#right ul#references li a:hover {background: url('right-references-a-hover.gif') left top no-repeat; color: #f04d00}

div#right ul#references li a img {width: 98px; height: 58px; margin: 1px; float: left; display: inline; margin-right: 15px;}

div#right ul.references li {clear: both;}
/*div#right ul.references li a {color: #1f2626; text-decoration: none;}*/
div#right ul.references li img {width: 72px; margin: 1px 15px 1px 1px; margin-right: 15px; float: left;}

div#right ul.references li p {float: left; width: 120px;}
/*div#right ul.references li strong {float: left; width: 120px}
div#right ul.references li span {float: left; width: 120px; margin-bottom: 15px;}
*/
div#right a.more {float: right;}
div#right ul.references a.more {float: left;}
div#right ul.references a.more:hover {color: #f04e00;}



div#right-contact {width: 545px; padding: 0 20px 20px; background: #f3f5f5; float: left; margin: 265px 0 0;}
div#right-contact-facility {width: 445px; padding: 0 20px 20px; background: #f3f5f5; float: left; margin-right:10px; }

div#right-contact h2 {text-transform: none; clear: both;}
div#right-contact h2 big {font-size: 110%; display: block; text-transform: uppercase; font-weight: bold;}

div#right-contact div.contacts h2 {font-size: 110%; margin-left: -20px;} 
div#right-contact div.contacts {width: 252px; padding: 0 0 20px 20px; float: left;}
div#right-contact div.contacts img {width: 69px; height: 92px; border: 3px solid #fff; border-width: 4px 3px; float: left; margin: 10px 10px 10px 0;}
div#right-contact div.contacts address {line-height: 1.4em; margin: 10px 0;}

div#right-contact div.contacts strong {display: inline-block; margin-bottom: 5px; font-size: 105%;}
div#right-contact div.contacts span.uppercase {text-transform: uppercase;}


div#right-contact div.contacts p {clear: both;}

div#right-contact form#contact-form {width: 500px;}
div#right-contact form#contact-form textarea {width: 488px; clear: both; margin: 0;}
* html div#right-contact form#contact-form textarea {width: 485px;}

div#right-contact form#contact-form input.text {width: 158px;}
div#right-contact form#contact-form input.submit {float: right; margin-right: 10px; display: inline;}

/* Recepce */
div.recepce address {margin: 20px 0; line-height: 1.5em;}
div.recepce img {width: 223px; height: 164px; border: 8px solid #fff; float: right;}

#main { width:100%; }
/* FOOTER */
div#footer-out {height: 275px; width: 100%; float: left; background: #717B7B url('footer-bg.png') left top repeat-x; /*background: #606a6a url('body.png') left top repeat-x;*/ position: relative;}	

div#footer {margin: 0 auto; width: 960px;}

ul#navigation {float: left;}
ul#navigation li {float: left; margin: 0;}
ul#navigation li a {padding: 60px 15px 0; vertical-align: bottom; color: #fff; font-weight: bold; text-decoration: none; float: left; border-right: 1px solid #e6eaea;}
ul#navigation li.last a {border: 0;}
ul#navigation li a:hover {text-decoration: underline;}
	
div#footer div.right {float: right;}
div#footer div.right h3 {float: left; background: url('')}

div#footer div.right ul, div#footer div.right h3 {float: left; width: 200px; padding: 60px 0 0 20px; border-left: 1px solid #e6eaea; color: #fff;}	
div#footer div.right ul li {margin-top: 0; color: #fff;}

div#footer div.right h3 {width: auto; border: 0; padding-right: 20px; font-weight: bold; font-size: 130%; font-family: 'times new roman', arial, helvetica, sans-serif; margin: 0;}
div#footer div#created {clear: both; color: #fff; width: 720px; font-size: 90%;}
div#footer div#created a, div#footer div#created p a {color: #fff;}
div#footer div#created span {padding: 0 15px;}
#footer .right a{ color: #FFFFFF; text-decoration:none;}
#footer .right a:hover{ text-decoration:underline;}

/*.region, .region1,.region2,.region3,.region4,.region5,
.region6,.region7,.region8,.region9,.region10,
.region11,.region12,.region13,.region14{
display:none;
} */
.contacts .email{display:none;}
div#linksFooter {margin-bottom: 3px; color: white; font-size: 90%; margin-top:-10px; text-align:justify; }
div#linksFooter a {color: white;}

/* styly pro vyskakovací infobox */ 
.infobox { position:absolute; display:block; width:308px; height:104px; z-index:2;}
.infobox a { width:308px; height:104px; display:block; }
.infobox .info-text { position: relative; top:-200px; left:150px;}
.infobox .error {background: url('bg-error.png') no-repeat; }
.infobox .info{ background: url('bg-info.png') no-repeat;}
.infobox .info-text a span { position:relative; top:35px; left:100px;  width:180px; float:left; font-size:1.2em; } 
.infobox .error a span { color: #000}
.infobox .info a  span { color: #000}
.infobox  a { text-decoration:none; color:#000000;}
p.vetsi-text { font-size:130%; }

.absolute{ position:absolute; background:#fff; width:150px; padding:5px; border:1px solid #000000; display:none; line-height:20px; z-index:100; }
.people-name span, .people-phone span { visibility:hidden; }

div#right h2.visit { margin-bottom:15px; }
.box-visit h3 { font-size:125%; color:#fff; margin:0 0 2px 0; font-weight:bold; text-transform:none; padding-bottom:0; }
.box-visit { width:210px; height:auto; padding:15px 15px 15px 15px; background: url('bg-contact.png') #7E8787 left bottom no-repeat; color:#fff; }
.box-visit p { margin:0 0 8px 0; }
.box-visit a { color:#fff; text-decoration:none; }
.box-visit span.orange { color:#F04D00; } 


div.hp div#content { padding-top:1px; }
.content-home { margin-top:40px; background: url('bg-content-home.png') left top repeat-y;  }
div.reference { background:#fff; padding-bottom:20px; }
div.posts2 { margin-top:0; }
.box-home2col {background: url('hp-bottom-2box.png') left top repeat-y; width:710px; float:left; }
.box-home2col .news { width:420px; background: url('bottom-h3.png') repeat-x scroll left top ;  padding: 0 20px; }
.box-home2col h3 { background: url('bottom-box.gif') no-repeat left bottom ; height: 60px;margin: 0; padding: 0;  margin-left: -20px; padding-left: 20px; line-height: 50px;  }
.box-home2col .box-small { margin-left:10px; } 
.box-home2col .box-small h3 {  height: 60px;margin: 0; padding: 0;  margin-left: 0; padding-left: 20px; line-height: 50px; } 
div.box, div.box-small { padding-bottom:10px; }
div.posts2 .posts2-in div.contact-home { float:left; margin-bottom:6px; }
.contact-img { float:left; width:75px; }
.contact-text { float:left; }
.contact-home h2 { font-size:12px; }
div.posts2 .posts2-in div.peoples-home { margin-bottom:0; }
div.posts2 .posts2-in .peoples-home p { margin-top:0; padding-top:0;} 
div.peoples-home { float:left; width:200px;  }


.wref { float:left; margin:0 0 20px 0; }
.wref-img { float:left; width:220px; }
.wref-text { float:left; width:410px; }
.wref-text h2 { margin-top:0; }
.contact_reference { padding-top:10px; }