@import url(http://fonts.googleapis.com/css?family=Pathway+Gothic+One|PT+Sans:400,400italic|Caudex);
html {
  background-image: url(background-photo.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color:transparent;
}
body{
	background:transparent;
	overflow-x:hidden
	  background-image: url(background-photo.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
 /* background:rgba(1,1,1,0.5);*/
	}
#header{
	background-color:transparent}
#header .container{
	position:relative;
	padding-top:15px}
#header h1.title{
	color:#fff;
	font-family:"Arial";
	font-size:33px;
	font-weight:normal;
	left:345px;
	position:absolute;
	text-shadow:2px 2px 2px transparent;
	top:25px}
#header .legend{
	color:#fff;
	font-family:"Arial";
	text-align:right;
	font-size:14px;
	padding-top:14px;
	text-shadow:2px 2px 2px transparent}
	
	
	
#mainMenu{
	height:10px;
	
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
	box-shadow:0 0 20px transparent;
	z-index:2;
	position:relative}	
#mainMenu.small{
	height:10px}
#mainMenu ul{
	list-style:none;
	margin:0;
	padding-left:0}
#mainMenu ul li{
	border-right:1px solid transparent;
	float:left;
	margin-right:10px;
	padding-right:10px;
	position:relative}
#mainMenu ul li a{
	color:#fff;
	display:block;
	font-family:"Arial";
	font-size:18px;
	font-weight:normal;
	line-height:48px;
	text-shadow:1px 1px 1px transparent;
	text-transform:uppercase}
#mainMenu ul li a span{
	margin-right:5px;
	margin-top:5px}
#mainMenu ul li:hover .submenu{
	display:block}
#mainMenu ul li .submenu{
	border-radius:0 0 10px 10px;
	box-shadow:2px 2px 5px #999;
	left:-50px;position:absolute;
	display:none}
#mainMenu ul li .submenu li{
	background:none repeat scroll 0 0 transparent;
	border-right:1px solid transparent!important;
	margin-right:0;
	padding:0 0 0 10px;
	width:200px}
#mainMenu ul li .submenu li:last-child{
	border-radius:0 0 10px 10px}
#mainMenu ul li .submenu li:hover{
	background:transparent}
#mainMenu ul li .submenu li a{
	color:#fff!important;
	display:block;
	font-size:17px;
	line-height:35px;
	text-transform:none}
#mainContent{
	background:transparent;
	position:relative;
	z-index:1;
	box-shadow:0 0 10px transparent;
	/*padding-top:20px;
	padding-bottom:20px;*/
	font-family:'Arial'}
#mainContent .currentUser{
	padding:10px;
	background:#efefef;
	border-radius:10px;
	margin-bottom:20px}
	
#footer{
	color:#fff;
	padding-top:10px;
	font-family:"Arial";
	background-color:transparent}
#footer ul{
	list-style:none}
#footer ul li{
	float:right;
	margin-left:10px;
	border-right:1px solid transparent}
#footer ul li:first-child{
	border:0}
#footer ul li a{
	color:#fff;padding-right:10px}
	
.popLogin{
	background:none repeat scroll 0 0 #000;
	border-radius:10px 10px 10px 10px;
	margin:0 25%;padding:
	10px 0 5px 13px;
	position:absolute;
	z-index:4}
.popLogin .head .loginLogo{
	float:left;
	width:180px}
.popLogin .head h4{
	color:#fff}
.popLogin .head p{
	color:#fff;
	font-size:13px}
.tituloPag{
	display:none}
.link{
	color:#08c;
	text-decoration:underline}
.download-doc{
	bottom:10px;
	position:absolute}
.marTop10{
	margin-top:10px}
.marTop20{
	margin-top:20px}
.marBottom5{
	margin-bottom:5px}
.marBottom10{
	margin-bottom:10px}
.marBottom15{
	margin-bottom:15px}
.marBottom50{
	margin-bottom:50px}
	
@media only screen and (max-width: 767px) {
  body {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url(images/background-photo-mobile-devices.jpg);
  }
	}