html, body, div, span, p {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    color: black;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
}

#pagewrap {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

#headerwrap {
	height:auto;
	padding-bottom:0px !important;
	text-align:left;
	width:100%;
} 

#header {
	background-color: #0765bc;
	width:100%;
	height:76px;
	margin-top: 0px;
	margin-right:0px;
}

h2, .pageTitle {
	font-size: 20pt;
}

#headertext {
	font-size:12px;
	padding-top: 15px;
	z-index:10;
	position: relative;
	color: #FFF;
	vertical-align: middle;
}

#headertext a {
	background-color: transparent;
	text-decoration:none; 
	color: #FFF;
}
#headertext a:hover { 
	text-decoration:underline; 
}

.headertext_01
{
	font-size:36px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	padding: 15px 20px;
}

.headertext_02
{
	font-size:34px; 
	font-family: Arial, Helvetica, sans-serif; 
	padding: 15px 30px;
}


#main-logo {
	background: no-repeat; url(../images/imagen.png) 
	display:block;
	height:165px;
	width:600px;
	margin:0px;
	overflow:hidden;
	position:absolute;
	z-index:12;
	margin-top:1px;
	margin-left: 1px;
	background-color: transparent;
	border-radius: 18px;-moz-border-radius:18px;-webkit-border-radius:18px;
}

section.intro {
border-top: none;
text-align: center;
font-size: 24px;
font-weight: lighter;
line-height: 30px;
background-color: #000044;
background: url(/images/bg_15.jpg) top center no-repeat #034;
background-size: 975px;
color: white;
height: 500px;

}

#contentwrap {
    width:100%;
	overflow: auto;
	padding: 36px 30px 30px 30px;
} 

#loginpage .content{
	background-color: #ecf4f9;
	padding: 0px;
}

.content{
	border-radius: 18px;-moz-border-radius:18px;-webkit-border-radius:18px;
	background-color: #ffffff;
}


#login_form_box {
	float:right;	
	padding:39px 10px 10px 41px;
	overflow:hidden;
	width:325px; 
	height: 290px;
	font-size:14px; 
	line-height:14px; 
	margin-right:10px;
	border: 3px solid #006688;
	border-radius: 18px; -moz-border-radius:18px; -webkit-border-radius:18px; 
}

.inputbox {
	background: transparent;
	position:relative;
	padding-bottom:15px; 
}

#signupbox{
	border-top: 1px dotted #cccccc;
	padding: 20px 0 0 0;
	margin: 0 0 0 0;
	width: 284px;
}

a {
	padding:0 10px;
	text-decoration:none;
	margin-top:8px;
	color:#356FB6;
	background-color:#FFFFFF; /* required for ie6 */
}

a:hover {
	color:#FF0000;
	text-decoration:underline;
}

.hidesubmit {
	border: none;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

#foto
{
	float: left;
	margin-left:8px;
	margin-bottom:0px; 
	width:480px; 
	height:389px;  
	border:0px;
	z-index: 100;
	overflow: hidden;
	border: 3px solid #0765bc;
	border-radius: 25px; -moz-border-radius:25px; -webkit-border-radius:25px; 
}

#shoutoutframe {	
	float: left;
	margin-left:8px;
	margin-bottom:0px; 
	width:489px; 
	height:411px;  
	border:0px;
	z-index: 100;
	overflow: hidden;
	border-radius: 25px; -moz-border-radius:25px; -webkit-border-radius:25px; 
}

#infobarframe {
	width:889px; 
	height:139px; 
	margin-top:12px;
	clear:both;
	overflow: hidden;
	border-radius: 25px; -moz-border-radius:25px; -webkit-border-radius:25px;
}

#loginpage .content{
	min-height: 420px;
	padding: 0px;
}

.loginError {color:#ff0000; width:310px; padding-bottom:10px; text-align:center;}


#footer {
	color: #cccccc;
	clear:both;
	margin:12px;
	text-align:center;
	font-size:11px;
}

#footer a {
	font-weight:bold;	
}
#footer a:hover { text-decoration:none; }

#footer ul{float:right; margin-top:5px;}
#footer  ul li{text-decoration:none; padding-right:10px; display:inline; }
	


/*forgot password container*/
#forgotContainer{width:100%; display:none; margin-top:20px}
#forgotContainer p{padding-bottom:10px}
#forgotForm input{width:98%; margin:5px 0}
#forgotForm input[type=submit]{float:right; width:50px}
#forgotEmailError, #successMsg{display:none}
#successMsg p{color:DodgerBlue; font: bold 1em Arial, Helvetica, sans-serif}

/*Register new user container*/
#registerContainer{display:none; font: .9em Arial, Helvetica, sans-serif}
#registerContainer > input{font: .9em Arial, Helvetica, sans-serif;}
#registerForm {width:100%; margin-top:10px}
#registerForm label{float:left; margin:3px 0; width:25%}
#registerForm label b{color:red; padding-right:3px}
#registerForm input{float:left; width:50%; font: .9em Arial, Helvetica, sans-serif}
#registerForm div#passMeter{height:18px; margin-left:10px; font-weight:bold; float:left}
#registerForm div#verifyUser{height:18px; margin-left:10px; float:left}
#registerSuccessMsg{display:none; text-align: center; padding-top:30px}
#registerSuccessMsg h2{color:DodgerBlue}
#registerSuccessMsg h3{color:DodgerBlue; margin-left:30px}
#registerSuccessMsg p{color:DodgerBlue; font: 1em Arial, Helvetica, sans-serif; }
#captcha:hover{cursor:pointer}
#registerError{display:none; margin-bottom:10px}
input#userName, input#newPass{width:100%}
.inputMsg{float:left;width:50%}