/* CSS Document */

body    {
        background-color : #FFFFFF;
        font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
        margin: 0px;
        }
        
.header   {
          position: absolute;
          top: 83px;
          left: 15px;
          width: 740px;
          height: 120px;
          background-color: rgb(40,125,153);
          }  
          
.header_text {position: absolute;
          top: 0px;
          left: 70px;
          color:white;
          }
                  
h1 {font-family:tahoma;color:white;}
h2 {font-family:tahoma;color:black;}

h1 A:link {color:white;text-decoration:none;}
h1 A:visited {color:white;text-decoration:none;}
h1 A::hover {color:white;text-decoration:none;}

.menudiv {
          position: absolute;
          margin: auto;
          left: 15px;
          top: 210px;
          width: 150px;
          height: auto;
          border: 0px solid rgb(153,204,204);
          background-color: rgb(146,173,207); 
        }
        
.menu_navi { margin: 6px; font-size: 14px; font-color:black;}

.menu_navi A:link {font-size:14px;color:white;text-decoration:none;}
.menu_navi A:visited {font-size:14px;color:white;text-decoration:none;}
.menu_navi A:active {font-size:14px;color:grey;text-decoration:none;}
.menu_navi A:hover {font-size:14px;color:#3B73D4;text-decoration:underline;}

.maindiv  {
          position: relative;
          margin: auto;
          width: 770px;
          height: 1100px;
          border: 0px dashed blue;
          border-left: 5px solid rgb(226,244,257);
          border-right: 5px solid rgb(226,244,257);
          background-color: rgb(216,234,237);
          }
          
.maindiv-l  {
          position: relative;
          margin: auto;
          width: 770px;
          height: 1200px;
          border: 0px dashed blue;
          border-left: 5px solid rgb(226,244,257);
          border-right: 5px solid rgb(226,244,257);
          background-color: rgb(216,234,237);
          }
          
.textarea {
          position: absolute;
          margin: 0px;
          width: 430px;
          height: auto;
          top: 225px;
          left: 180px;
          padding: 0px;
          background-color: rgb(226,244,247);
          }
          
.navigation {
          position: absolute;
          margin: 0px;
          width: 430px;
          height: 25;
          top: 210px;
          left: 180px;
          padding: 0px;
          background-color: rgb(146,173,207);
          font-size: 12px;
          color: white;
}

.naviodkaz {font-size:12px;color:white;text-decoration:none;}
.naviodkaz:hover {font-size:12px;color:darkblue;text-decoration:underline;}
          
.infoarea {
          position: absolute;
          width: 130px;
          height: auto;
          top: 210px;
          left: 625px;
          padding: 0px;
          background-color: rgb(236,248,247);
          }
          
.bottom1 {
          position: absolute;
          width: 770px;
          height: 20px;
          bottom: 40px;
          left: 0px;
          padding: 0px;
          background-color: rgb(113,165,223);
          }
          
.bottom2 {
          position: absolute;
          width: 770px;
          height: 20px;
          bottom: 20px;
          left: 0px;
          padding: 0px;
          background-color: rgb(169,204,231);
          font-size: 11px;
          }
          
.bottom3 {
          position: absolute;
          width: 770px;
          height: 20px;
          bottom: 0px;
          left: 0px;
          padding: 0px;
          margin: 0px;
          background-color: #FFFFFF;
          text-align: right;
          font-size: 11px;
          }
          
.text { margin: 6px; font-size: 12px; font-color:black;}
.text_info { margin: 6px; font-size: 10px; font-color:black; }
.text_spodek { margin: 3px; }
.textlink A:link {font-size: 12px; color:#3B73D4;text-decoration:none;}
.textlink A:hover {font-size: 12px; color:#3B73D4;text-decoration:underline;}
.text A {font-size: 12px; color:#3B73D4;text-decoration:none;}
.text A:hover {font-size: 12px; color:#3B73D4;text-decoration:underline;}
.infolink {font-size: 10px; color:#3B73D4;text-decoration:none;}
.infolink:hover {font-size: 10px; color:#3B73D4;text-decoration:underline;}
.spodek_odkaz {color:black;text-decoration:none;}
.spodek_odkaz:hover {color:grey;text-decoration:underline;}
.jmeno {
	FONT-SIZE: 12px;
	font-family : Verdana, Arial CE, Arial, Helvetica, sans-seriff;
	font-weight : bold;
}
.inputbook {
	FONT-SIZE: 8 pt;
	font-family : Verdana;
	font-weight : normal;
}
.odkaz A {font-size: 12px; color:#3B73D4;text-decoration:none;}
.odkaz A:HOVER {font-size: 12px; color:#3B73D4;text-decoration:underline;}

.cas {
	FONT-SIZE: 10px;
	font-family : Verdana, Arial CE, Arial, Helvetica, sans-seriff;
	font-weight : bold;
}
div.khamlia {
margin-left: 15px;
width: 740px;
height: 80px;
background-image: url("http://maroko.tripidipi.cz/ubytovani/obrazky/ubytovani-dar-el-khamlia.jpg");
	}
a.kham-a {
	position: relative;
	top: 50px;
	left: 256px;
	color: white;
	text-decoration:none;
	}
	
a.kham-a:hover {
	position: relative;
	top: 50px;
	left: 256px;
	color: #3b73d8;
	text-decoration:underline;
	}
div.expedice {margin-left: 15px;
width: 740px;
height: 80px;
background-color:red;}
a.exp-a {
	position: relative;
	color: white;
	text-decoration:none;
	font-size: 11px;
	}