﻿@charset "utf-8";
/*CSS DOCUMENT*/

h1 {color:#FF5733;}
h2 {color:#FF5733;}
h3 {color:#FF5733;}

a:link {text-decoration:none; color:#FF5733;}

a:hover {text-decoration:blink; color:#f7d516;}

a:visited {text-decoration:none; color:#FF5733;}


/*BACKGROUND SECTION*/
.page {background-color:#ffad3a; width:80%; margin-right:10%; margin-left:10%; spacing:5px; padding:10px;}
body {background-image: url("Images/wp-1.jpg"); font:100%/1.2 Georgia, "Times New Roman", serif;}
div {text-align: justify;}
p.big {line-height:150%;}

/*HEADER SECTION*/
.class-header {background-color:#ffad3a; font-size:12px; padding-top:30px;}
.social-sites li {display:inline-block; position:relative; left:950px; top:-30px;}

/*MAIN SECTION*/
main {background-color:#ffad3a; font-family:arial, sans-serif; font-size:14px; width:71%; float:left; text-align:center;}
.multiple {-webkit-box-shadow: 2px 2px 10px rgba(225,0,0,75), 5px 5px 20px blue;}
.more:after {content:" »";}
.footer {text-align:right;}
	
/*FOOTER SECTION*/
.real-footer {background-color:#ffad3a; font-family:arial, sans-serif; font-size:14px; clear:both; left:200px;}

/*NAVIGATION SECTION*/
body {margin:0;}
ul {list-style-type:none; font-family:arial, sans-serif; margin:0; padding:0; overflow:hidden; background-color:black; position:fixed; top:0; width:80%;}
li {display:inline-block; float:center;}
li a {display:block; color:white; text-align:center; padding:14px 16px; text-decoration:none;}
li a:hover:not(.active) {background-color:#ffad3a;}
.active {background-color: #ffad3a;}

/*SIDEBAR SECTION*/
.sidebar {background-color:#ffad3a; font-family:arial, sans-serif; font-size:14px; width:28%; float:right; text-align:center;}
.links {list-style:none; text-align:left;}
.travels {position:relative;}
.map:focus + .cities, .map:hover + .cities {left:50%}
.cities {background:#ffffff; border-radius: 5px 5px; left:-999em; margin-left:-111px; padding: .5em 0 .9375em .9375em; position:absolute; top: -75px; width: 222px; list-style:none;}
.cities:after {border:solid transparent; border-top-color:#ffffff; border-width:15px; content:" "; height:0; left:50%; margin-left: -15px; position:absolute; top:99.9%; width:0;}
	
/*TABLE SECTION*/
table {font-family:arial, sans-serif; border-collapse:collapse; width:100%; text-align:center;}
td, th {border: 1px solid #ff7700; text-align: left; padding: 8px;}
