html {
	height:100%;
}

body {
	background-color:#FFF;
	margin:auto;
	padding:0px;
}

h2 	{
	color: #900;
	font-size: 30px;
	font-weight: lighter;
}

#login h3 	{
	color: #333;
	font-size: 20px;
	font-weight: lighter;
}

#main {
	height:100%;
	width:100%;
	min-height:600px;
	min-width:1200px;
	max-height:900px;
	max-width:1300px;
	position:relative;
	font-family: "Calibri", Trebuchet MS, Arial, Helvetica, sans-serif;
}

#cajon {
	height: 455px;
	width: 442px;
	top: 20%;
	left: 10%;
	position: absolute;
	list-style-position: inherit;
}
#banner {
	height:341px;
	width:442px;
	background-color:#999;
	background: url(../imagenes/banner.jpg);
}
#logo {
	height:114px;
	width:442px;
	background-color:#900;
	background: url(../imagenes/logo.jpg);
}
#login {
	height: 455px;
	width: 442px;
	background-color: #FFF;
	top: 20%;
	right: 10%;
	position: absolute;
}

#main #login .imglogouao {
	height: 77px;
	width: 157px;
	top:-10px;
	right:30px;
	position:absolute;
}

#formulario {
	margin: 10px;
	padding: 10px;
	background-color: #FFF;
position: absolute;
}

#footer {
	height:30px;
	background-color:#CCC;
	width: 100%;
	z-index: 1;
	margin-left:0px;
}
#main #footer p {
	padding: 8px;
	margin: 0px;
	color: #666;
	font-family: "Calibri", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:12px;
	text-align:center;
}

#main #login p {
	padding: 5px;
	margin: 5px 50px 5px 0px;
	color: #666;
	font-family: "Calibri", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 16px;
	text-align: justify;
top:275px;
position: absolute;
width: 375px;
}

#redes {
	height:35px;
	width:140px;
top: 235px;
position: absolute;
left:13px;
}

input[type=text] {
	margin: 4px;
	width: 350px;
	height: 25px;
	padding: 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-color: #CCC;
	border-style: solid;
	border-width:1px;
}

input[type=password] {
	margin:4px;
	width:350px;
	height:25px;
	padding:8px;
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-color: #CCC;
	border-style: solid;
	border-width:1px;
}

#P101_LOGIN {
	padding: 5px;
	margin: 8px;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
background-color:#000;
	height:37px;
	width: 100px;
color:  #FFF;
}

#P101_LOGIN:hover {
background-color:#666;
}

#P101_LOGIN a {
	padding: 5px;
	margin: auto;
color:  #FFF;
}


#main #login #formulario a:link {
	text-decoration: none;
      color:  #FFF;
	
}
#main #login #formulario a:visited {
	text-decoration: none;
        color:  #FFF;
}
#main #login #formulario a:hover {
	text-decoration: none;
         color:  #FFF;
	
}
#main #login #formulario a:active {
	text-decoration: none;
}

.facebook {
	width: 33px;
	height: 33px;
	padding:0px 0px;
	opacity: 0.7;
	position:relative;
}
.facebook:hover {
	opacity:1;
}
.twitter {
	width: 33px;
	height: 33px;
	padding:0px 0px;
	opacity: 0.7;
	position:relative;
	left: 35px;
	top:-34px;
}
.twitter:hover {
	opacity:1;
}
.google {
	width: 33px;
	height: 33px;
	padding:0px 0px;
	opacity: 0.7;
	position:relative;
	left: 70px;
	top:-66px;
}
.google:hover {
	opacity:1;
}
.youtube {
	width: 33px;
	height: 33px;
	padding:0px 0px;
	opacity: 0.7;
	position:relative;
	left: 105px;
	top:-100px;
}
.youtube:hover {
	opacity:1;
}
.rss {
	width: 33px;
	height: 33px;
	padding:0px 0px;
	opacity: 0.7;
	position:relative;
	left: 140px;
	top:-132px;
}
.rss:hover {
	opacity:1;
}