html {
  overflow-x:hidden;
}
body {
  font-family:'Helvetica Neue',Helvetica,Arial;
  color:#333;
  /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #D2DEFF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #D2DEFF 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #D2DEFF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #D2DEFF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #D2DEFF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #D2DEFF 100%);
background-repeat: no-repeat;
background-color: #D2DEFF; 
}
  
a { color:#000; }
a:hover { color:#ff8000; }
a:visited { color:#ff0000; }

ul li, ol li {
  padding:0 0 0.4em 0;
}


.container {
  max-width:1200px;
  margin:0 auto;
   -webkit-box-shadow: 7px 0px 15px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 0px 15px rgba(50, 50, 50, 0.75);
box-shadow:         7px 0px 15px rgba(50, 50, 50, 0.75);
 background-color: #FFFFFF;
  
}
.csstable {
text-align:left; 
vertical-align: bottom;
font-weight:bold;
float: center;
}

.csstable2 {
text-align:left; 
vertical-align: bottom;

float: center;
}
	
.header {
  padding:2em 2% 2em 2%;
  border-top:4px solid #000000;
  border-bottom:2px solid #000000;
  position:relative;
  /*background-color: #FFFFFF;
  background:-moz-linear-gradient(top, #ddd, #fff) no-repeat #fff;
    background:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff)) no-repeat #fff;*/
	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #dddddd 0%, #FFFFFF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #dddddd 0%, #FFFFFF 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #dddddd 0%, #FFFFFF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dddddd), color-stop(1, #FFFFFF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #dddddd 0%, #FFFFFF 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #dddddd 0%, #FFFFFF 100%);
background-repeat: no-repeat;
background-color: #FFFFFF; 
}
  
  
}
.header:before {
  content:"";
  position:absolute;
  display:block!important;
  width:100%px;
  left:-3000px;
  top:-4px;
  height:70%;
  border-top:10px solid #000000;
  
/*background: -moz-linear-gradient(top, rgba(188,188,188,0.65) 0%, rgba(228,228,228,0) 60%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(188,188,188,0.65)), color-stop(60%,rgba(228,228,228,0)), color-stop(100%,rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(188,188,188,0.65) 0%,rgba(228,228,228,0) 60%,rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top, rgba(188,188,188,0.65) 0%,rgba(228,228,228,0) 60%,rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(top, rgba(188,188,188,0.65) 0%,rgba(228,228,228,0) 60%,rgba(255,255,255,0) 100%);
  background: linear-gradient(top, rgba(188,188,188,0.65) 0%,rgba(228,228,228,0) 60%,rgba(255,255,255,0) 100%);
  z-index:-1;*/
}

.logo {
  float:left;
  display:inline-block;
  font-size:24px;
  color:#000;
  font-family:'Helvetica Neue',Helvetica,Arial;
  font-weight:bold;
}

.menu_main {
  float:right;
  text-align:right;
  margin:0.3em 0 0 0;
  font-family:'Helvetica Neue',Helvetica,Arial;
  font-weight:bold;
  font-size:17px;
}

.menu_main li {
  display:inline-block;
  padding:0 0 0 12px;
  margin:0 0 0 5px;
  border-left: 1px solid #B2B2B2;
}

.menu_main  li:first-child {
  border:0;
  padding-left:0;
  margin-left:0;
}

.menu_main a,
.menu_main a:visited {
  color:#000;
  text-decoration:none;
}

.menu_main a:hover,
.menu_main a:visited:hover {
  color:#ff8000;
}

.menu_main li.active,
.menu_main li.active a {
  color:#ACACAC;
  cursor:default;
}

.center_menu {
  float:center;
  text-align:center;
  margin:0.3em 0 0 0;
  font-family:'Helvetica Neue',Helvetica,Arial;
  font-weight:bold;
  font-size:15px;
}

.center_menu li {
  display:inline-block;
  padding:0 0 0 12px;
  margin:0 0 0 5px;
  border-left: 1px solid #B2B2B2;
}

.center_menu  li:first-child {
  border:0;
  padding-left:0;
  margin-left:0;
}

.center_menu a,
.center_menu a:visited {
  color:#000;
  text-decoration:none;
}

.center_menu a:hover,
.center_menu a:visited:hover {
  color:#000;
}

.center_menu li.active,
.center_menu li.active a {
  color:#000;
  cursor:default;
}
	

.hero {
	padding: 1em 0 0 2%;
	color: #000;
	border: 3px solid #CCC;
	/*-webkit-box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 18px;
  -moz-box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 18px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 18px;*/
	-webkit-box-shadow: 0px 0px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 1px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 1px rgba(50, 50, 50, 0.75);
	padding: 5px 0 10px 0%;
	margin: 3 3 3 3;
	font-family: 'Helvetica Neue',Helvetica,Arial;
	font-size: 26px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	background-color: #ff8000;
	text-align:center;
 
 }

.hero a,
.hero a:visited {
  color:#fff;
}

.article {
  padding:0 0 2em 2%;
  border-left:3px solid #ccc;
  border-right:3px solid #ccc;
  text-align:justify;
}

.footer {
  padding:2em 2% 3em 2%;
  color:#fff;
  background:#000;
  border-bottom:8px solid #313131;
}

.copyright {
  width:49%;
  float:left;
  font-family:georgia, serif;
  font-weight:bold;
  color:#4D4B4B;
}

.menu_bottom {
  width:50%;
  float:right;
  text-align:right;
  margin:0;
  padding:0;
  font-weight:bold;
}

.menu_bottom li {
  display:inline-block;
  padding:0 0 0 12px;
  margin:0 0 0 5px;
  border-left: 1px solid #4D4D4D;
}

.menu_bottom  li:first-child {
  border:0;
  padding-left:0;
  margin-left:0;
}

.menu_bottom a,
.menu_bottom a:visited {
  color:#fff;
  text-decoration:none;
}

.menu_bottom a:hover,
.menu_bottom a:visited:hover {
  color:#ff8000;
}

.menu_bottom li.active,
.menu_bottom li.active a {
  color:#4D4D4D;
  cursor:default;
}


.hero h1 {
  font-size: 23px;
  margin: 0.4em 0 0.5em;
  font-family:'Helvetica Neue',Helvetica,Arial;
  color:#fff;
  display:inline-block;
  border-bottom:1px dotted #fff;
  font-style:normal;
}

h1, h2 {
  font-weight:normal;
  color:#000;
  font-family:'Helvetica Neue',Helvetica,Arial;;
  font-style:italic;
  font-weight:bold;
}
h2{display: inline-block;}

h3, h4, h5, h6 {
  font-family:'Helvetica Neue',Helvetica,Arial;;
  font-style:italic;
  font-weight:bold;
  color:#000;
}

h1 {
  font-size:22px;
}

.form label {
  display:inline-block;
  padding:0 0 4px 0;
}

a.button,
.button {
  border:0;
  text-align:center; 
  text-decoration:none;
  background:#ff8000;
  color:#fff;
  padding:4px 14px;
  border-bottom:2px solid #000;
  border-bottom:2px solid rgba(0,0,0,0.8);
  font-family:verdana, sans-serif;
  display:inline-block;
}
a.button:hover,
.button:hover {
  background:#FFB648;
  color:#fff;  
}
a.button:active,
.button:active {
  color:#000;
  background:#ff8000;
  border:0;
  margin-bottom:2px;
}

input[type=checkbox] {
    margin-right:10px;
}

input[type=checkbox]:after {
margin-left:1px;	
}
.table {
  width:100%;
 
  
}
.table th {
  padding:5px 7px;
  font-size:12px;
  font-weight:bold;
  text-align:left;
  border-right:1px solid #ccc;
}

.table td {
  padding:5px 7px;
 border: 1px solid #ccc;
}
.table tr {
  background:#eaeade;
  border: 1px solid #ccc;
  font-size:12px;
}
.table tr:nth-child(even) {
  background:#f8f7f2;
}
.table tr:first-child {
  background:none;
}
.table tr:last-child {
  border:0;
}
p
		{
			text-align: justify;
			text-shadow: 0 1px 0 rgba( 255, 255, 255, .5 );
			line-height: 1.85;
		}
abbr
		{
			color: #ff8000;
			border-bottom: 2px dotted #ff8000;
			cursor: help;
		}

#info
		{
			width: 28px;
			height: 28px;
			background-color: rgba( 0, 0, 0, .3 );
			-webkit-border-radius: 150%;
			-moz-border-radius: 150%;
			border-radius: 150%;
			padding: 2px;
			margin: 3px;
			text-align: justify;
			display: inline-block;
			
		}
			#info:hover
			{
				background-color: rgba( 0, 0, 0, .5 );
			}
			#info abbr
			{
				height: 100%;
				font-size: 2.0em;
				font-weight: bold;
				line-height: 1;
				text-align: center;
				text-shadow: 0 1px rgba( 0, 0, 0, .25 );
				color: #fff;
				background: #ff8000;
				background: -webkit-gradient( linear, left top, left bottom, from( #ff8000 ), to( #ff8000 ) );
				background: -webkit-linear-gradient( top, #ff8000, #ff8000 );
				background: -moz-linear-gradient( top, #ff8000, #ff8000 );
				background: -ms-radial-gradient( top, #ff8000, #ff8000 );
				background: -o-linear-gradient( top, #ff8000, #ff8000 );
				background: linear-gradient( top, #ff8000, #ff8000 );
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				border: none;
				cursor: help;
				display: block;
			}
			#info
			{
				text-decoration: none;
			}


		/*
			TOOLTIP
		*/

		#tooltip
		{
			font-family: Ubuntu, sans-serif;
			font-weight: bold;
			font-size: 0.9em;
			text-align: left;
			text-shadow: 0 1px rgba( 0, 0, 0, .5 );
			line-height: 1.5;
			color: #fff;
			background: #333;
			background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .7 ) ), to( rgba( 0, 0, 0, .95 ) ) );
			background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .7 ), rgba( 0, 0, 0, .95 ) );
			background: -moz-linear-gradient( top, rgba( 0, 0, 0, .7 ), rgba( 0, 0, 0, .95 ) );
			background: -ms-radial-gradient( top, rgba( 0, 0, 0, .7 ), rgba( 0, 0, 0, .95 ) );
			background: -o-linear-gradient( top, rgba( 0, 0, 0, .7 ), rgba( 0, 0, 0, .95 ) );
			background: linear-gradient( top, rgba( 0, 0, 0, .7 ), rgba( 0, 0, 0, .95 ) );
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			border-top: 1px solid #000;
			-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			position: absolute;
			z-index: 100;
			padding: 15px;
		}
			#tooltip:after
			{
		        width: 0;
		        height: 0;
		        border-left: 10px solid transparent;
		        border-right: 10px solid transparent;
				border-top: 10px solid #333;
		        border-top-color: rgba( 0, 0, 0, .7 );
				content: '';
				position: absolute;
				left: 50%;
				bottom: -10px;
				margin-left: -10px;
			}
				#tooltip.top:after
				{
			        border-top-color: transparent;
					border-bottom: 10px solid #333;
			        border-bottom-color: rgba( 0, 0, 0, .6 );
					top: -20px;
					bottom: auto;
				}
				#tooltip.left:after
				{
					left: 10px;
					margin: 0;
				}
				#tooltip.right:after
				{
					right: 10px;
					left: auto;
					margin: 0;
				}



.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	
	border-left: 40px solid black;
}



.warning {
  color:#fff;
  padding:8px 14px;
  background:#c40005;
  border-color:#c40005;
  position:relative;
  -webkit-box-shadow: #d1d1d1 6px 6px 10px;
  -moz-box-shadow: #d1d1d1 6px 6px 10px;
  box-shadow: #d1d1d1 6px 6px 10px;
}
.success {
  color:#000;
  background:#89BFDC;
  border-color:#89BFDC;
  padding:8px 14px;
  position:relative;
  -webkit-box-shadow: #d1d1d1 6px 6px 10px;
  -moz-box-shadow: #d1d1d1 6px 6px 10px;
  box-shadow: #d1d1d1 6px 6px 10px;
}
.message {
  color:#000;
  background:#eee;
  border-color:#eee;
  padding:8px 14px;
  position:relative;
  -webkit-box-shadow: #f4f4f4 6px 6px 10px;
  -moz-box-shadow: #f4f4f4 6px 6px 10px;
  box-shadow: #f4f4f4 6px 6px 10px;
}

.warning:before,
.success:before,
.message:before {
  content:"";
  display:block;
  width:0px;
  height:0px;
  position:absolute;
  bottom:-10px;
  left:14px;
  border-top: 10px solid black;
  border-top-color: inherit;
  border-left: 0px dotted transparent;
  border-right: 10px solid transparent;
}


@media only screen and (max-width:480px) { /* Smartphone custom styles */
}

@media only screen and (max-width:768px) { /* Tablet custom styles */
}
