*   {
        padding: 0px;
        margin: 0px;
}

/* základní prvky */
h1, h2      {
            font-size: 1.1em;
            font-weight: normal;
            display: block;
            padding-left: 30px;
            text-transform: uppercase;
}
h1  {       
            font-size: 1.3em;
            font-weight: bold;
            padding-bottom: 10px;
}

h2          {
            padding: 10px 0px 10px 50px;
            border: 1px outset #CD853F;        
}
ul      {
            list-style:  none;
}

img     {
            border: none;
}
p, span      {
            line-height: 1.5em;
}
.ico    {
       margin-right: 5px;
       width: 16px;
}


.icon-actual    { background: #E2C47B url(../img/ico/actual.png) 10px 5px no-repeat; }
.icon-action    { background: #E2C47B url(../img/ico/akce.png) 10px 5px no-repeat; }
.icon-awards    { background: #E2C47B url(../img/ico/awards.png) 10px 5px no-repeat; }
.icon-article   { background: #E2C47B url(../img/ico/article.png) 10px 5px no-repeat; }
.icon-document  { background: #E2C47B url(../img/ico/document.png) 10px 5px no-repeat; }
.icon-photo     { background: #E2C47B url(../img/ico/photo.png) 10px 5px no-repeat; }
.icon-lock     { background: #E2C47B url(../img/ico/lock.png) 10px 5px no-repeat; }
.icon-plus     { background: #E2C47B url(../img/ico/lock.png) 10px 5px no-repeat; }
.icon-user      { background: #E2C47B url(../img/ico/user.png) 10px 8px no-repeat; }
.icon-comment      { background: #E2C47B url(../img/ico/comment.png) 10px 8px no-repeat; }
.icon-link      { background: #E2C47B url(../img/ico/link.png) 10px 5px no-repeat; }
/* prvky layoutu */
body    {
        background: #EAD59B;
        color: #484242;
        font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
        font-size: 1em;
}

#page   {
        width: 1200px;
        margin-top: 20px;
        margin-bottom: 30px;
        padding-top: 15px;
}
#head   {
        
}
#login  {
        height: 50px;
        border: 0px solid black;
        margin:  0px 20px 10px 20px;
}
#login-form{
        height: 40px;
        float: right;
        padding-right: 10px;
        font-size: .9em;
}
#login-form p   {
        margin: 12px 10px 10px 50px;
        float: right;
}
#login-form img   {
        margin: 7px 0px 10px 10px;
        float: right;
        border: none;
}
#banner {
        height: 200px;
        border: 10px solid #8B4513;
        margin:  0px 20px;
        background: #e8e8e8;
        position: relative;
}
#header {
        background: url("../img/header.png") top left no-repeat;
        width: 700px;
        height: 45px;
        margin-top: 5px;
        margin-bottom: 20px;
}
#back   {
            width: 50px;
            height: 35px;
            position: fixed;
            top: -5px;
            left: 10px;
            background: #8B4513;
            opacity: 0.8;
            z-index: 999;
}
#back:hover {
            opacity: 0.6;
}
#logo   {
        width: 150px;
        height: 170px;
        position: relative;
        background: url("../img/logo.png") top left no-repeat;
        z-index: 9990;
        margin-left: 760px;
        top: -40px;
    
}
#menu   {
        margin:  0px 20px;
        background: #E2C47B; 
        position: relative;
        z-index: 999;   
}
#content    {
        margin:  20px 20px;
        min-height: 600px;
        position: relative;
        font-size: .8em;    
}
#content a  {
        color: #96501A;
        text-decoration: none;
}
#content a:hover {
        text-decoration: underline;
}

#article    {
        margin-top: 20px;
        padding: 20px;
        background: white;
        line-height: 1.5em;        
}
#article h3 {
        line-height: 2em;
}
#article p{
        margin: 5px 0px;
}
#article img    {
        margin: 0px 5px 5px 0px;
}
#article ul, #article ol     {
        padding-left: 30px;
}
#article div    {
        line-height: 2em;
}
#article ul {
        list-style: square;    
}
.box    {
        margin-top: 0px;
        z-index: 2;
        }
.box-row    {
       margin-top: 10px;
}

.boxes  {
        float: left;
        width: 375px;
        background: #EAD59B;
        margin-right: 9px;
        margin-bottom: 20px;
        border: 1px dotted #8B4513; 
        border-top: none;
        padding-bottom: 10px;
}
.boxes-content  {
        padding:  15px;
        line-height: 1.5em;
        
}
.boxes-content ul   {
        list-style: square;
        margin-left: 20px;
}
.boxes-content a, .box-link a  {
        color: #8B4513;
        text-decoration: none;
        
}
.boxes-content a:hover  {
        text-decoration: underline;
}
.box-link   {
        margin-left:  auto;
        margin-right: 20px;
        margin-bottom: 10px;       
}

.box-articles   {
        margin: 10px;
        margin-right: 15px;
        border-bottom: 1px dotted #CD853F;
}
.box-articles p {
        padding: 3px 10px;
}
.box-articles span, .head-articles span {
        padding: 3px 20px;
}

.div-icon   {
        width: 64px;
        height: 64px;
        position: relative;
        margin-top: -50px;
        margin-left: 20px;    
        z-index: 99;
        float: left;
}

footer  {
        height: 200px;
        padding-top: 10px;
}


/* poziciování */
.centered   {
        margin-left: auto !important;
        margin-right: auto !important;
}

.clear  {
        clear: left;
        
}
.float-left {
        float: left;
}

.t-centered {
    text-align: center !important;
}
.t-justify {
    text-align: justify !important;
}
.t-right {
    text-align: right;
}
.t-left {
    text-align: left !important; 
}

/* barevné přechody */

.gradient-menu 	{
		   	background: #CD853F;
			background-image: -webkit-gradient(linear, left top, left bottom, from( #CD853F), to(#8B4513)); /* Saf4+, Chrome */
			background-image: -webkit-linear-gradient( #CD853F, #8B4513); /* Chrome 10+, Saf5.1+ */
			background-image:    -moz-linear-gradient( #CD853F, #8B4513); /* FF3.6 */
			background-image:     -ms-linear-gradient( #CD853F,#8B4513); /* IE10 */
			background-image:      -o-linear-gradient( #CD853F, #8B4513); /* Opera 11.10+ */
			background-image:         linear-gradient(#CD853F, #8B4513);
            -pie-background:         linear-gradient(#CD853F, #8B4513);
}

.gradient-page 	{
			background-image: -webkit-gradient(linear, left top, left bottom, from( #E2C47B), to(#EAD59B)); /* Saf4+, Chrome */
			background-image: -webkit-linear-gradient( #E2C47B, #EAD59B); /* Chrome 10+, Saf5.1+ */
			background-image:    -moz-linear-gradient( #E2C47B, #EAD59B); /* FF3.6 */
			background-image:     -ms-linear-gradient( #E2C47B,#EAD59B); /* IE10 */
			background-image:      -o-linear-gradient( #E2C47B, #EAD59B); /* Opera 11.10+ */
			background-image:         linear-gradient(#E2C47B, #EAD59B);
            -pie-background: 		linear-gradient(#E2C47B,#EAD59B);
            
}
.gradient-thead	{
			background-image: -webkit-gradient(linear, left top, left bottom, from( #EAD59B), to(#CD853F)); /* Saf4+, Chrome */
			background-image: -webkit-linear-gradient(#EAD59B, #CD853F); /* Chrome 10+, Saf5.1+ */
			background-image:    -moz-linear-gradient(#EAD59B,#CD853F); /* FF3.6 */
			background-image:     -ms-linear-gradient(#EAD59B,#CD853F); /* IE10 */
			background-image:      -o-linear-gradient(#EAD59B,#CD853F); /* Opera 11.10+ */
			background-image:         linear-gradient(#EAD59B, #CD853F);
            -pie-background: 		linear-gradient(#EAD59B, #CD853F);
}

.gradient-tbody	{
			background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFAF0), to(#EEE8AA)); /* Saf4+, Chrome */
			background-image: -webkit-linear-gradient(#FFFAF0, #EEE8AA); /* Chrome 10+, Saf5.1+ */
			background-image:    -moz-linear-gradient(#FFFAF0,#EEE8AA); /* FF3.6 */
			background-image:     -ms-linear-gradient(#FFFAF0,#EEE8AA); /* IE10 */
			background-image:      -o-linear-gradient(#FFFAF0,#EEE8AA); /* Opera 11.10+ */
			background-image:         linear-gradient(#FFFAF0,#EEE8AA);
            -pie-background: 		linear-gradient(#FFFAF0,#EEE8AA);
}

.gradient-lightgray	{
			background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ffffff)); /* Saf4+, Chrome */
			background-image: -webkit-linear-gradient(#f4f4f4, #ffffff); /* Chrome 10+, Saf5.1+ */
			background-image:    -moz-linear-gradient(#f4f4f4,#ffffff); /* FF3.6 */
			background-image:     -ms-linear-gradient(#f4f4f4,#ffffff); /* IE10 */
			background-image:      -o-linear-gradient(#f4f4f4,#ffffff); /* Opera 11.10+ */
			background-image:         linear-gradient(#f4f4f4,#ffffff);
            -pie-background: 		linear-gradient(#f4f4f4,#ffffff);
}
.b-white    {
            background: white;
}



/* stíny a kulaté rohy */
.b-shadows, .sliderImage span	{
            -webkit-box-shadow: #666 0px 2px 10px;
			-moz-box-shadow: #666 0px 2px 10px;
			box-shadow: #666 0px 2px 10px;  
}
.t-shadows, h1, h2, .sliderImage span	{
            -webkit-text-shadow: #999 2px 1px 4px;
			-moz-text-shadow: #999 2px 1px 4px;
			text-shadow: #999 2px 1px 4px ;
}

.input-shadows	{
            -webkit-box-shadow: #666 2px 2px 5px;
			-moz-box-shadow: #666 2px 2px 5px;
			box-shadow: #666 2px 2px 5px;
}

.rounded5	{
         	-webkit-border-radius: 5px;
   		 	-moz-border-radius: 5px;
    		border-radius: 5px;
            }
            
/* šířka, výška, okraje prvků */
.w25        {   width: 25px; }
.w50        {   width: 50px; }
.w100       {   width: 100px  }
.w150       {   width: 150px; }
.w200       {   width: 200px; }
.w250       {   width: 250px; }
.w300       {   width: 300px; }
.w350       {   width: 350px; }
.w400       {   width: 400px; }
.w450       {   width: 450px; }
.w500       {   width: 500px; }
.w600       {   width: 600px; }
.w700       {   width: 700px; }
.w760       {   width: 760px; }
.w800       {   width: 800px; }
.w900       {   width: 900px; }
.w1050       {   width: 1050px; }
.w1100       {   width: 100px; }
.w1150      {   width: 1150px; }
.w95p       {   width: 95%;  }

.padding10   {
            padding:  10px;
}
.margin10   {
            margin: 10px;
}
.margin-top20   {
            margin-top:  20px !important;
}
.margin-top10   {
            margin-top:  10px;
}
.margin-left20   {
            margin-left: 20px !important;
}
.margin-left10  {
            margin-left: 10px !important;
}
.margin-left200   {
            margin-left: 200px !important;
}

.margin-bottom10    {
            margin-bottom: 10px;
}
.margin-right10    {
            margin-right: 10px;
}
.fs09   {
        font-size: .9em;
}
.fs07   {
        font-size: .7em;
}
.paddingleft100 {
        padding-left: 100px;
}
.padding20  {
        padding: 20px;
}
.padding-top10  {
        padding-top: 10px;
}
.padding0-5  {
        padding: 0px 5px;
}
.color-white    {
        color: white;
}
.h25    {
        height: 25px;
}
.t-italic   {
        font-style:  italic;
}
.border {
        border: 1px solid black;
}

/* formulářové prvky */
#form-login{
        font-size: .9em;
}
input, select, textarea  {
        padding: 4px;
        color: #484242;
        border: 1px dotted #8B4513; 
        font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
}
label   {
        float: left;
        padding-top: 6px;
        padding-right: 10px;
        display: block;
        width: 250px;
        text-align: right;      
}
#form-login     {
        margin-left: 50px;
        margin-top: 5px; 
}
#form-login label   {
        display: block;
        padding-right: 5px;
        float: left;
        width: 50px;
        text-align: right;
}
#form-login input   {
        float: left;
}
#form-login .fieldcontain{
        float: left;
        padding-left: 10px;
        margin-top: 2px;
        width: 175px;
}
#form .fieldcontain{
        float: left;
        width: 100%;
        padding: 10px 0px 0px 0px;
}
#form-login .div-button{
        float: left; 
}

#form .div-button{
        margin-top: 20px; 
        height: 30px;
        float: left;
}
#form { 
        margin-top: 10px;
        }
#form img   {
        float: left;
        margin-right: 5px;
}

.button {
        margin-top: 2px;
        padding: 5px 15px;
        color: #fff;
        float: left;
        border: none; 
}
.button:hover   {
        background: #CD853F !important;
}

.checkbox   {
        border: none;
        padding: 0px;
        margin-top: 6px;
}

#form .errors {
        list-style:  none;
        display: block;
        color: red;
        margin-top: 5px;
        padding: 4px 0px 0px 250px;
}

#form fieldset   {
        width: 85%;
        padding-bottom: 20px;
        border: 1px solid gray;
        }
#form fieldset legend   {
        margin-left: 20px;
        padding: 0px 5px;
        color: red;
        font-weight: bold;
        position: relative;
        top: -10px;
        background:#EAD59B;
        z-index: 999;
}
input[type="file"] {
        float: left;
}

textarea   {
      border: 1px dotted #8B4513; 
      font-size: 1em; 
}
#cke_cal_invitation_text, #cke_content_text, #cke_art_text {
        margin-top: 10px;
        clear: left;
} 

#map_canvas {
    width:760px; 
    height:600px; 
    float: left; 
    margin-top: 10px;
    border: 3px solid #F79301;
}

#map_canvasshow{
    width:500px; 
    height:600px; 
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    border: 3px solid #F79301;
    float: left;
}
.thumb_img  {
    width: 180px;
    height: 135px;
    margin-left: 20px;   
}
.photo-number   {
        position: absolute;
        z-index: 100;
        padding: 5px 10px;
        color: #c80000;
        font-size: 1.2em;
        background: #f8f8f8;
        opacity: 0.6;
}
.avatar {
        position: absolute;
        top: 0px;
        left: 850px;
        z-index: 99;
}

.readonly   {
        color: #222;
        font-style: italic;
        background: #e8e8e8;
}

/* tabulky */
table  {
        margin-top: 5px;
        border-collapse: collapse;        
}
tbody   {
}
th, td  {
        padding: 4px 5px;
        font-weight: normal;
}
th      {
            border: 1px dotted #CD853F;
            border-bottom: none;
            padding: 4px 5px;
            font-weight: bold;
}
td      {
        border: 1px dotted #CD853F;
        z-index: 99;
        vertical-align: top;
}

.table-info {
        float: left;
        margin-top: 0px;
        
}
.table-info th  {
        text-align: right;
        padding-right: 10px;
        border: none;
}
.table-info td   {
        background: white;
        padding: 5px 10px 5px 10px;
}
.table-info p, .table-info ul, .table-info li { line-height: 1.6em; }
.table-info ul, .table-info li { margin-left: 30px;}
.table-div{
        margin: 0px 10px; 
        float: left;
}
.table-topics   {
        margin: 0px;
        background: white;
}
.table-topics  td{
        padding-top: 4px;
        padding-right:  0px;
        vertical-align: top;
}
.table-topics span{
        display: block;
        padding: 3px 8px;
        border-bottom: 1px dotted #8B4513;
        border-left: 1px dotted #8B4513;
}
.table-topics p {
        background: #f8f8f8; 
        min-height: 75px;
        border-left: 1px dotted #e8e8e8;
        padding: 3px 10px;
}
.table-topics .site   {
        margin: 0px;
        margin-right: 5px;
}
.table-footer   {
        margin-top: 20px;
   
}
.table-footer td    {
        background: #EEE8AA;
        padding: 10px;
        border: none;   
}
.table-footer a {
        color: #96501A;
        text-decoration:  none;
}
.reaction   {   
        margin-left: 50px;
}
/* alerty */
.msg    {
        padding: 7px 20px;
        margin-top: 10px;
}
.ok     {
        border: 1px solid green;
        color: green;
        background: #FFF68F;
}
.err     {
        border: 1px solid red;
        color: red;
        background: #FFF68F;
}