﻿body {width:100%; position:relative;  text-align:center;margin:0px; padding:0px;font-family: "Times New Roman", Times, serif;font-size:15px;color:#000000;background: #FFFFFF url("../images/bg.gif") repeat-y center top;}


a{ text-decoration:underline; color:#000000;}
a:hover{ text-decoration:none;}
a img{ border:0px;}
a.back { color: #7aa4c4 }
#content a { color: #3a64a4 }

img{vertical-align:middle;}

form,p, table{ margin:0px; padding:0px;}
table tr td{vertical-align:top; border-spacing:0px; font-size:14px;}
table tr td a{color:#0000EE;}
input,select,textarea {vertical-align:middle;  font-family: "Times New Roman", Times, serif;}

.f-left{float:left;}
.f-right{float:right;}
.full-width{width:100%;}
.center{text-align:center;}
.align-right{text-align:right;}
.align-left{text-align:left;}
.align-middle{vertical-align:middle}
.top_odsazeni {margin-top:10px;}
.half_width {width:50%;}
.underline {text-decoration:underline;}
.clear {clear: both;height: 1px;font-size: 1px;line-height: .5;} 
.clear.line{background: url("../images/dot_line.gif") repeat-x; height:2px;} 
.italic {font-style:italic} 

.input-text {background:#CFECFF url("../images/input_text_bg.gif") repeat-x; border:1px solid #3A7BCB; padding:1px 5px; font-size:12px;} 

span.button{background: #D5E7F7 url("../images/button_blue_left.gif") no-repeat; color:#000000; font-weight:bold; text-decoration:none; font-size:12px;}
span.button input{ padding:0px 10px 2px 10px;_padding:0px 0px 0px 0px; margin:0px; background: url("../images/button_blue_right.gif") no-repeat right top; float:left; border:0px; color:#000000; font-weight:bold; cursor:pointer; line-height:11px; font-size:11px; height:19px;}


#bg_left{position:absolute; left:0px; top:0px; width:50%; height:215px; background: url("../images/ornament_left.jpg") no-repeat right top;}
#bg_right{position:absolute; right:0px; top:0px; width:50%; height:650px; background: url("../images/ornament_right.jpg") no-repeat 466px 325px;}

#center{ width:932px; margin:0px auto; }
#layout{ float:left; width:932px; text-align:left;  position: relative; margin-top:0px; background:#FFFFFF;  }
#layout #header{ float:left; width:100%;height:260px; position:relative; z-index:10000 }
#layout #header #logo{ position:absolute; left:13px; bottom:48px; z-index:100; color:#ffffff; font-size:30px; width:251px; height:181px; }
#layout #header #logo-bg{ position:absolute; left:17px; bottom:53px; height:171px; width:241px; background:#5280BC;z-index:50; }

#layout #header #header-image{ position:absolute; right:12px; bottom:48px;z-index:100; }
#layout #header #header-image-bg{ position:absolute; right:17px; bottom:53px; height:171px; width:642px; background:#5280BC;z-index:50; }

#layout .top_menu{ position:absolute; right:12px; top:8px; margin:0px; padding:0px; z-index:101;}
#layout .top_menu li{ float:left; padding:0px 19px 0px 18px; background: url("../images/top_menu_oddelovac.gif") no-repeat right center; list-style-type:none; }
#layout .top_menu li.last{ background:none; }
#layout .top_menu li a{ text-decoration:none; font-size:85%; font-weight:normal;}
#layout .top_menu li a:hover,#layout #header #top_menu li a.aktiv{ color:#7AA4C4; }
#layout .top_menu li a img{ padding-right:7px;padding-bottom:3px;}

#layout #header #top_menu2{ position:absolute; z-index:100000; width:920px; left:1px;  top:222px; background: #EAF0F7 url("../images/top_menu_bg.gif") repeat-x;padding: 0px;padding-left:10px; margin:0px; }
#layout #header #top_menu2 li{ float:left; padding:0px 25px 0px 24px; line-height:25px; background: url("../images/top_menu_oddelovac.gif") no-repeat right center; list-style-type:none; }
#layout #header #top_menu2 li.last{ background:none; }
#layout #header #top_menu2 li a{ text-decoration:none; font-size:90%; font-weight:bold;}
#layout #header #top_menu2 li a:hover,#layout #header #top_menu li a.aktiv{ text-decoration:underline; }

#layout #header #top_menu2 li { position: relative; }
#layout #header #top_menu2 li .border { position: absolute; z-index: 100000; top: 24px; left:12px;  padding-top:0px;  display:none; padding-top:10px; }
#layout #header #top_menu2 li .border img { float:left; }
#layout #header #top_menu2 li ul {display:block ; float:left; margin: 0; width:198px; padding: 0px 15px; background: #EFF3FA url("http://foto.phorio.cz/menu_bg.gif") repeat-y; }
#layout #header #top_menu2 li ul li{ font-size:90%; padding:0px; line-height:21px; background: url("http://foto.phorio.cz/sipka4.gif") no-repeat 3px 6px; display:block; width:100%; border-top:1px solid #ffffff; border-bottom:1px solid #C5DCEF; }
#layout #header #top_menu2 li ul li.first{border-top:0px;}
#layout #header #top_menu2 li ul li.bottom{border-bottom:0px;}
#layout #header #top_menu2 li ul li a{  padding:0px 0px 0px 15px; line-height:21px;  display:block; white-space:nowrap; font-family:verdana; font-size:11px; font-weight:normal;}
#layout #header #top_menu2 li:hover .border, #top_menu2 li.hover .border{ display: block; }

#layout #header #search{position:absolute; right:20px; top:225px; z-index:100000;}
#layout #header #search input,#layout #header #search .button{float:left; margin-left:5px; }
#layout #header #search .button input{ margin-left:0px; }

#layout #inside{	padding:15px 13px 0px 13px; float:left; width:906px; background:url("../images/line.gif") no-repeat top center; height:200px; }

#layout #inside  .seznam_videa{float:left; width:690px; background: url("../images/dot_line.gif") repeat-x left bottom; margin-bottom:15px; padding-bottom:17px; }
#layout #inside  .seznam_videa.noline{background:none; }
#layout #inside  .video{ width:192px;float:left; float:left; padding-right:30px;}
#layout #inside #aside .video{ margin-left:5px;}
#layout #inside  .video .nahled{ position:relative; height:106px; width:186px; background:black; text-align:left; overflow:hidden;border:3px solid #c3d7ef; }
#layout #inside  .video .nahled .slideshow { display: block; position:static; }
#layout #inside  .video .nahled .slideshow img { width: 189px; height: 116px; }
#layout #inside  .video .nahled .delka{ position:absolute; left:0px; bottom:3px; background:#719FCE; line-height:13px; padding:0px 4px; color:#ffffff; font-size:10px; z-index:100;}
#layout #inside  .video .nazev,#layout #inside #content .video .nazev{font-size:12px; font-weight:bold; color:#000000;  margin:10px 0px 5px 0px; padding:0px 0px 0px 11px; background: url("../images/sipka.gif") no-repeat left 4px; }
#layout #inside  .video .nazev a, #layout #inside #content .overflow .seznam_videa  .video .nazev a{ font-size:12px; font-weight:bold; color:#000000; }
#layout #inside  .video p{ padding:0px 0px 0px 11px; font-size:12px;   }
#layout #inside  .video .box, #layout #inside #aside  .video .box{ background:#EFF3FA url("../images/blue_box_top1.gif") no-repeat; margin-top:5px; }
#layout #inside  .video .box .inside,#layout #inside #aside  .video .box .inside{ background:url("../images/blue_box_bottom1.gif") no-repeat left bottom;  padding:5px 0px 5px 10px; width:182px;  }
#layout #inside  .video .box .inside table {margin:0px; padding:0px; border-spacing:0px;}
#layout #inside  .video .box .inside table td{font-size:12px;color:#5a5a5a ; padding-right:10px; }
#layout #inside  .video .box .inside table strong{color:#000000; }

#layout #inside #content{ float:left; width:637px; position:relative; color:#000000;} 
#layout #inside #content .module_article .article div.author{ float:right; } 
#layout #inside #content .module_article h3{ margin:0px; padding:0px; } 
#layout #inside #content .module_article .text{ padding-bottom:8px;} 

#layout #inside #content .block{ width:100%; height:300px; position:relative; margin-top:180px; }
#layout #inside #content .block .layout_width{ width:906px; position:absolute;  top:0px;left:-269px; }
#layout #inside #content .block .layout_width .nadpis{ color:#7aa4c4; font-size:14px; margin:0px; padding:0px 0px 5px 10px;}
#layout #inside #content .block .layout_width .box_f{ float:left; width:100%; background: url("../images/full_box_bg.gif") repeat-y; }
#layout #inside #content .block .layout_width .box_f .inside_f{ float:left; width:100%; background: url("../images/full_box_top.gif") no-repeat; padding:21px 23px 10px 25px; overflow:hidden;}
#layout #inside #content .block .layout_width .box_f .bottom_f{ float:left; display:block; width:100%; height:11px; background: url("../images/full_box_bottom.gif") no-repeat; }
#layout #inside #content .block .layout_width .box_f .seznam_videa{ margin:0px; padding:0px; background:none; width:890px; }

#layout #inside #content .overflow{ overflow:hidden; width:637px; }
#layout #inside #content .banner{ margin-bottom:16px; }
#layout #inside #content.f-right{ float:right; }
#layout #inside #content p{text-align:left; margin-bottom:10px; }
#layout #inside #content p a{font-weight:bold;}
#layout #inside #content p.blue_box{padding:15px 12px; background:#EFF3FA; }
#layout #inside #content h3{ color:#7aa4c4; font-size:100%;  margin:0px 0px 12px 0px; padding:12px 0px 4px 2px; }
#layout #inside #content h2{ color:#7aa4c4; font-size:15px;  margin:0px 0px 12px 0px; padding:12px 0px 4px 2px; background: url("../images/dot_line.gif") repeat-x left bottom; }
#layout #inside #content h2.no-space{ margin-bottom:2px; }
#layout #inside #content h1{ color:#7aa4c4; font-size:18px;  margin:0px; padding:12px 0px; }
#layout #inside #content h1 span{font-size:13px; }

#layout #inside #content #position{ color:#8f8c8c; line-height:20px; padding:0px 0px 9px 0px;  margin:0px;} 
#layout #inside #content #position a{ color:#888888; text-decoration:none; font-weight:normal; text-decoration:underline;} 
#layout #inside #content #position a:hover{ text-decoration:none;} 
#layout #inside #content #position span{padding:0px 9px;} 
#layout #inside #content #position span.first{padding-left:0px;} 

#layout #inside #content .order{  margin:0px; padding:0px;}
#layout #inside #content .order li{ float:left; padding:12px 6px 12px 5px; background: url("../images/top_menu_oddelovac.gif") no-repeat right center; list-style-type:none;  line-height:18px; font-size:90%;}
#layout #inside #content .order li.last{ background:none; }
#layout #inside #content .order li a{  font-size:90%; font-weight:bold; color:#000000;}

#layout #inside #content .komentare { margin-bottom:10px;}
#layout #inside #content .komentare .profil{ padding-right:18px;}
#layout #inside #content .komentare .uzivatel{display:block; font-weight:bold; padding-bottom:5px; color:black;}
#layout #inside #content .komentare td{background: url("../images/dot_line.gif") repeat-x left bottom; padding-bottom:7px; padding-top:5px; font-size:11px;}
#layout #inside #content .komentare td p{margin:0px;}

#layout #inside #content .video_box{  background: #EFF3FA; padding:8px; margin-bottom:20px;}
#layout #inside #content .video_box table{ margin-top:15px;margin-bottom:5px;}
#layout #inside #content .video_box td{  vertical-align:middle; line-height:14px; padding-right:20px; font-size:85%;}
#layout #inside #content .video_box td a{  font-weight:bold; color:#000000; }
#layout #inside #content .video_box td a.facebook{ display:block; padding-left:28px; background:url("../images/icon_facebook.gif") no-repeat left 2px; height:14px; padding-bottom:2px;}
#layout #inside #content .video_box td a.lide{ display:block; padding-left:28px; background:url("../images/icon_lide.gif") no-repeat left 0px; height:14px; padding-bottom:2px;}
#layout #inside #content .video_box table#stars{ margin-bottom: 0px;margin-top: 0px; }
#layout #inside #content .video_box table#stars td{ padding: 0px; }
#layout #inside #content .video_box table#stars td p{ margin-bottom: 0px; }

#layout #inside #content .strankovani{font-weight:bold; font-size:11px; color:#5A5B5A; padding:5px 15px 15px 0px; text-align:center; float:left;}
#layout #inside #content .strankovani .strany{font-weight:normal; }
#layout #inside #content .strankovani a{color:#2D602F;}
#layout #inside #content .strankovani .predchozi{margin-right:20px; float:left;}
#layout #inside #content .strankovani .dalsi{margin-left:20px; float:right;}
#layout #inside #content .strankovani .strany a{ font-weight:bold; }
#layout #inside #content .strankovani .strany a.aktiv{text-decoration:none; color:#000000; font-weight:bold; }

#layout #inside #aside{ float:right; width:231px; padding-top:6px; overflow:hidden;}
#layout #inside #aside.f-left{ float:left; }
#layout #inside #aside h4{ color:#7aa4c4; font-size:14px;  margin:0px; padding:0px 0px 5px 4px;  }
#layout #inside #aside .box{	background:  url("../images/aside_box_bg.gif") repeat-y; margin-bottom:20px; float:left; width:100%;}
#layout #inside #aside .empty_box{	padding-top:10px; padding-bottom:20px;}
#layout #inside #aside .box .inside {	background: url("../images/aside_box_top.gif") no-repeat; padding:20px 14px  8px 14px;float:left; width:203px;  }
#layout #inside #aside .box .bottom {	background: url("../images/aside_box_bottom.gif") no-repeat; height:12px; display:block; clear:both; }
#layout #inside #aside .box .inside .menu { width:194px; margin:0px; padding:0px;}
#layout #inside #aside .box .inside .menu li{ line-height:25px;padding-bottom:6px; list-style-type:none;} 
#layout #inside #aside .box .inside .menu li a{ display:block; padding:0px 15px 0px 24px; background: #DEE6F4 url("../images/main_menu.gif") no-repeat; color:#000000; font-weight:bold; padding-bottom:3px; font-size:80%; text-decoration:none;}
#layout #inside #aside .box .inside .menu li a:hover, #layout #inside #aside .box .inside .menu li a.aktiv{ color:#ffffff; background: #629BCE url("../images/main_menu.gif") left -28px no-repeat; text-decoration:none;}
#layout #inside #aside .box .inside .menu div{background:#F5F5F7 url(../images/blue_box_top.gif) no-repeat; margin-top:6px; padding:0px;}
#layout #inside #aside .box .inside .menu div ul{background: url(../images/blue_box_bottom.gif) no-repeat left bottom;  padding-bottom:8px;padding-top:6px; padding-left:25px;  margin:0px;}
#layout #inside #aside .box .inside .menu div ul li{list-style-type: none; background: url("../images/menu_sipka.gif") no-repeat 0px 7px; line-height:19px; margin:0px;padding:0px 0px 0px 11px;}
#layout #inside #aside .box .inside .menu li div ul li ul{padding-left:0px;}
#layout #inside #aside .box .inside .menu li div ul li a{display:inline; background:#F5F5F7; padding:0px; color:#000000; text-decoration:underline; }
#layout #inside #aside .box .inside .menu li div ul li a:hover,#layout #inside #aside .box .inside .menu li div ul li a.aktiv{ color:#1D77BA; text-decoration:none; background:none; }
#layout #inside #aside .box .inside .menu li div ul li div{ background:none; margin:0px;}
#layout #inside #aside .box .inside .menu li div ul li  ul{ background:none; padding:3px 0px 3px 13px; }

#layout #inside #footer{	 float:left; width:100%; background:url("../images/dot.gif") repeat-x top left; height:70px; margin-top:65px; position:relative; font-size:15px; }
#layout #inside #footer .bottom{	position:absolute; left:0px; bottom:0px; background: #CDD6E7 url("../images/footer.jpg") no-repeat right top; height:29px; width:100%;  }
#layout #inside #footer #copyright{position:absolute; left:3px; top:13px;  }
#layout #inside #footer p a{font-weight:bold; color:#9AC409; text-decoration:none; }
#layout #inside #footer p a:hover{text-decoration:underline; }
#layout #inside #footer .top_menu{left:-14px; top:-26px;  }
#layout #inside #footer .top_menu a{}
#layout #inside #footer .top_menu a:hover,#layout #inside #footer .top_menu a.aktiv{color:#7AA4C4; }


.service_filter table { border-collapse: separate;  border-spacing:0px;} 
.service_filter table tr td { margin:0px; padding:2px;  border-spacing:0px; font-size:13px;  }
.service_filter table tr td input{ margin:0px;}
.service_filter table tr td select{ margin:0px;}
.service_filter .search_submit{font-size:90%;}

.service_div td{ vertical-align:middle; font-size:14px;}
.service_div a{ color:#0000EE;}

#layout #inside #content .album_div {width:298px; }
#layout #inside #content .album_div h3{padding:0px 10px 6px 10px;margin:0px; }
#layout #inside #content .album_div h3 a{padding:0px;margin:0px;}


img.img1610 { width: 189px; height: 116px; }@CHARSET "UTF-8";

.blue_table {width: 100%}
.blue_table tr:FIRST-CHILD td {background-color:#6495ED;border:1px solid #6495ED;color:#FFFFFF;}
.blue_table td{border:1px solid #6495ED;color:#6495ED;}


.album_div {width:300px;height:108px;float: left;margin: 0px 0px 10px 0px;padding: 10px;background: url("../images/video-preview.png") no-repeat center top;}
.album_div h3 {border: none;font-size: 1.0em;font-weight: bold;padding:0px 0px 5px 10px;margin:0}
.album_div h3 a{color:#4382E1;text-decoration: none;font-family: times new roman;border-bottom: 1px solid #4382E1;}
.album_div h3 a:hover{text-decoration: none;border-bottom: none;}
.album_div .image {float: left;padding: 0px 0px 0px 0px;background-color: #BCD6FD;margin: 0px 10px 10px 10px;width:80px;height:60px;text-align: center;}
.album_div img {height: 50px;margin: 5px 0px 0px 0px;border:none}

.album_photo {width: 170px;height: 130px;background-color: #9DC3FD;float:left;background-color: #DAE9FF;border: 1px solid #6BA6FF;margin: 0px 5px 5px 0px;padding: 0;text-align: center}
.album_photo img {max-width:160px; max-height:120px; height:auto!important; height:120px; margin: 3px 0px 0px 0px;border: 2px solid #C8DEFF}
.album_photo img:hover {border: 2px solid #AFC9F0}

.album_content {margin-left:20px;}

.album_detail_cont {overflow-x:scroll;white-space:nowrap;}
.album_detail {margin: 0px 10px 0px 0px;border: 1px solid #fff}
.album_detail:hover {border: 1px solid black}

.album_photo_detail {background-color: #D8E2F0;padding: 10px 0px 10px 0px;width:100%;text-align: center;margin: 0px 0px 20px 0px}
.album_photo_detail .title {display: block;font-size:1.2em;margin:0px 0px 5px 0px;}
.album_photo_detail img {padding:0;margin:0;border:0}
.album_photo_detail p {padding:0;margin: 5px 0px 5px 0px;border:0;text-align: center}

#layout #inside #content .album_navigation { clear: both; }
#layout #inside #content .album_navigation p { text-align: center; }

