@charset "iso-8859-1";

html,body{margin:0;padding:0;}
body{font: 85%/1.3 Verdana,Arial,sans-serif; text-align: center;background: #900;padding-bottom:20px;color:#333}
h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
h2{font-size:160%}
h3{font-size:120%}
h4{font-size:100%}
h5{font-size:90%}
h6{font-size:85%}
p{margin-top:0}

div#header {width: 100%; overflow: hidden; background: #900; background-image: url(../images/english_home_banner.jpg); background-repeat: no-repeat}
div#header h1,div#menu,div#menub {width: 770px; margin: 0 auto; text-align: left; background: transparent}
div#header h1{padding: 30px 0 20px;color: #FFF}

div#menu {padding-top:115px;}
/*div#header p {color:#FFF;font-size:200%;text-align:left;margin:45px 0 35px 30px;}*/

ul.nav,ul.nav li{list-style-type:none;margin:0;padding:0}
ul.nav{float:right;font-size: 80%}
ul.nav li{float:left;margin-left: 3px;text-align: center}
ul.nav a{float:left;width: 75px;padding: 2px 0;background: #900;text-decoration:none;color: #FFF}
#index .index, #excursions .excursions, #guide .guide, #cultural .cultural, #language .language, #business .business, #clients .clients, #contacts .contacts, ul.nav a:hover {background: #FFF;color: #900}

div#container{width:100%;margin:0 auto;text-align:left;background:#FFF;overflow: auto;} 
/* overflow auto fixes background color not filling the entire element after a float in Firefox */
div#content{float:left;display:inline;width:65%;margin:0 0 0 30px;font-size: 90%;background:#FFF}
div#content h2 {float:right;margin: 20px 0;padding-left:15px; color: #900; background-image: url(../images/dots.gif); background-repeat: no-repeat}
div#content p {clear: both} 
div#content a {line-height: 1.5;color: #900; text-decoration: none; padding-left:10px; background-image: url(../images/dotsm2.gif); background-repeat: no-repeat} 
div#content a:hover {font-weight:bold;border: none;} 

div#side{float:right;display:inline;width: 25%;background:#D5D5D5;padding: 20px 20px 20px 0;}
div#side p,div#side h5, div#side h6, div#side h2{margin:5px 0 10px;padding: 0 10px}
div.info, p.info {font-size:75%;}
div.info a{text-decoration: none;color:#333;}
p.info a{text-decoration: none;color:#FFF;}
div.info a:hover, p.info a:hover{text-decoration: underline;}

div#footer{clear:both;width:100%;overflow:hidden; background: #900;color: #FFF;text-align:center}
div#footer p{padding-top:20px;}
