@charset 'UTF-8';
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Roboto:300,700);
html, body{
  width: 100%;
  height: 92%;
  background: linear-gradient(to right, #003366 0%, #663300 100%);
}

body {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 8pt;
  margin: 0px;
}

h1 {
  font-size: 42px;
  font-weight: 900;
  line-height: 46px;
}

body, td {
  font-family: "Roboto", sans-serif;
  font-size: 2.25em;
  color: rgb(255,255,255);
}

#maintable {
  height:100%;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
}

#toptd {
   padding: 20px 20px 25px 20px;
}

/*importante */
#toptd a {
	text-decoration: none;
	color: rgb(255,255,255);
	font-weight: bold;
	font-size: 36px;
}

#middletd {
  height:100%;
  width: 100%;
  text-align: center;
}
#bottomtd {
  text-align: center;
  padding: 10px 25px 15px 25px
}

#mypanoviewer {
  height:100%;
  width: 100%;
  -webkit-box-shadow: 5px 5px 10px rgb(180,180,180);
  -moz-box-shadow: 5px 5px 10px rgb(180,180,180);
  box-shadow: 0px 0px 0px 2px #e0e0e0, 0px 5px 60px 5px rgba(8,11,19,0.55);
  border-radius: 1px;
}

#notice,
#notice A:link,
#notice A:visited,
#notice A:active,
#notice A:hover
{
  font-size: 7pt;
  color: rgb(160,160,160);
  text-align: right;
  padding-top: 5px;
}

#notice A:hover
{
  text-decoration: none;
}