@charset "utf-8";
/* CSS Document */

#container {
	background-color: #fff;
	margin: auto;
	padding: 0px;
	height: 500px;
	width: 900px;
}
#Logo{
	float: left;
	height: 130px;
	width: 900px;
}
#Logo #LogoSection{
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 250px;
}
#Logo #SocialNetwork
{
	margin: 70px 0 0 0;
	padding: 0;
	width: 600px;
	float:left;
}
#principal {
	float: left;
	height: 50px;
	width: 900px;
}
#header {
	float: left;
	height: 201px;
	width: 900px;
}
#content {
	background-color: #fff;
	float: left;
	width: 900px;
}
#footer {
	background-image: url(../images/technology-dex-footer.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 30px;
	width: 900px;
	text-align: center;
	padding-top: 20px;
}
#info {
	background-color: #fff;
	float: left;
	height: 30px;
	width: 900px;
	text-align: center;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#programs {
	background-color: #FFFFFF;
	text-align: center;
	margin: 0px;
	float: left;
	height: 50px;
	width: 900px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#logo {	background-color: transparent;		border: 0;
	float: left;
	height: 65px;
	width: 900px;
	text-align: center;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
#menulog {
	background-image: url(../images/technology-dex-menu.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 40px;
	width: 900px;
	text-align: center;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
#menu {
	background-image: url(../images/technology-dex-menu.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 30px;
	width: 900px;
	text-align: center;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
#menu ul {
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 280px;
	display: inline;
}
#menu li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 15px;
	display: inline;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.menu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.menu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.menu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #8bbff9;
	text-decoration: none;
}
.menu a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #00CCFF;
	text-decoration: none;
}
#line{
	background-image: url(../images/line.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 1px;
	width: 870px;
}
#header-left {
	float: left;
	height: 201px;
	width: 300px;
}
#header-center {
	float: left;
	height: 201px;
	width: 300px;
}
#header-right {
	float: left;
	height: 201px;
	width: 300px;
}
#footer ul {
	display: inline;
}

#footer li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.footer a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
.footer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #8BBFF9;
	text-decoration: none;
}
.footer a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00CCFF;
	text-decoration: none;
}
#prog-01 {
	background-image: url(../images/prog-mysql.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 50px;
	width: 160px;
	margin-right: 10px;
	margin-left: 10px;
}
#prog-02 {
	background-image: url(../images/prog-asp-net.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 50px;
	width: 160px;
	margin-right: 10px;
	margin-left: 10px;
}
#prog-03 {
	background-image: url(../images/prog-linux.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 50px;
	width: 160px;
	margin-right: 10px;
	margin-left: 10px;
}
#prog-04 {
	background-image: url(../images/prog-wss.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 50px;
	width: 160px;
	margin-right: 10px;
	margin-left: 10px;
}
#prog-05 {
	background-image: url(../images/prog-php.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 50px;
	width: 160px;
	margin-right: 10px;
	margin-left: 10px;
}
#content-left {
	float: left;
	width: 680px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#content-account {
	float: left;
	width: 880px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#content-right {
	background-color: #6d6b6b;
	float: left;
	width: 190px;
	padding: 5px;
	text-align: center;
}
#right-banner {
	background-repeat: no-repeat;
	width: 190px;
	text-align: center;
}
.tittle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
#c1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	width: 670px;
	float: left;
	padding: 5px;
}
#c2 {
	background-color: #CCCCCC;
	float: left;
	height: 121px;
	width: 221px;
	border: 1px dotted #FF0000;
	margin: 5px;
	padding: 5px;
}


.content a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00CCFF;
	text-decoration: none;
}
.content a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00CCFF;
	text-decoration: none;
}
.content a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0099FF;
	text-decoration: none;
}
.content a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.tittle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0099FF;
	text-decoration: none;
}
#google-promos {
	text-align: center;
	float: left;
	height: 60px;
	width: 680px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#d1 {
	float: left;
	width: 675px;
}
#d2 {
	float: left;
	height: 145px;
	width: 225px;
}
#d3 {
	text-align: center;
	height: 20px;
	width: 215px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	float: left;
}
#Promo-box {
	text-align: center;
	float: left;
	width: 680px;
}
#box-promo {
	background-color: #666666;
	margin: 5px;
	padding: 5px;
	float: left;
	width: 204px;
	border: 1px dotted #FF6600;
	text-align: left;
	height: 125px;
}
#box-promo2 {
	margin: 5px;
	padding: 5px;
	float: left;
	width: 204px;
	border: 1px dotted #FF6600;
	text-align: left;
	height: 150px;
}
#right-banner img {
	border: 1px dotted #FF0000;
}
#promo-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	float: left;
	width: 690px;
	padding-top: 5px;
	margin:10px 0 10px 0px;
}
.promo-2 {
	margin: 0 10px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
#tennis {
	margin: 0 10px 0 0;
	float: left;
	height: 100px;
	width: 167px;
	text-align: center;
}
#images-galeria {
	float: left;
	height: 167px;
	width: 167px;
	text-align: center;
}
.tittle-content2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
#d3 {
    text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	height: 20px;
	width: 157px;
	margin-bottom: 5px;
	float: left;
	padding: 5px;
	text-decoration: none;
}

.tittle-content3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#d4 {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	height: 20px;
	width: 157px;
	margin-bottom: 65px;
	float: left;
	text-decoration: none;
	padding-top: 65px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#Hospi {
	float: left;
	height: 167px;
	width: 167px;
	text-align: center;
}
#content-center {
	float: left;
	width: 835px;
}
#MarchMadnessLogin
{
	font-family:Arial,Verdana !important;
	font-size:12px;
	color:#000;
	width:75%;
	margin:30px auto;
	padding:0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	border:1px solid #504D4D;
}
#content-left #MarchMadnessLogin P
{
	font-family:Arial,Verdana !important;
	margin: 12px 10 0 15px !important;
}
#content-left #MarchMadnessLogin P A
{
	font-family:Arial,Verdana !important;
}
#MarchMadnessLogin H3
{
	font-family:Arial,Verdana;
	font-size:18px;
	color:#0274AD;
	text-align:center;
	margin:10px;
}
H2 {
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 24px;
    font-weight: bold;
	color:#418bf8;
	border-bottom:dotted 2px #999999;
    line-height: 31px;
    margin: 20px 0 0 0;
    padding: 0 0 0 10px;
}
#form1
{
	margin:0 auto;
	padding:0;
	width:300px;
}
#form
{
	margin:0 auto;
	padding:0;
	width:700px;
}

#form1 INPUT[type='text'],#form1 INPUT[type='password'],#MarchMadnessRegisterForm INPUT[type='text'],#MarchMadnessRegisterForm INPUT[type='password'],#MarchMadnessFullRegisterForm INPUT[type='text'],#MarchMadnessFullRegisterForm INPUT[type='password']
{
	font-family:Arial,Verdana;
	font-size:14px;
	color:#000;
	margin:0;
	padding:5px;	
	width:150px;
	text-align:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	background-color:#fff;
	border:1px solid #504D4D;
}
#form1 INPUT[disabled],#form1 INPUT[disabled],#MarchMadnessRegisterForm INPUT[disabled],#MarchMadnessRegisterForm INPUT[disabled],#MarchMadnessFullRegisterForm INPUT[disabled],#MarchMadnessFullRegisterForm INPUT[disabled]
{
	font-family:Arial,Verdana;
	font-size:14px;
	color:#0B8ADE;
	margin:0;
	padding:5px;
	width:150px;
	text-align:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	background-color:#fff;
	border:1px solid #0B8ADE;
}
#form1 INPUT[type='submit']
{
	font-family:Arial,Verdana;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:5px;
	margin:5px;
	width:120px;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	background-color:#0484C9;
	border:1px solid #504D4D;
}
.Center
{
	text-align:center !important;
}
.NextStep
{
	font-family:Arial,Verdana;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	padding:10px;
	margin:10px;
	width:70px;
	text-align:center;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	background-color:#000;
	border:1px solid #FFF;
}
.Responder
{
	font-family:Arial,Verdana;
	font-size:24px;
	font-weight:bold;
	color:#fff !important;
	padding:10px;
	margin:10px;
	width:100px;
	text-align:center;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	background-color:#0074CC;
	border:1px solid #FFF;
}
DIV.HiddenContent
{
	display:none; 
	margin:0;
	padding:0;
}
.ShowContent
{
	margin:0;
	padding:0;
}
#loginForm { float:right; width:234px; height:70px; margin-top:-65px;}
#loginForm p{ overflow:hidden; margin:5px 0;}
#loginForm label{ float:left; width:0px; padding-right:20px; line-height:22px;}
.submit2
{ 
	float:right; 
	width:25px; 
	height:25px; 
	margin-left:1px; 
	color:#FFF;
	line-height:25px; 
	border:none; 
	background:url(../images/submitBg.png) no-repeat; font-size:10px !important;
}
