/* CSS Document */
* { margin: 0; padding: 0; }
html, body { background: #f2fbfe url("../clip/bcg.png") top center repeat-x; font-family: "trebuchet ms",tahoma,sans-serif; font-size: 10pt; color: #006db4; line-height: 140%; text-align: center; }
ul, ol, dl, p { margin: 0 0 1em 0; }
ul, ol { margin-left: 30px; }
ul { list-style: circle; }
a { text-decoration: underline; color: #006db4; }
a:hover { text-decoration: none; }
address { font-style: normal; }
dt { font-weight: bold; }
dd { padding: 5px 0 15px 0; margin: 0 0 15px 0; border-bottom: 2px solid #dbf4f3; }
img { border: 0; display: block; }
li img { display: inline; vertical-align: middle; }
hr { display: none; }
form { margin-top: 1em; }
.clear { font-size: 1px; height: 1px; clear: both; }
.more { text-align: right; }
table { width: 100%; }
input,
textarea { width: 100%; margin: 5px 0; }
#frmsignInForm-remember { width: auto; margin-right: 5px; }
#frmeditForm-publish_date,
#frmaddForm-publish_date { width: auto; }
.button { width: auto; padding: 5px 10px; }

div .content { width: 700px; margin: 0 auto; position: relative; }


#header { height: 250px; background: url("../clip/header.jpg") top center no-repeat; }
#header .content { ; }
#header h1 { width: 494px; height: 81px; position: absolute; top: 63px; left: 0; background: url("../clip/veterinarni-stomatologie.png") no-repeat; }
#header h1 strong { display: none; }
#header h1 a { display: block; width: 100%; height: 100%; }
#header p { display: none; }
#header ul { list-style: none; margin: 0 0 0 2px; position: absolute; top: 200px; }
#header ul li { display: inline; }
#header ul li a,
#header ul li strong { display: block; float: left; height: 30px; margin-right: 13px; background-repeat: no-repeat; background-position: top center; }
#header ul li a:hover { background-position: center center; }
#header ul li strong { background-position: bottom center; }
#header ul li span { display: none; }
	li.aktuality a, li.aktuality strong { width: 106px; background-image: url("../clip/menu/aktuality.png"); }
	li.kontakt a, li.kontakt strong { width: 94px; background-image: url("../clip/menu/kontakt.png"); }
	li.caste-dotazy a, li.caste-dotazy strong { width: 136px; background-image: url("../clip/menu/caste-dotazy.png"); }
	li.poradna a, li.poradna strong { width: 99px; background-image: url("../clip/menu/poradna.png"); }
	li.vybaveni a, li.vybaveni strong { width: 99px; background-image: url("../clip/menu/vybaveni.png"); }
	li.zakroky a, li.zakroky strong { width: 98px; background-image: url("../clip/menu/zakroky.png"); margin-right: 0 !important; }


#body { background: #f2fbfe; }
#body .content { padding: 20px 0; text-align: left; }

#main { position: relative; width: 490px; float: right; }
#main .content { width: 475px; padding: 30px 0; }
#main h2 { font-size: 18pt; color: #00a99d; text-transform: uppercase; font-weight: normal; letter-spacing: .1ex; line-height: 120%; padding: 0 30px 1em 0; }
#main h3 { font-size: 14pt; font-weight: normal; line-height: 120%; padding: .5em 0; }
#main h4 { font-size: 12pt; color: #1cbbb4; line-height: 120%; padding: .5em 0 .75em 0; }
#main .print { position: absolute; top: 28px; right: 0; margin: 0; }
#main #map { padding: 1em 0; }
#main #map iframe { border: 2px solid #dbf4f3; width: 350px; height: 350px; }
#main .gallery { background: #dcf4f6; padding: 5px 2px; margin: 0 0 1em 0; }
#main .gallery .thumbs { width: auto; height: auto; overflow: auto; }
#main .gallery .thumbs table { border: 0; width: auto; margin: 0; }
#main .gallery .thumbs table td { padding: 0 3px; }
#main .image { background: #dcf4f6; padding: 5px; margin: 0 0 20px 20px; float: right; }

#main .news { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 2px solid #dbf4f3; }
#main .news p { margin: 0 0 .5em 0; }
#main .news .news_date { font-weight: bold; }
#main .news .gallery { margin: .5em 0 0 0; clear: both; }
#main .news .mainphoto { width: auto; float: right; margin: 0 0 10px 10px; border: 5px solid #dcf4f6; }

#main .consult { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 2px solid #dbf4f3; }
#main .consult p { margin: 0 0 .5em 0; }
#main .consult h3 { font-weight: bold; }
#main .consult .gallery { margin: .5em 0 0 0; clear: both; }
#main .consult .answer { margin: 10px 0 0 0; padding: 10px 0 10px 20px; border-left: 8px solid #dbf4f3; }
#main .archiv { padding: 10px; text-align: center; }

#column { position: relative; width: 210px; float: left; }
#column h3 { display: none; }
#column ul { list-style: none; margin: 0; }
#column ul li,
#column p { margin: 0; margin-bottom: 3px; }
#column ul li a,
#column ul li strong { display: block; width: 174px; height: 74px; background-repeat: no-repeat; background-position: top left; }
#column ul li a:hover,
#column ul li strong { background-position: top right; }
#column ul li span { display: none; }
	li.zubni-kamen a, li.zubni-kamen strong { background-image: url("../clip/column/zubni-kamen.png"); }
	li.zlomeny-zub a, li.zlomeny-zub strong { background-image: url("../clip/column/zlomeny-zub.png"); }
	li.vady-skusu a, li.vady-skusu strong { background-image: url("../clip/column/vady-skusu.png"); }
	li.mlecne-zuby a, li.mlecne-zuby strong { background-image: url("../clip/column/mlecne-zuby.png"); }
	li.zubni-kaz a, li.zubni-kaz strong { background-image: url("../clip/column/zubni-kaz.png"); }
	li.stomatologie-kocek a, li.stomatologie-kocek strong { background-image: url("../clip/column/stomatologie-kocek.png"); }
	li.stomatologie-hlodavcu a, li.stomatologie-hlodavcu strong { background-image: url("../clip/column/stomatologie-hlodavcu.png"); }
	li.nadory-dutiny-ustni a, li.nadory-dutiny-ustni strong { background-image: url("../clip/column/nadory-dutiny-ustni.png"); }
	li.ostatni-onemocneni a, li.ostatni-onemocneni strong { background-image: url("../clip/column/ostatni-onemocneni.png"); }
	li.rady-tipy a, li.rady-tipy strong { background-image: url("../clip/column/rady-tipy.png"); }
	li.anestezie a, li.anestezie strong { background-image: url("../clip/column/anestezie.png"); }


#person { background: #1cbbb4; }
#person .content { text-align: left; padding: 20px 0; font-size: 9pt; line-height: 140%; }
#person h3 { width: 214px; height: 30px; background: url("../clip/mvdr-katerina-slaba.png") no-repeat bottom right; position: absolute; top: -30px; right: 0; }
#person h3 span { display: none; }
#person p { margin: 0; }
#person, #person a { color: #fff; }
#person img { float: right; border: 2px solid #c8eeed; margin: 0 20px 0 15px; }
#person .more { margin-top: 1em; }
#person .top { width: 44px; height: 35px; background: url("../clip/arrow_top.png") no-repeat top center; position: absolute; bottom: -15px; left: 330px; }
#person .top a { width: 100%; height: 100%; display: block; }
#person .top span { display: none; }


#footer { background: #dbf4f3; padding: 30px 0 20px 0; }
#footer .content { line-height: 200%; background: url("../clip/klinika-arvet.png") no-repeat top left; }
#footer p { margin: 0; }
#footer, #footer a { color: #1cbbb4; }
#footer #copyright { text-align: left; padding-top: 65px; }
#footer #webmaster { text-align: right; position: absolute; bottom: 0; right: 0; }