/*-steelblue         #4682B4
-lightsteelblue      #B0C4DE
-royalblue           #4169E1
-whitesmoke          #F5F5F5
-indianred           #CD5C5C
-goldenrod           #DAA520
-gainsboro           #DCDCDC
-cadetblue           #5F9EA0*/



body {
 background-color:white;
 background-image:url(../../img/background/boat.png);
 background-repeat:no-repeat;
 background-position:80px left;
 background-attachment:fixed;
}     

/*td {BACKGROUND-COLOR: #F5F5F5}*/

   /*BODY, HTML {scrollbar-track-color: #F5F5F5; 
               scrollbar-face-color: #00447D;
               scrollbar-highlight-color: #191970; 
               scrollbar-3dlight-color: #191970; 
               scrollbar-darkshadow-color: #191970;
               scrollbar-shadow-color: #191970; 
               scrollbar-arrow-color: #F5F5F5}*/

ul li {list-style:square outside} 
ul {margin-left: 16px}

   A {CURSOR: pointer;
      CURSOR: hand}


   A:link {COLOR: blue; 
           TEXT-DECORATION: none}

   A:visited {COLOR: navy;
              TEXT-DECORATION: none}

   A:active {COLOR: navy; 
             TEXT-DECORATION: none}

   A:hover {TEXT-DECORATION: underline; 
            COLOR: navy}

   A.email {FONT: bold 10px arial;
            COLOR: blue}
   A.email:hover {COLOR: navy}

   A.akce {COLOR: black}  
   A.akce:hover {TEXT-DECORATION: none; 
                 FONT: bold 11px arial; 
                 COLOR: white}

   A.kontakt {DISPLAY: block;
              COLOR: black;
              FONT: 9pt helvetica;
              TEXT-ALIGN: left;
              VERTICAL-ALIGN: middle;
              TEXT-DECORATION: none;
              HEIGHT: 19px;
              BORDER-TOP: 1px solid whitesmoke;
              BORDER-BOTTOM: 1px solid silver}  
   A.kontakt:hover {TEXT-DECORATION: none;
                    COLOR: black;
                    DISPLAY: block;
                    BACKGROUND-COLOR: gainsboro} 

   A.navbar {DISPLAY: block;
             COLOR: navy;
             FONT: bold 9pt arial; 
             LETTER-SPACING: 2px; 
             PADDING: 1px;
             MARGIN-BOTTOM: 2px; 
             HEIGHT: 20; 
             BACKGROUND-COLOR: #B0C4DE; 
             TEXT-DECORATION: none; 
             BORDER: #00447D solid 1px}  
   A.navbar:hover {COLOR: black; 
                   TEXT-DECORATION: none; 
                   BACKGROUND-COLOR: #4682B4}

   A.navbar2 {DISPLAY: block;
              FONT: bold 8pt arial; 
              LETTER-SPACING: 2px; 
              PADDING: 0px 1px 0px 25px;
              MARGIN-BOTTOM: 2px; 
              HEIGHT: 20; 
              TEXT-ALIGN: left; 
              BACKGROUND-COLOR: #B0C4DE; 
              COLOR: black}
   A.navbar2:hover {COLOR: navy; 
                    TEXT-DECORATION: none; 
                    BACKGROUND-COLOR: #4682B4}

   A.prezdivka {DISPLAY: block;
                COLOR: black;
                FONT: bold 9pt helvetica;
                TEXT-ALIGN: right;
                VERTICAL-ALIGN: middle;
                TEXT-DECORATION: none;
                HEIGHT: 19px;
                BORDER-TOP: 1px solid whitesmoke;
                BORDER-BOTTOM: 1px solid silver;
                PADDING-RIGHT: 40px;
                LETTER-SPACING: 1px}  
   A.prezdivka:hover {TEXT-DECORATION: none;
                      COLOR: black;
                      DISPLAY: block;
                      BACKGROUND-COLOR: gainsboro;
                      LETTER-SPACING: 1px}

   A.odkaz {DISPLAY: block;
            TEXT-ALIGN: right; 
            FONT: bold 9.5px helvetica; 
            VERTICAL-ALIGN: middle;
            TEXT-DECORATION: none;
            HEIGHT: 18px;
            BORDER-TOP: 1px solid whitesmoke;
            BORDER-BOTTOM: 1px solid silver}
   A.odkaz:hover {TEXT-DECORATION: underline;
                  DISPLAY: block;
                  BACKGROUND-COLOR: gainsboro}  

   A.navrat {FONT: 10pt arial}
   A.navrat:hover {COLOR: navy}

td a.ikony {
	color: navy
}  
td.ikona:hover {
	color: black; 
    text-decoration: none; 
    background-color: #4682B4
}

   H2 {BACKGROUND-COLOR: #191970; 
       FONT: bold 13px arial; 
       COLOR: white;
       MARGIN-TOP: 0px;
       MARGIN-BOTTOM: 2px}

   H3 {BACKGROUND-COLOR: #191970; 
       FONT: bold 12px arial; 
       COLOR: white; 
       MARGIN-TOP: 0px; 
       MARGIN-BOTTOM: 2px}

   H4 {CURSOR: pointer;
       CURSOR: hand;
       MARGIN: 0px 0px 1px 5px;
       FONT: bold 12pt times new roman}


   .skryvany {DISPLAY: none;
              FONT: 8pt arial;
              TEXT-ALIGN: right;
              MARGIN-RIGHT: 10px}

   .odstavec {MARGIN-TOP: 0px;
              MARGIN-BOTTOM: 0px;
              TEXT-ALIGN: left; 
              FONT: bold 10px arial;}

   .odstavec2 {MARGIN-TOP: 0px; 
               MARGIN-BOTTOM: 0px; 
               TEXT-ALIGN: right; 
               FONT: bold 10px arial}

   .odstavec3 {MARGIN-TOP: 0px;
               MARGIN-BOTTOM: 0px;
               TEXT-ALIGN: center;
               FONT: bold 10px arial}

   .odstavec4 {MARGIN-TOP: 0px;
               MARGIN-BOTTOM: 0px;
               TEXT-ALIGN: center;
               FONT: 11px arial;
               VERTICAL-ALIGN: middle}

   .zarovnani {VERTICAL-ALIGN: top;
               TEXT-ALIGN: left}

   .zarovnani2 {VERTICAL-ALIGN: bottom}

/*styly ramovani*/
   .ramovani_hlavicka {BORDER-TOP: #00447D solid 8px;
                       BORDER-RIGHT: #00447D solid 1px;
                       BORDER-BOTTOM: #00447D solid 3px;
                       BORDER-LEFT: #00447D solid 1px;
                       BORDER-COLLAPSE: collapse}

   .ramovani {BORDER-TOP: #00447D solid 3px;
              BORDER-RIGHT: #00447D solid 1px;
              BORDER-BOTTOM: #00447D solid 3px;
              BORDER-LEFT: #00447D solid 1px;
              BORDER-COLLAPSE: collapse}

   .ramovani_patka {BORDER-TOP: #00447D solid 3px;
                    BORDER-RIGHT: #00447D solid 1px;
                    BORDER-BOTTOM: #00447D solid 8px;
                    BORDER-LEFT: #00447D solid 1px;
                    BORDER-COLLAPSE: collapse}

   .nadpis {BACKGROUND-COLOR: #191970;
            FONT: bold 12pt arial;
            COLOR: white;
            TEXT-ALIGN: center}

   .podnadpis {MARGIN-TOP: 0px;
               MARGIN-BOTTOM: 0px;
               TEXT-ALIGN: left;
               FONT: bold 10px arial;
               TEXT-DECORATION: underline;
               TEXT-INDENT: 5%}

   .subnadpis {COLOR: black;
               FONT: bold 8pt arial;
               TEXT-ALIGN: right;
               TEXT-TRANSFORM: uppercase;
               PADDING-TOP: 4px}

/*styly kroniky*/
   .kronika_zapis {MARGIN-LEFT: 8px;
                   MARGIN-RIGHT: 8px}

   .kronika_nadpis {COLOR: black;
                    FONT: bold small-caps 16pt times new roman;
                    LETTER-SPACING: 2pt;
                    TEXT-ALIGN: right;
                    TEXT-DECORATION: underline;
                    MARGIN-BOTTOM: 0px}

   .kronika_datum {COLOR: black;
                   FONT: italic 12pt times new roman;
                   TEXT-ALIGN: right;
                   MARGIN-BOTTOM: 0px;
                   MARGIN-TOP: 0px}   

   .kronika_komentar {COLOR: black;
                      FONT: 12pt times new roman;
                      TEXT-ALIGN: center;
                      MARGIN-TOP: 0px;
                      MARGIN-BOTTOM: 0px}     

   .kronika_text {COLOR: black;
                  FONT: 10pt times new roman;
                  TEXT-INDENT: 1cm;
                  TEXT-ALIGN: justify;
                  MARGIN-TOP: 6pt} 

   .kronika_zaver {COLOR: black;
                   FONT: bold italic small-caps 11pt times new roman;
                   TEXT-ALIGN: center;
                   MARGIN-BOTTOM: 3px}

/*styly kontaktu*/
   .kontakty {FONT: bold 9pt helvetica}

   .kontakty_seznam {COLOR: black;
                     FONT: italic 9pt helvetica;
                     TEXT-DECORATION: underline;
                     TEXT-ALIGN: center;
                     VERTICAL-ALIGN: middle;
                     HEIGHT: 19px;
                     LETTER-SPACING: 1px}  

   .kontakt {PADDING: 0px 0px 0px 25px;
             FONT: 9pt helvetica}

   .kontakty_adresa,
   .kontakty_mail, 
   .kontakty_telefon,
   .kontakty_icq {MARGIN: 0px}

   .pismo {FONT: bold 8pt arial; 
           TEXT-ALIGN: middle}

   .pismo2 {FONT: bold 10pt arial; 
            TEXT-ALIGN: bottom; COLOR: navy}

   .pismo3 {FONT: bold 11pt arial; 
            TEXT-ALIGN: middle}

   .pravybar {FONT: bold 9pt arial; 
              PADDING: 9px 3px 7px 1px; 
              HEIGHT: 60;
              WIDHT: 100%; 
              TEXT-ALIGN: right; 
              VERTICAL-ALIGN: center; 
              COLOR: black}

   td.ikona {BACKGROUND-COLOR: #B0C4DE;
           VERTICAL-ALIGN: middle; 
           TEXT-ALIGN: center;
}

   .ramecek {FONT: bold 8pt arial; 
             TEXT-ALIGN: middle; 
             PADDING: 1px; 
             BACKGROUND-COLOR: red; 
             BORDER: #00447D solid 1px}

   .uprostred {VERTICAL-ALIGN: middle; 
               TEXT-ALIGN: center;
               FONT: bold small-caps 10pt helvetica;
               LETTER-SPACING: 2px}

   .napravo {TEXT-ALIGN: right}

   .nalevo {TEXT-ALIGN: left}

   .active {COLOR: navy; 
            TEXT-DECORATION: none; 
            BORDER: #00447D solid 1px; 
            BACKGROUND-COLOR: #B0C4DE; 
            FONT: bold 9pt arial; 
            LETTER-SPACING: 2px; 
            PADDING: 1px;
            HEIGHT: 20}

   .max {FONT-SIZE: 130%; 
         COLOR: #DCDCDC}

   .date {FONT: italic 8pt arial; 
          COLOR: #4682B4; 
          TEXT-ALIGN: left}

   .text {FONT-SIZE: 8pt;
          FONT-FAMILY: helvetica, verdana, arial; 
          COLOR: black; 
          TEXT-ALIGN: justify;
		  margin:5px;}

.text-nabor {
	FONT-SIZE: 11pt;
    FONT-FAMILY: helvetica, verdana, arial; 
    cOLOR: black; 
    TEXT-ALIGN: justify;
	margin:5px;}

   .text2 {FONT-SIZE: 10px;
           FONT-FAMILY: verdana, helvetica, times new roman, arial;  
           COLOR: black; 
           TEXT-ALIGN: left; 
           MARGIN: 0px 0px 0px 20px}

   .icq {FONT: bold 11px arial; 
         TEXT-DECORATION: underline 
         COLOR: black;
         TEXT-ALIGN: left}


   .vyprava {BACKGROUND-COLOR: #CD5C5C; 
             FONT: bold 11pt arial; 
             COLOR: white; 
             TEXT-ALIGN: left;
             MARGIN-BOTTOM: 5px}

   .info {FONT-WEIGHT: bold; 
          COLOR: black; 
          FONT-SIZE: 11px;
          FONT-FAMILY: verdana, helvetica, times new roman, arial;  
          TEXT-ALIGN: left; 
          MARGIN: 0px}

/*styly kalendare*/
   .kalendar {VERTICAL-ALIGN: top; 
              TEXT-ALIGN: center}

   .datum {HEIGHT: 15px; 
           WIDTH: 15px;
           VERTICAL-ALIGN: middle;
           TEXT-ALIGN: center; 
           FONT: 11px arial;
           PADDING: 2px;
           BACKGROUND-COLOR: #B0C4DE}

   .den {HEIGHT: 15px; 
         WIDTH: 17px;
         VERTICAL-ALIGN: middle;
         TEXT-ALIGN: left; 
         PADDING: 2px;
         FONT: bold 11px arial}    

   .akce {HEIGHT: 15px; 
          WIDTH: 15px;
          FONT: bold 11px arial; 
          COLOR: black;
          BACKGROUND-COLOR: #4169E1; 
          TEXT-ALIGN: center;
          VERTICAL-ALIGN: middle}  

   .weekend {HEIGHT: 15px; 
             WIDTH: 15px;
             BACKGROUND-COLOR: #5F9EA0;     
             FONT: 11px arial; 
             COLOR: black;  
             TEXT-ALIGN: center;
             VERTICAL-ALIGN: middle}

   .obdobi {BACKGROUND-COLOR: #4682B4;
            FONT: bold 12px arial;
            TEXT-ALIGN: center}

   .svatek {HEIGHT: 15px; 
            WIDTH: 15px;
            FONT: bold 11px arial; 
            COLOR: black;
            BACKGROUND-COLOR: #5F9EA0; 
            TEXT-ALIGN: center;
            VERTICAL-ALIGN: middle}         

   .mesic {background-color:#4169E1; 
           font:bold 11pt arial; 
           color:#ffffff; 
           text-align:left; 
           padding-left:5px;
           margin-bottom:5px}

   .nastaveni {MARGIN-TOP: 0px; 
               MARGIN-BOTTOM: 0px; 
               TEXT-ALIGN: left; 
               FONT: 11px arial; 
               VERTICAL-ALIGN: middle; 
               TEXT-DECORATION: none; 
               TEXT-ALIGN: right}

   .margin {MARGIN-BOTTOM: 10px}  

   .download {FONT: 10pt arial;
              TEXT-ALIGN: left;
              MARGIN-RIGHT: 30px;
              margin-top:0px;}


.photoImage {
	background: none repeat scroll 0 0 white;
	border: 1px solid #CCCCCC;
	padding: 4px;
	vertical-align: middle;
}

a.photoLink:hover
.photoImage {
	border: 1px solid #3B5998;
}

.photoCell {
	text-align: center;
}

/*-------------------------------------------------------------------------------------------------------------
		6) Forms, registration, editation
-------------------------------------------------------------------------------------------------------------*/
form {width:100%;}

label {font-weight: bold; width: 120px;}
	


img.edit {margin:2px;}


button {
	font-weight: bold;
	color: #ffffff;
	background-color:#336698;
	border: 1px solid #000000;
	font-size:11px;
	cursor:pointer;
}

button:hover {background-color:#7DB9FF;}

input, textarea {
	background-color:#e5e5e5;
	text-align: left;
	border: 1px solid #336698;
	color: #000000;
	font-size: 11px;
}

.form {background-color:#DDDDDD;border:1px solid black;font-size:15px;}

;button {
 cursor:pointer;
 background-color:#ffffff;
 border:none;
 padding:2px;
}

button:hover {background-color:#7DB9FF;}

td.titulek {
	font-weight: bold;
	background-color: #F9AD44;
	text-align: center;
	padding:3px 50px 3px 50px;
}

/*-----------------------------------------------------------------------------------------------------------
		7) Contacts
-----------------------------------------------------------------------------------------------------------*/
.role-name {
	text-align:right;
    text-transform:uppercase;
    padding-top:4px;
	font-weight:bold;
	font-style:italic;
	font-size:10px;
	margin-right:5px;
}

.oddil {
	font-weight:bold;
	text-align:center;
	font-size:16px;
}

.vcard {
	font-size:13px;	
}

.fn {
	font-size:18px;
	margin-left:0px;
	margin-bottom:5px;
}

.adr, .tel, .mail, .web, .bank, .ico, .dic, .uid {
	margin-left:10px;
	bmargin-bottom:5px;
	bmargin-top:5px;
}

.contact-title {
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:1px solid #000000;
	width:35%;
}

.scout-base {
	width:195px;
	margin:2px;
	font-size:12px;
}

.gps {
	color:#444444;
	font-size:10px;
}

/*-----------------------------------------------*/
.tab1 {
 background-color: #a9a9a9;
 font-size: 11px;
 font-weight: bold;
 padding-left: 10px;
}

table {
 border-collapse: separate;
 vertical-align:top;
 font: Helvetica;
 font-size:14px;
 font-family:Helvetica, Verdana, arial;
}

table td {
 border:0px solid black;
 padding: 3px;
}

table.web {
	font-size:10px;
	width:100%;
	text-align:right;
}

table tr.radek1 {background-color: #f5f5f5;}
table tr.radek2 {background-color: #dcdcdc;}
table tr.radek1:hover,
table tr.radek2:hover {
 background-color: silver;
}

.ta-left {text-align:left;}
.ta-right {text-align:right;}
.ta-center {text-align:center;}