@charset "utf-8";
/* CSS Document */

body {
	margin-top: 0px;
	margin-bottom: 0px;
    background-image: url('Images/map.jpg');
	/*background-image: url('Images/marblelight.jpg');*/
	background-repeat:no-repeat;
	background-position:top;
	background-attachment:fixed;
	text-align:center;
}

#container-out {
	width: 868px;
	height:auto;
	background-color:#990000;
	border: 4px;
	border-style: solid;
	border-color: #FFFFFF;
	/*border-right:thick;*/
	border-bottom: none;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

#container {
	width: 860px;
	height:auto;
	background-color:#990000;
	border: 4px;
	border-style: double;
	border-color: #FFCC00;
	border-bottom: none;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

#header {
	width:800px;
	height:160px;
	
}

#movie {
	width:800px;
	height:500px;
	background-color:#990000;
}

#movie_border {
	width:auto;
	border: 1px;
	border-style:solid;
	border-color: #FC0;
}

#movie_float_left {
	width:150px;
	height:500px;

}

#movie_float_right {
	width:150px;
	height:500px;
	
}

#movie_float_center {
	/*width:568px;*/
	width:500px;
	height:426px;
	
}

#menu { 
	width: 568px;
	height: 24px;
	margin-top: 0px;
}

#circuito {
	margin-left:auto;
	margin-right:auto;
	width:390px;
	height:30px;
}

#bottom  {
	width: 560px;
	height: 100px;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 6px;
	/*background-image:url(Images/menu_back.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color: #990000;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
}

#bottom a {
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	text-shadow:#000; 
}

#bottom a:hover {
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	color:#FC0;
	text-decoration:none;
}


#bottom_menu {
	width:568px;
	height:auto;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FC0;
}

#bottom_menu a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FC0;
	text-decoration:none;
}

#bottom_menu a:hover{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFF;
}

#bottom2  {
	width: 800px;
	height: 130px;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(Images/marble-4.jpg);
	background-position:top left;
	background-repeat:repeat;
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	color:  #FC0;
}

#bottom-end {
	width: 100%;
	height: 330px;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	background-color:#538fa8;
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	color:  #FFF;

}

#bottom-end a {
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	color:  #FFF;
	text-decoration:none;

}

#bottom-end a:hover {
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	color:  #40E0D0;
    text-decoration:none;
}


/* Menu top start */
#bottom-end2 {
	width: 100%;
	height: 64px;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	background-color:#538fa8;
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	color:  #FFF;

}

#bottom-end2 a {
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	color:  #FFF;
	text-decoration:none;

}

#bottom-end2 a:hover {
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	color: #40E0D0;
    text-decoration:none;
}

/* Menu Top End */


.style-1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FC0;
}

.style-2 {
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#FC0;
	text-align:center;
}





/* ================================= */
/* :::::: TOOLTIP ::::::: */
/* ================================= */




/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color:#0DC5F6;
    color: #FFFFFF;
    /*    color: #F6E70D;   */
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext {
    width: 120px;
    top: 100%;
    left: 50%; 
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}