
@import url("characters.css");
@import url("list.css");

/* GENERAL DEFINITIONS STARTS */
* {margin: 0;padding: 0;font-family:Arial, Helvetica, sans-serif;}
.clear {clear: both;}
.left{
	float: left;
	margin: 0 auto;
}


#MainContainer {
width: 910px;
height:auto;
margin: 10px auto 25px auto;
display: block;}

/*****Top****/
#Top {
width: 910px;
height: 141px;
display: block;
background:transparent url(../images/defaults/bg-header.jpg) no-repeat scroll;

background-position: bottom;}

#logo{
background-image: url(../images/defaults/logo.png);
width: 285px;
height: 83px;
display: block;
position: relative;
top: -5px;
left: 35px;}

#logo a{width: 285px;
height: 83px;
display: block;}

/********MENU*********/
ul#mainMenuTop{
width: 437px;
height: 25px;
list-style: none;
position: relative;
top: 5px;
left: 230px; }

ul#mainMenuTop li{float:left; text-align: center;}

ul#mainMenuTop li a{
float: left;
margin: 0 4px;
color: white;
text-decoration: none;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
width: 54px;
height: 20px;
display: block;
padding-top: 5px;
text-align: center;}

ul#mainMenuTop li a:hover{
display: block;
background-image: url(../images/defaults/bg-button.jpg);}

/* MAIN PAGE STARTS */
#PageContent {
background-image: url(../images/defaults/bg-content.png);
width: 910px;
height: auto;}

#LeftContent{
width: 225px; 
height: auto;
display: block;
float: left; 
padding-bottom: 20px;
position: relative;}

#CenterContent{
width: 464px;
height: auto;
display: block;
float: left;
position: relative;
}

.bannerbox{
width: 464px;
height: 236px;
float: left;
display: block; 
margin: 0px; 
background-color: white;}

.Content{
width: 432px;
height: auto;
display: block;
float: left; 
padding: 20px 16px;
 background-image: url(../images/defaults/bg-centerColumn.jpg);
 background-repeat: no-repeat; 
 margin: 0px; }
 
 .leftimg{
 margin: 0 10px 10px 0;  float: left;}
 
 
#RightContent{
width: 216px;
height: auto;
float: left; 
padding-bottom:20px;
position: relative;
}

#RightContent img{
margin: 0 auto; 
display: block;
 border: none;}

/* FOOTER STARTS */
#Footer {
background-image:url(../images/defaults/bg-footer.png);
width: 910px;
height: 38px; 
padding-top: 15px;}

table{
	width: 430px;
	height: auto;
	border: none;
	color: #666;
	font-size: 11px;
}

table td{
	 padding: 4px;
	border: none;
	  background-color: #E3E3DB;
}

.blanca tr{
	ALIGN: center;
	text-align: center;
}

.blanca td{
	padding: 4px;
	border: none;
	background-color: #FFFFFF;
	align: center;
}

.leftIMG{
	float: right;
	border: none;
	margin: 10px 0;
}

#MainContainerError{
width: 643px;
height:210px;
margin: 10px auto 25px auto;
display: block;
background-image: url(../images/defaults/404bg.png);
padding: 180px 20px 0 20px;}

input 
{
	margin:3px;
}

.labels
{
	float:left;
	margin:5px;
}

.inputs
{
	float:left;
	margin:5px;
}

textarea
{
	font-size:12px;
}

legend
{
	color:#666666;
	font-size:11px;
}

.error
{
	color:#0C3F5F;
	font-size: 11px;
	clear:both;
}

.tabla td{border:1px solid; border-color: #acacac;font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666}
.tabla2 td{
    border:1px solid;
    border-color: #acacac;
    font-size: 11px;
    color:#666;
    text-align:justify;
    margin: 10px 0;
    padding: 10px;
}
