/*base*/
body {text-align:center;behavior:url("js/csshover.htc");}
body {
 border: 2px dashed #800; /* Testovaci prostredi */ 
} 
body::before {
  content: "Testovací prostředí aplikace Petpasy";
  font-size: 400%;
}

#page {width:990px; margin:35px auto 0 auto ; background:#f6f9fe;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.both {clear:both}
.button { background:#8da9e3 !important; color:#fff; max-width:100px; margin:10px 0 !important; border:0 !important; text-align:center; _width:100px;}
.left {text-align:left}


#content #predstavenstvo .table_top,#predstavenstvo  .table_top * {background:#bce3c8; color:#fff; font-weight:bold; text-align:left}
#content #predstavenstvo td {border:solid 1px #ddeae1;padding:2px 5px; padding-left:20px; color:#555; min-width:142px; white-space:nowrap;}
#content #predstavenstvo .table_second_line {background:#eef7f2; }
#content #predstavenstvo {margin-bottom:15px; } 

select {background:#fafafa; border:solid 1px #cbcbcb; max-width:500px} 


h1{visibility:hidden}
h3 {font:bold 170% Arial, Sans; padding:20px 0 10px 20px ; color:#002b9e;}
h3 .respond {font-size:11px}
h4 {font:bold 100% Arial, Sans; padding:5px 0 0px 30px ; color:#002b9e;}
h5 {font:bold 100% Arial, Sans; padding:15px 0 0px 30px ; color:#555;}
li {}
em {display:inline; font-style:italic}
strike {text-decoration: line-through}
small {margin: 0 0 0 20px;}
sub, sup {font-size:90%}
strong {font-weight:bold}  
.warning {color:#800000; margin:10px 0 15px 20px; font:bold 100% Arial; display:block; clear:both;}
.file {clear:both}
.file img {margin-right:10px;}
.file {background:#F5F8FC; display:block; padding: 2px 0; width:200px; border:solid 1px #E0E0E0; margin:1px 0 1px 10px }
.file:hover {text-decoration:none; color:#000}
#logo {background:url("../images/logo.jpg") no-repeat; width:990px; height:148px;}
#logo  #index-link a {display:block; height:148px; width:416px; _position:relative; _left:-300px; #position:relative; #left:-300px;}


a #head {text-decoration:none}
#head {position:absolute; top:10px; left:575px;}
#left {float:left; margin:10px 0;}
#right {float:right; margin: 0 10px 10px 0; max-width:260px;}
#menu {margin:0 0 0 0px;}
#menu li {width:130px; display:block; float:left; line-height:20px; margin:0 1px 0 0; overflow:hidden;}
#menu li a {background:#198b43 url(../images/menu_a.png) no-repeat; display:block; text-align:center; padding:10px 3px; font:bold 9px Arial, Sans; color:#fff; overflow:hidden;}
#menu li a:hover {text-decoration:none;background:#003399 url(../images/menu_a_hover.png) no-repeat;}

 
#inside_menu {float:left; margin:41px 0 0 10px; }
#inside_menu ul {width:129px;background:url(../images/inside_menu_background.png) top repeat-y;}
#inside_menu li, #inside_menu li * {display:block; font:normal 9px Arial, Sans;margin:0;line-height:13px;vertical-align:middle;}
#inside_menu li.top {height:10px;background:url(../images/inside_menu_top.png) no-repeat; position:relative; top:-10px;}
#inside_menu li.bottom {height:10px;background:url(../images/inside_menu_bottom.png) bottom no-repeat; position:relative; top:10px;}
#inside_menu ul li a {display:block; padding:5px 5px 5px 10px;color:#fff; text-align:left;margin-bottom:3px}
#inside_menu ul li a:hover {background:url(../images/inside_menu_a_hover.png) top repeat-y;text-decoration:none;}

#inside {float:left;}

#content {border:solid 1px #e0e1e6; margin:0 0px 10px 0px; clear:both; padding:5px;background:#fff; min-height:200px;}
.content_head {color:#072192; margin: 0 0 15px 20px; height:20px}
.content_head strong {color:#b30000; margin-right:10px;}
.content_head em {color:#555; margin-right:10px; font-style:normal;}

.path {background:url(../images/path_arrow.png) no-repeat; padding-left:20px; margin: 5px 0 10px 0 ;  _background: url(../images/path_arrow.png) no-repeat  0 0; #background: url(../images/path_arrow.png) no-repeat  0 0; float:none; clear:both }
.path, .path *, .path2, .path2 * {color:#b30000;}
.path a, .path2 a {text-decoration:underline;}
.path strong a, .path2 strong a {font-weight:bold; text-decoration:none;}

#addition {background:#e9edf6; border:solid 1px #a5b3d0; padding: 30px 10px; margin: 10px 0px;}
#addition, #addition * {color:#163a90; font-weight:bold;}
#addition img {margin-right:10px}

#copyright {clear:both; width:990px}
#copyright div {padding:3px 0 3px 0; margin:0 0 20px 0; text-align:center; letter-spacing:1px;border-bottom:solid 3px #003399;border-top:solid 2px #e9edf0;}
#copyright, #copyright * {color:#003399; font-size:9px;}

#images_top  { height:110px; width:233px; position:absolute; right:0px; top:0}/*228x139*/
#head strong {margin:0 0 0 15px; font-weight:bold;}
#head a {float:right; display:block; margin: 0 40px 0 0; text-decoration:underline;}
#head a:hover {text-decoration:none;}
#head div {position:relative; top:8px; padding: 0 0 0 0px;}
#head * {color:#003399;}
#head div input {background:#fff; width:95px; display:inline; height:16px; padding:0 2px;}
#head div em {margin:0 4px 0 15px; line-height:18px; vertical-align:middle; font-style:normal;}

#head p {display:block;position:relative; top:17px; left:-50px; padding: 0 0 0 0px;}
#head p * {color:#bc0404;}
#head p input {background:transparent; width:140px; display:inline; height:16px;position:relative; left:50px; padding:0 2px; color:#fff}
#head p strong {display:block; line-height:21px; font-weight:bold; position:relative; left:40px; top:-10px}

#head  #button_blue {background:url(../images/head_button_blue.png) no-repeat; color:#fff; width:65px; padding:0 0 0 5px; height:18px; position:relative; left:-3px;}
#head  #button_red {background:url(../images/head_button_black.gif) no-repeat; color:#fff; width:55px; padding:0 0 0 5px; height:18px}

.pager {clear:both; text-align:center; margin: 30px 0 15px 0 }
.pager span {padding:3px 5px; font-weight:bold}
.pager  a span:hover {background:#C1D1F7; text-decoration:none;}
.pager  strong span {background:#799BEC}

 
.login {margin:4px 0 0 5px; clear:both;}

.small_size {width:830px}
.big_size {width:950px}
/*UNIVERSALNI ODSTAVEC*/ 
.p {margin:10px 10px 10px 15px;}
.p h3 {margin: 2px 0 8px 0; font:bold 14px Arial,Sans; letter-spacing:2px; color:#000; padding:0 0 5px 0;text-transform:uppercase;}/*nadpis odstavce*/
.p h4 {border-bottom:dotted 1px silver; margin: 2px 0 8px 0; font:bold 11px Arial,Sans; padding-left:10px; color:#000; padding:0 0 5px 0;}/*nadpis 2. urovne - soubory,galerie*/
.p p {margin: 2px 0 20px 0;}/*text odstavce*/
.p p strong { font-weight:bold}
.p p em {font-style:italic}
.p .author {display:block; text-align:right}
.p p a { text-decoration:underline;color:rgb(117,117,117);}/*odkaz v textu*/
.p p a:hover {color:red;}
.p img {margin:2px 10px 5px 5px; padding:0;display:inline}/*obrazek odstavce*/
.p .gallery {margin:0 0 10px 0; display:block;}/*blok galerie*/
.p .gallery li  {list-style-type:none;}
.p .gallery a { margin: 20px; float:left; background:transparent; border:solid 10px rgb(235,235,235)}/*galerie obrazku*/
.p .gallery a:hover {background:transparent; border:solid 10px rgb(222,222,222)}
.p .gallery a img {margin:0;}
.p h5 {text-align:left; margin:20px 0 0 30px; display:block; color:#555	}
/*#mapa {border:solid 1px silver; margin:10px 0 0 0;}*/

/*universalni seznam*/
.list {margin: 10px 0 20px 10px}
.list li {display:block; padding-left:25px; background:url(../images/content_arrow_blue2.png) 0 2px no-repeat; margin:0 0 5px 10px}

  
.banner88x31_left{position:relative; top:20px; left:10px; padding-bottom:15px}
.banner88x31_left a{margin-left:8px; display:block; margin:5px}

.banner88x31_right{ padding-bottom:15px;}
.banner88x31_right a{margin-left:8px; display:block; margin:5px;}

.banner88x31_bottom{ padding-bottom:15px; clear:both}
.banner88x31_bottom a{margin-left:8px; display:block; margin:4px; float:left;}

.banner250x250 img { margin:0; padding:0;}
.banner250x250 {text-align:right}

ul.map {margin: 5px 0 10px 15px}
ul.map li {display:block; margin:3px 0 0 20px; list-style-type:square;}
ul.map li a {color:#000; font:bold 110% Arial;}
ul.map li li a {color:#000; font:normal 100% Arial;}
	
.files {clear:both}
.files li {display:block; width:150px; margin-left:30px; display:block; margin-bottom:15px; }
.files a {display:block; margin-left:7px; padding:5px 0 0 7px; height:25px;}
.files img {float:left; margin: 5px 3px 0 2px}
.files a:hover {text-decoration:none;}
.bookmark {clear:both; font:normal 7px Arial,Sans;width:260px;background: url(../images/bookmark_background.png) repeat-y right;}
.bookmark span { display:block;}
.bookmark img {display:block; line-height:5px; clear:both;}
.bookmark ul {float:right;border-right:solid 1px #acc2bf; border-left:solid 1px #acc2bf;  width:231px; background:#fff;} 
.bookmark ul li {display:block; height:40px; margin-right:18px; list-style-type:none;  background:url(../images/bookmark_a_background.png); }
.bookmark a {color:#000; text-decoration:underline; text-transform:uppercase; line-height:40px; vertical-align:middle; display:block; width:160px;float:right; font-weight:bold;  background:url(../images/bookmark_a_background.png);}
.bookmark a:hover {text-decoration:none;}
.bookmark ul li img {float:left;}

#bookmark_green a {color:darkgreen; text-transform:none;text-decoration:none;width:140px;}
#bookmark_green a:hover {text-decoration:underline;}
#bookmark_blue li {background:none; #height:100%;}
#bookmark_blue a {font:normal 9px Arial, Nimbus Sans; text-transform:none;text-decoration:none; color:#ba0b08; text-align:left;width:150px;background:none;}
#bookmark_blue a:hover {color:#f80023;  }
#bookmark_blue span  {color:#7e8f0d; font:normal 8px Arial, Sans;float:right;width:150px;margin-bottom:4px}
#bookmark_yellow a {text-align:left; line-height:20px; font:bold 11px Arial,Sans;width:175px;margin:5px 0 0 0;}
#bookmark_yellow li {margin:0 0 10px 0;}

.bookmark_left {float:left;display:block; height:141px; width:27px}
.bookmark_top {height:13px; font-size:5px;}

.bookmark .green_top {background:url(../images/bookmark_green_top.png) no-repeat;}
.bookmark .green_left {background:url(../images/bookmark_green_left.png) no-repeat;}
.bookmark .blue_top {background:url(../images/bookmark_blue_top.png) no-repeat;}
.bookmark .blue_left {background:url(../images/bookmark_blue_left.png) no-repeat;}
.bookmark .yellow_top {background:url(../images/bookmark_yellow_top.png) no-repeat;}
.bookmark .yellow_left {background:url(../images/bookmark_yellow_left.png) no-repeat;}
.bookmark_bottom {background:url(../images/bookmark_bottom.png) no-repeat; clear:both;}







/*SEKCE*/

#aktuality li {list-style-type:none;}
#aktuality li div {height:20px; background:#eef7f2; margin: 10px 0 10px 0; clear:both}
#aktuality li div h4 a {color:#000; text-decoration:none;line-height:20px; vertical-align:middle; font-weight:bold;}
#aktuality li div h4 a:hover {color:#555; text-decoration:underline;}
#aktuality li div h4 {background:url(../images/content_arrow_blue.png) 0 3px no-repeat;padding:0 0 0 25px; float:left; margin: 0px 0 0px 5px; font:bold 11px Verdana; color:#6b6b6b; width:400px}
#aktuality li div span {line-height:20px; vertical-align:middle;color:#6b6b6b; margin-left:5px}
#aktuality li img {float:left;clear:both; margin: 0 10px 10px 30px;}
#aktuality li p { margin:10px 10px 15px 30px}
#aktuality li em {margin:0px 0 15px 25px; display:block; clear:both; #padding-top:10px;}


#deti{width:500px;}
#deti li {height:110px;margin:5px 20px 5px 0; float:left; width:200px; list-style-type:none;}
#deti li img {margin:10px; float:left}
#deti .flash_deti_upload {margin:10px; float:left}
#deti li a {color:#000; text-decoration:underline; text-transform:uppercase; display:block; text-align:left; margin-top:10px}
#deti li a strong {font-weight:bold; text-transform:uppercase;}
#deti li a:hover {text-decoration:none;}
.flash_deti{text-align:right; position:relative; left:399px; top:-139px; float:left; width:100px; height:10px !important}


#guidepost{margin:0 0 0 0px}
#guidepost li {list-style-type:none}
#guidepost li img {float:left; margin:3px}
#guidepost li h4 {background:url(../images/content_arrow_blue2.png) 0 3px no-repeat;padding-left:25px; margin: 0px 0 0px 5px; font:bold 11px Verdana; line-height:20px; vertical-align:middle; color:#6b6b6b; width:300px}
#guidepost li img {float:left;clear:both; margin: 0 10px 5px 30px;}
#guidepost li p { margin:0 10px 15px 30px;}

#diskuse {margin:0 0 30px 10px}
#diskuse * {overflow:hidden; color:#555;}
#diskuse li {display:block; clear:both;}
#diskuse div {margin:0 0 20px 0}
#diskuse div * {background:#eef7f2 !important; padding:4px 0; color:#072192;}
#diskuse span {display:block; float:left; background:transparent; width:80px}
#diskuse span a {padding:0; display:inline}
#diskuse em {width:275px; display:block; float:left; font-weight:bold; color:#12652f; padding-left:5px; font-style:normal;}
#diskuse strong {width:110px; display:block; float:left; color:#ff0000}
#diskuse a {width:250px; display:block; float:left; font-weight:bold;background:url(../images/content_arrow_blue2.png) 0 2px no-repeat;padding-left:25px; text-decoration:none;color:#555;}
#diskuse a:hover {text-decoration:underline}
.new_topic {background:url(../images/diskuse_newtopic_button.png) no-repeat; width: 152px; line-height:18px; vertical-align:middle; display:block; text-align:center; color:#fff; margin:0 0 0 500px; padding:0}


#diskuse_prispevky *, #poradna * {overflow:hidden; color:#555;}
#diskuse_prispevky li, #poradna li {display:block; clear:both; list-style-type:none;}
#diskuse_prispevky div, #poradna div {margin:0 0 20px 0}
#diskuse_prispevky div *, #poradna div * {background:#f0f4fd !important; padding:4px 0; color:#072192; margin:0 0 20px 0}
#diskuse_prispevky span, #poradna span {display:block; float:left; background:transparent; width:80px}
#diskuse_prispevky span a, #poradna span a {padding-left:30px}
#diskuse_prispevky em, #poradna em {width:250px; display:block; float:left; font-weight:bold; background:url(../images/diskuse_prispevky_arrow.png) 0 -1px no-repeat;padding-left:25px;font-style:normal;}
#poradna em {background:url(../images/content_arrow_blue2.png) 0 2px no-repeat; font-style:normal; width:200px}
#poradna li {margin:0 0 20px 0}
#diskuse_prispevky div em, #poradna div em {background:transparent;padding-left:5px; padding-right:20px; font-style:normal;}
#diskuse_prispevky strong, #poradna strong {width:110px; display:block; float:left; color:#ff0000}
#diskuse_prispevky a, #poradna a {width:50px; display:block; float:left; font-weight:bold; color:#ce0006;text-decoration:underline;}
#diskuse_prispevky a:hover, #poradna a:hover {text-decoration:none;}
#diskuse_prispevky p, #poradna p {clear:both; padding: 5px 20px 15px 25px}
#poradna p {padding-bottom: 5px} 
.new_topic, .respond {background: url(../images/diskuse_newtopic_button.png) no-repeat; width: 152px; line-height:18px; vertical-align:middle; display:block; text-align:center; color:#fff; margin:20px 0 10px 0px; padding:0}
.respond {background:url(../images/diskuse_prispevky_respond_button.png) no-repeat; width: 92px; margin:20px 10px 10px 0px}
 

#poradna_dotaz_form input, #poradna_dotaz_form textarea,#poradna_dotaz_form select, #diskuse_novy_prispevek input, #diskuse_novy_prispevek textarea,#diskuse_novy_prispevek select {background:#fafafa; border:solid 1px #cbcbcb}
#poradna_dotaz_form,#diskuse_novy_prispevek  {margin:0 0 0 20px}
#poradna_dotaz_form em,#diskuse_novy_prispevek em {background:#f2f2f2; color:#ce0006; display:block; padding:2px 5px; font-weight:bold; margin:5px 0 15px 0; font-style:normal;}
#poradna_dotaz_form span, #poradna_dotaz_form strong,#diskuse_novy_prispevek span,#diskuse_novy_prispevek strong {display:block; height:22px; line-height:22px; vertical-align:middle; float:left; clear:both;background:url(../images/path_arrow.png) no-repeat 0 3px; padding-left:25px; width:80px}
#poradna_dotaz_form label {display:block; height:22px; line-height:22px; vertical-align:middle;  clear:both;background:url(../images/path_arrow.png) no-repeat 0 3px; padding-left:25px;}

#poradna_dotaz_form input,#diskuse_novy_prispevek input {width:200px; display:block; height:16px; margin:2px 0 0 150px; padding:1px;} 
#diskuse_novy_prispevek input[type="file"],#diskuse_novy_prispevek input[type="file"] {width:400px; }

#poradna_dotaz_form input[type='checkbox'],#diskuse_novy_prispevek input[type=checkbox] {width:20px; display:inline;}
#poradna_dotaz_form strong,#diskuse_novy_prispevek strong {background:url(../images/diskuse_prispevky_arrow.png) no-repeat; }
#poradna_dotaz_form .respond,#diskuse_novy_prispevek .respond {width: 92px; margin:20px 10px 0 30px; border:0; height:18px; background:url(../images/diskuse_prispevky_respond_button.png) no-repeat; }
#poradna_dotaz_form textarea,#diskuse_novy_prispevek textarea {width:300px; height:100px; margin-top:20px;clear:both;  margin-left:43px;_margin-left:153px}
 
#diskuse_novy_prispevek select {width:400px; margin-left:45px;}

#vyhledat_veterinare {margin:10px 0 20px 0}
#vyhledat_veterinare input {background:#fafafa; border:solid 1px #cbcbcb; width:150px}

.account_form input,.account_form textarea {background:#fafafa; border:solid 1px #cbcbcb; width:140px; height:16px; margin:3px 0;}
.account_form textarea {width:200px; height:100px;}
.account_form .submit input {width: 92px; margin:0 0 30px 0; border:0; height:18px;background:url(../images/diskuse_prispevky_respond_button.png) no-repeat;}
.account_form strong {display:block; height:22px; line-height:22px; vertical-align:middle; float:left; width:170px; clear:both;background:url(../images/path_arrow.png) no-repeat 0 3px; padding-left:25px;}
#opening_hours input {width:40px}


#insertion li {list-style-type:none; margin:0 20px 0 20px}
#insertion p {margin: 0 0 15px 20px; padding:0}
#insertion h4 {border-bottom:solid 1px silver; padding:20px 0 3px 0; margin-bottom:3px}
.new_advertisement  input {width:80px; background:#fafafa; border:solid 1px #cbcbcb}


.error li {display:block;}



#search  strong{color:#070264; margin:10px 0 30px 20px; display:block}
#search  a{color:#0D03C0;}
#search  h5 a{color:gray; font-weight:bold; margin:0; text-decoration:underline}
#search  h5 a:hover{text-decoration:none}
#search  div {margin: 0 0 0 30px;}
#search  h4 {margin:20px 0 0 0; padding-bottom:0}

#search  p{ margin-left:30px}


#veterinary_detail div {margin:10px 0 20px 40px}
#veterinary_detail h5 {padding:10px 0 0 0; text-decoration:underline; color:#000}
#veterinary_detail span {display:block; margin: 2px 0 0 0; color:#555 }
#veterinary_detail strong {color:#000 }



#intro_bottom {text-align:center;}
#intro_bottom img {margin-bottom:5px}

 #logout-user-menu{position:relative; z-index:10; top:30px; right:300px; white-space:nowrap; display:block;text-align:right}