
/*LOW RESOLUTION, 480PX AND BELOW 
@media only screen and (max-width: 480px) {

#master { width: 450px; margin-left: auto; margin-right: auto; }
#menu table { background: black; border-spacing: 0px; width: 450px; z-index: 10; position: fixed; border: 1px solid; border-radius: 10px}
#menu td { height: 100px; }
#slideshow { margin-top: 110px; position: fixed; }
#slideshow object { width: 450px; height: 200px; }
#content { background: white; width: 450px; top: 300px; color: #fff; position: absolute; position: relative; }

#nav h3 { margin-top: 10px; text-align: center; color: #FFA500; }
#nav_wrapper{ margin-top: -10px; text-align: center; }
#nav ul { list-style-type: none; padding: 0; margin: 0; position: relative; }
#nav ul li { display: inline-block; }
#nav ul li:hover { background-color: #333; }
#nav ul li img { padding-left: 3px; }
#nav ul li a,visited { color: #ccc; display: block; padding: 10px; text-decoration: none; }
#nav ul li a:hover { color: #fec04a; text-decoration: none; }
#nav ul li:hover ul { display: block; }
#nav ul ul { display:none; position: absolute; background-color: #333; border-top: 0; min-width: 150px; text-align: left; } 
#nav ul ul li { display: block; }
#nav ul ul li a,visited { color: #ccc; }
#nav ul ul li a:hover { color: #fec04a; }

/*MEDIUM RESOLUTION, 481PX TO 1023PX */
/*--
@media only screen and (min-width: 481px) {

#master { width: 100%; margin-left: auto; margin-right: auto; }
#menu table { background-color: #5f5f5f; border-spacing: 0px; width: 100%; z-index: 10; position: fixed; border: 1px solid; border-radius: 10px }
#menu td { height: 55px; }
#slideshow { top:55px; width: 100%; position:absolute;}
#slideshow object { width: 100%; height: 100%; }
#content { background-color: white;  width: 100%;  color: #fff; position: absolute;}

#nav h3 { margin-left: 0px; text-align: center; color: #FFA500; }
#nav_wrapper{ margin-top: -10px; margin-right: 20px; text-align: center; }
#nav ul { list-style-type: none; padding: 0; margin: 0; position: relative; }
#nav ul li { display: inline-block; }
#nav ul li:hover { background-color: #525252; }
#nav ul li img { padding-left: 3px; }
#nav ul li a,visited { color: #ccc; display: block; padding: 10px; text-decoration:none; }
#nav ul li a:hover { color: #fec04a; text-decoration: none; }
#nav ul li:hover ul { display: block; }
#nav ul ul { display:none; position: absolute; background-color: #333; border-top: 0; min-width: 150px; text-align: left; border-radius: 10px} 
#nav ul ul li { display: block; }
#nav ul ul li a,visited { color: #ccc; }
#nav ul ul li a:hover { color: #fec04a; }

/*@media only screen and (min-width: 800px) { }

#master { width: 800px; margin-left: auto; margin-right: auto; }
#menu table { background: black; border-spacing: 0px; width: 800px; z-index: 10; position: fixed; border: 1px solid; border-radius: 10px}
#menu td { height: 100px; }
#slideshow { top: -20px; position: fixed; }
#slideshow object { width: 800px; }
#content { background: white;  width: 800px; top: 400px; color: #fff; position: absolute; position: relative; }

#nav h3 { text-align: center; color: #FFA500; }
#nav_wrapper{ margin-top: -10px; text-align: center; }
#nav ul { list-style-type: none; padding: 0; margin: 0; position: relative; }
#nav ul li { display: inline-block; }
#nav ul li:hover { background-color: #333; }
#nav ul li img { padding-left: 3px; }
#nav ul li a,visited { color: #ccc; display: block; padding: 10px; text-decoration: none; }
#nav ul li a:hover { color: #fec04a; text-decoration: none; }
#nav ul li:hover ul { display: block; }
#nav ul ul { display:none; position: absolute; background-color: #333; border-top: 0; min-width: 150px; text-align: left; } 
#nav ul ul li { display: block; }
#nav ul ul li a,visited { color: #ccc; }
#nav ul ul li a:hover { color: #fec04a; }
*/

/* HIGH RESOLUTION, 1024 AND ABOVE */

/*@media only screen and (min-width: 1024px) { }
*/

/* NAVEGAÇÃO*/

#master { width: 1220px; margin: auto; padding:2px }

.menu{list-style:none; border:1px solid #c0c0c0; float:left; }
.menu li{position:relative; float:left; border-right:1px solid #c0c0c0; }
.menu li a{color:#333; text-decoration:none; padding:5px 10px; display:block;}
.menu li a:hover{background:#333; color:#fff; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #fff; }
.menu li   ul{position:absolute; top:25px; left:0; background-color:#fff; display:none; }
.menu li:hover ul, .menu li.over ul{display:block;}
.menu li ul li{border:1px solid #c0c0c0; display:block; width:150px;}

#menu table {background-color: dimgrey; border-spacing: 0px; width: 1200px; z-index: 10; position: relative; border: 0px solid; border-radius: 10px }
#menu td { height: 0px; }
#slideshow { top:auto;  width: 100%; position:relative; border-radius: 10px}
#slideshow object { width:100%; padding:1px; border-radius: 10px }
#content {   width: 100px;  color: dimgrey; position: relative; }
#nav h3 { background-color: #333;margin-left: 10px; margin-top: 70px;text-align: center; color: #FFFFFF; }
#nav_wrapper{ margin-top: -90px;  margin-left: 10px; margin-right: 10px; text-align: center;background: linear-gradient(transparent, transparent, transparent,transparent, black, transparent, transparent, transparent); }
#nav ul { list-style-type:none; padding: 0px; margin: 1px; position: relative;}
#nav ul li { display: inline-block;}
#nav ul li:hover { background-color: dimgrey; border-radius: 10px;}
#nav ul li img { padding-left: 1px; }
#nav ul li a,visited {color: #ffffff; display: block; padding: 10px; text-decoration:none;}
#nav ul li a:hover { color: white; text-decoration: none; border-left: #ffcc66 Solid 1px; border-right: #ffcc66 Solid 1px; border-radius: 10px}
#nav ul li:hover ul { display: inline-block; text-decoration: none;}
#nav ul ul { display:none; position:absolute; background-color: #333; text-decoration:none;  border-top: 0; min-width: 150px; text-align: left; border-radius: 10px} 
#nav ul ul li { display: block; }
#nav ul ul li a,visited { color: #ccc; text-decoration: none; }
#nav ul ul li a:hover { color: #ffffff;text-decoration: none; }
