/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body { background: #F5F5F5; }*/
/* optional Container STYLES */

/* celkový obal - při šířce zobrazení nad 767px je dána pevná šířka 600px a zarovnání na střed */
@media only screen and (min-width: 767px) {
.globalni {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	/*background: pink;*/
	}
}

.chart { 
	height: auto;
	/*padding: 10px;*/
	/*margin: 5px;*/
	/*width: 845px;*/
	/*background-color: green;*/
}

.Treant > .node {  }
.Treant > p { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; font-size: 12px; }
/*.node-name { font-weight: bold;}*/

.node1 {
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*background-color: #ffffff;*/
    border: 1px solid #000;
    width: 350px;
    font-family: Tahoma;
    font-size: 12px;
}

.node1 img {
    margin-right:  10px;
}

.node2 {
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*background-color: #ffffff;*/
    border: 1px solid #000;
    width: 350px;
    font-family: Tahoma;
    font-size: 12px;
    display: block;
    margin: 10px auto;
}

.structura-root a{
    text-decoration: none !important;
}

 .node_add:hover{
   color: black !important;
   background-color: whitesmoke;
 }

.node_top {
    padding: 33px 10px 33px 10px;
    text-align: center;
    background-color: #007ec7;
    color: white;
    border: none;
    width: 100%;
    display: block;
    margin: 20px 20px 40px 0px;
}

.node_top::after {
	content: "▼"; color: lightgray; font-size: 30px; position: absolute; margin: 30px 0px 0px 0px;
}

.node_top p.node-name {
    color: white !important;
    font-family: Tahoma !important;
    font-size: 20px !important;
    margin: 0px !important;;
}

.node_add {
    padding: 10px;
    text-align: center;
    border: none;
    width: 100%;
    border: 1px solid #007ec7;
    font-family: Tahoma;
    font-size: 20px;
    display: block;
    margin: 10px 0;
    min-height: 80px;
    
}
a.node_add{
	/*padding: 25px 0px 0px 0px;*/
    vertical-align: top !important;
}

.node_add p.node-name {
    /*padding: 15px 0px 0px 0px !important;*/
    vertical-align: center !important;
    color: #007ec7 !important;
    font-family: Tahoma !important;
    font-size: 20px !important;
    margin: 0px !important;
}

.node_add node-title {
   padding: 0px !important;
   margin: 200px !important;
}

#graph-area {
    margin: 0 auto;
	padding: 10px 10px 30px 30px;
	/*background-color: white;*/
	width: 100%;
	padding: 10px 40px 40px 40px;
}

.detail-zam .edit {
	cursor: pointer;
}

.table1, .table2 {
	width: 100%;
}  

#hledej {
	position: relative;
	padding: 0px;
	margin: 0px; 
}

#jmeno {
	margin: 0px; 
}

.btn.btn-default {
	vertical-align: top;
}

.vysledek{
	margin-top: 30px;
	margin-bottom: 30px;
	color: grey;
}

#drobecky {
	position: relative;
	padding: 24px 7px 9px 7px;
	width: 100%;
	height: auto;
	float: left; 
	color: #007ec7;
	border-color: lightgray;
	border-style: none none solid none;
	border-width: 1px;
	border-color: lightgray;
	/*background-color: white;*/
	line-height: 1.8em;
}

#drobecky a { 
	padding: 6px 12px;
	background-color: #007ec7;
	text-decoration: none;
	color: white;
	margin-right: 25px;
}

#drobecky a::after {
	content: "►"; color: lightgray; font-size: 30px; position: absolute; margin: 0px 0px 0px 15px;
}

#drobecky ul,ol {
	margin-left: -47px;
}

#drobecky li { 
	display: inline-block;
	margin-bottom: 10px;
	/*float: left;*/
}

#graph-area h1 {
	font-size: 170%; 
	color: #c0c0c0;

}

#graph-area h2 { 
	font-size: 180%;
}

#adresar_menu {
	float: right;
	padding-right: 5px;
	display: none;
}

#data-area .row{
	margin: 0px;
}

#detail-detail{
	margin-top: 35px;
	margin-bottom: 35px;
}

.detail-zam {
	/*background-color: #f5f5f5;*/
}
.detail-nazev{
	color: grey;
	/*margin: 0px;*/
}

.detail-zahlavi {
	/*color: #007ec7;*/
	margin: 40px 0px 0px 0px;
}

#foto-zam{
	display: none;
}

.pic {
	float: left;
	width: 220px;
	position: relative;
	display: none;
}

.table1 {
	position: relative;
	/*background-color: white;*/
	float: left;
	/*max-width: 480px;*/
	/*margin-top: 0px;*/
	/*margin: 0px;*/
	margin: -5px;
}

.table1 td {
	padding: 6px;
}

.table1 tr td:first-child {
	width: 100px;
}

.table1 h4 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.table2 {
	position: relative;
	/*background-color: white;*/
	float: left;
	max-width: 700px;
	padding: 50px;
	margin-top: 30px;
}

.table2 td {
	padding: 6px;
}

.table2 tr td:first-child {
	width: 150px;
}

.prejit{
	margin-top: 10px;
}

#loader {
	position: absolute; 
	left: 50%;
	top: 50%;
	z-index: 30001;
	width: 100px;
	height: 100px;
}

td.item {
	vertical-align: top
}