/* Styles - Advokátní kanceláre Karlín */

body {
	padding: 0px;
	text-align: center;
	background: #dfdfdf url("../images/background.png") repeat center top; /* #f0f0f0 */
	font-size: 11pt;
	font-family: "Trebuchet MS", arial, sans-serif;
	color: #222;
	scrollbar-face-color: #333;
	scrollbar-highlight-color: #555;
	scrollbar-3dlight-color: #444;
	scrollbar-darkshadow-color: #222;
	scrollbar-shadow-color: #666;
	scrollbar-arrow-color: #999;
	scrollbar-track-color: #666;
	margin: 0px;
}

#top {
	margin-top: 0px;
	margin-bottom: 0px;
  margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 251px;
	background: #757575 url("../images/top.png") no-repeat; /* #00091d */
	text-align: center;
}

/* .logo { height: 185px;
   width: 139px; */

#top_text { 
  float: left;
  width: 540px;
  height: 86px;  
  margin: 130px 0px 0px 230px;
  text-align:center; 
	line-height: 1;
  font-family: "Georgia", Times, serif;
  color: #fff;
	font-size: 13pt;
}
#top_text a{ color: #fff; }
.praxe { color: #ffcc00; font-size: 16pt; }

hr.cleaner_top {
  clear:both;
  height:42px;
  margin: -1px 0px 0px 0px;
  padding:0px;
  border:none;
  visibility: hidden;
  }

#top_hodiny {
  float: right;
  position: absolute;
  width: 186px;
  height: 190px;  /* 165px */
  margin: 35px 0px 0px 785px; /* 49px 0px 0px 785px; */
  line-height: 1.3; /* 2.5 */
  font-weight: bold;	
	font-size: 10pt;
  color: #ddd;
	text-align: center;
  border: none;
}
.hodiny { padding: 47px 57px 0px 0px; }

#svatek {
  margin-top: 5px;
  text-align: center;
}

#menu {
	background: #001d60; /* url("../images/menu-background.png") repeat-x bottom; */
  margin: 0px;
	margin-left: auto;
	margin-right: auto;
  width: 1000px;
	height: 50px;
	text-align: center;
/*  border-top-left-radius:10px;
  border-top-right-radius:10px;
	border: 1px solid #006;
	color: #ccc; */
}

#menu ul{
  padding: 0px 0px 0px 0px;	
  margin: 0px;	
	list-style:none;
}

#menu ul li{ float:left; }

#menu ul li a{ 
  /* background: transparent url(../images/menu-separator.gif) no-repeat top left; */ 
	margin: 0px;
  padding: 15px 18px 0px 18px;
	display:block;
	height: 35px;
	text-transform: uppercase;
  font-size: 12pt;
  font-weight: normal;	
	color: #fff;
	text-decoration: none;
}

#menu a.menu-first { background: none; }
#menu ul li a:hover{ background: #203d80 /* transparent url(../images/menu-hover.gif) no-repeat top left; */ }
#menu ul li a.menu_active{ /* background: transparent url(../images/menu-hover.gif) no-repeat top left; */ color: #ffcc00; }

#main {
  margin-left: auto;
	margin-right: auto;
	padding: 5px 0 0 0;
	background: #fcfcfc /* url("../images/background-main.gif") repeat-x bottom */;
	width: 1000px;
/*  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px; 
	border: 1px solid #006; */
}

.imgleft { float:left; margin: 3px 10px 5px 0px; }
.imgright { float:right; margin: 3px 0px 5px 10px; }

#content {
  margin: 0px 0px 0px 0px;
}

#middle {
  float: left;
	background: #fcfcfc;
  width: 480px;
	padding: 0px;
	margin: 0px 40px 10px 40px;
	text-align: left;
/*  border-radius: 5px; */
}

#middle_content {
	margin: 0px 0px 0px 0px;
}

#middle_content ul, ol {
  padding-left: 45px;
  margin: 5px 0px;
	font-size: 12pt;
  list-style-type: square;
}
#middle_content li { padding-top: 6px; }

#sidebar-l {
  float: left;
  padding-left: 20px;
  width: 200px;
}

#sidebar-l_zakony {
	background: #eee /* #dfdfdf url("../images/background-sider.gif") repeat-x */;
  border-right: solid 1px #ddd;
  padding: 0px 12px 10px 12px;
	text-align: left;
  font-size: 10pt;
	color: #333;
}

#sidebar-r {
  float: right;
  padding-right: 20px;
  width: 200px;
}

#sidebar-zakony, #sidebar-ostatni, #sidebar-advokacie, #sidebar-kontakty {
	background: #eee; /* #dfdfdf url("../images/background-sider.gif") repeat-x */
  border-right: solid 1px #ddd;
  padding: 0px 12px 2px 12px;
  margin-bottom: 12px;
	text-align: left;
  font-size: 10pt;
	color: #333;
}

#sidebar-l h1, #sidebar-r h1{
  /* padding-top: 10px; */
  margin: 0px -15px;
  padding: 0px;
  text-align: center; 
  text-indent: 0px;
  border: solid 1px #203d80; 
  background: #001d60; /* 848484; */
  color: #fff;
  font-size: 12pt;
  font-weight: normal;
}

#sidebar-l h2, #sidebar-r h2{
  margin: 0px;
  padding: 15px 0px 5px 0px;
  text-align: center;
  background: none;
  text-indent: 0px;
  font-size: 11pt;
  color: #001d60;
}

#sidebar-l h3, #sidebar-r h3{
  margin: 0px;
  padding: 5px 0px 0px 0px;
  text-indent: 0px;
	color: #001d60;
  font-size: 10pt;
  text-decoration: none;
}

#sidebar-l h1 a, #sidebar-r h1 a{
	margin: 0px;
  padding:3px 10px;
  color: #fff;
	display:block;
}
#sidebar-l h1 a:hover, #sidebar-r h1 a:hover{
  color: #ddd;
}

#sidebar-l p, #sidebar-r p { text-indent: 0px; }

#sidebar-l ul, #sidebar-r ul { font-size: 10pt; padding: 0px 15px; margin-top: 5px; list-style-type: square; }
#sidebar-l li, #sidebar-r li { padding-top: 5px; }
#sidebar-l li a, #sidebar-r li a { text-decoration: none; }
#sidebar-l td, #sidebar-r td { line-height: 1; padding: 0px; }
#sidebar-l .pdf li, #sidebar-r .pdf li { 
  list-style: none;
  background: url("pdf.png") no-repeat left top;
  padding: 0px 0px 0px 30px;
  margin: 10px -20px;
	text-transform: uppercase;
	text-decoration: none;
}
#sidebar-l .ps-cr li { 
  list-style: none;
  background: url(logo-ps-cr.png) no-repeat left top;
  padding: 0px 0px 0px 30px;
  margin: 10px -20px;
	text-transform: uppercase;
	text-decoration: none;
}
#sidebar-advokacie li, #sidebar-ostatni li { text-transform: uppercase; padding-left: 5px; margin-left: 5px; }

#sidebar-l img, #sidebar-r img{
  margin: 0px;
  text-align: center;
  border: solid 1px #ddd;
  /* width: 176px; */
}

hr.cleaner {
  clear:both;
  height:20px;
  margin: -1px 0px 0px 0px;
  padding:0px;
  border:none;
  visibility: hidden;
  }

#footer{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 3px 0px;
/*  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px; */
	background: #001d60 /* url("../images/footer-background.gif") repeat-x; */
/*	background: #858585 #ccc */;
	width: 1000px;
	font-size: 10pt;
	color: #fff;
	height: 20px;
}

#footer_left{
  float: left;
	margin-left: 30px;
}

#footer_right{
  float: right;
	margin-right: 15px;
}

#footer hr.cleaner {
  clear:both;
  height:0px;
  margin: -1px 0px 0px 0px;
  padding:0;
  border:none;
  visibility: hidden;
  }

#footer a{
	color: #ccc;
} 

#footer a:hover, a:hover{
	color: #848484;
}
                
a{
	color: #001d60;
}

h1, h2, h3, h4 {
  font-weight: bold;
}

h1 {
  margin: 0px 0px 20px 0px;
  padding: 3px 10px;
	text-align: left;
  background: #eee; /* url("../images/head1.png") repeat-y;   #ffcc00 #6aa4c1 #1086c1 */
  color: #001d60; /* #006; */
	text-transform: uppercase;
  font-size: 13pt;
/*  border-radius: 5px; */
/*  background: #f9b621 url("../images/background-h1.gif") repeat-x; */
}

h2 {
  padding: 16px 0px 4px 0px;
  margin: 10px 0px 6px 0px;
	line-height: 1;
  border-bottom: solid 1px #dfdfdf;
  /* background: url(../images/head1.png) no-repeat bottom; */
  color: #CC3333; 	/* color: #001d60; */ 
  font-size: 13pt;
}

h3 {
  margin: 30px 0px 6px 0px;
  padding: 0px;
	line-height: 1.5;
/*  text-indent: 25px; */
  font-size: 12pt;
}

h4 {
  font-size: 11pt;
  margin: 12px 0px 6px 0px;
}

p {
  margin: 0px 0px 10px 0px;
	line-height: 1.3;
  text-align: justify;
/*  text-indent: 25px; */
}

.img_media { margin-bottom:10px; }

.photo {
  /* background: url("photo.png") no-repeat; min-height: 30px; padding: 6px 0px 0px 55px; */
  padding: 30px 0px 4px 0px;
  text-indent: 15px;
	line-height: 2;
  font-size: 12pt;
  font-weight: bold;
  border: 0px solid;
}
.video {
  /* background: url("video.png") no-repeat; padding: 10px 0px 0px 0px; text-indent: 60px; min-height: 33px; */
  padding: 30px 0px 13px 0px;
  text-indent: 15px;
	line-height: 2.5;
  font-size: 12pt;
  font-weight: bold;
  border: 0px solid;
}

.poznamka { font-style: italic; }
.abeceda { color: #CC3333; font-size: 14pt; }
.important { color: #CC3333; font-weight: bold; }
.small {text-transform: lowercase; line-height: 2;}

td, th { padding: 5px; }
th { background: #dfdfdf; text-align: center; }

.tb_povodne { padding: 6px; }

.kancl {
  margin: 12px;
  padding: 3px;
  background: #666;
  border-top: solid 2px #888;
  border-left: solid 2px #888;
  border-bottom: solid 2px #444;
  border-right: solid 2px #444;
}

.button {
  padding: 5px 5px;
  background: #eee;
  border: solid 1px #999; 
  border-radius:3px;
  font-weight: bold;
}
.button a { text-decoration: none; color:#848484; }
.button a:hover { color: #666; }
.ikal_hl, .ikal_h2 {
	font-size: 10pt;
	font-family: "Trebuchet MS", arial, sans-serif;
	color: #ddd;
}



/* CSS - hodiny */

.outer_face {
    position: relative;
    width: 120px; /* width of clock */
    height: 120px; /* height of clock */
    border-radius: 120px; /* clock round corner radius */
    background: white;
    box-shadow: inset 0 0 16px gray;
    border: 0 solid gray; /* thickness of outer border */
    margin-left: 33px;
    }

.outer_face::before, .outer_face::after, .outer_face .marker { /* time markers syle */
    content: "";
    position: absolute;
    width: 4px; /* width of 12-6 and 3-9 markers */
    height: 100%;
    background: black;
    z-index: 0;
    left: 50%;
    margin-left: -4px; /* set this value of 1/2 marker width */
    top: 0
    }

.outer_face::after {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
    }

.outer_face .marker {
    background: gray;
    width: 3px; /* width of all other markers */
    margin-left: -3px /* set this value of 1/2 marker width */
    }

.outer_face .marker.oneseven {
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
    }

.outer_face .marker.twoeight {
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
    }

.outer_face .marker.fourten {
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
    }

.outer_face .marker.fiveeleven {
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
    }

.inner_face {
    position: relative;
    width: 80%;
    height: 80%;
    background: white;
    -moz-border-radius: 1000px;
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    z-index: 1000;
    left: 10%; /* set this value of 1/2 width value*/
    top: 10% /* set this value of 1/2 height value*/
    }

.inner_face::before {
    /* clock center circle small */
    content: "";
    width: 12px; /* width of inner circle */
    height: 12px; /* height of inner circle */
    border-radius: 12px;
    margin-left: -6px; /* set this value of 1/2 width value*/
    margin-top: -6px; /* set this value of 1/2 height value*/
    background: black;
    position: absolute;
    top: 50%;
    left: 50%;
    box-shadow: 0 0 20px blue;
    }

.inner_face::after {
    content: "PRAHA";
    position: relative;
    width: 100%;
    font: normal 0.8em Arial;
    color: gray;
    text-align: left;
    top: 70%
    }

.hand, .hand.hour {
    position: absolute;
    width: 4px; /* width of hour hand */
    height: 30%; /* height of hour hand */
    top: 20%; /* set top to 50% - height */
    left: 50%;
    margin-left: -2px; /* set this value to 1/2 width */
    background: black;
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    z-index: -1;
    -moz-box-shadow: 0 0 3px gray;
    -webkit-box-shadow: 0 0 3px gray;
    box-shadow: 0 0 3px gray
    }

.hand.minute {
    height: 45%; /* height of min hand */
    top: 5%; /* set top to 50% - height */
    width: 3px; /* width of min hand */
    margin-left: -2.5px; /* set this value to 1/2 width */
    }

.hand.second {
    height: 50%; /* height of sec hand */
    width: 2px; /* width of sec hand */
    margin-left: -1px; /* set this value to 1/2 width */
    top: 0;
    background: #CC3333
    }