/* basic elements */
html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	color: #4C4C4C;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	text-align: center;
	background-image: url(../Images/body-bg-big.jpg);
}

#PageBody 
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 730px;
}

p { 	
	font-size: .8em;
	line-height: 2em;
}
label {
	color: #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#SiteHeader 
{
	xxxborder: solid 2px green;
	text-align: left;
	width: 730px;
	background-image: url(../Images/header-bg1.jpg);
	background-repeat: no-repeat;
	height: 109px;
	margin: 5px 0px 10px 0px;
	-xxx-margin: 5px 0px 0px 0px;	/*ie6*/
	padding: 0px;
}

div {
xxxborder: dotted 2px green;

}

 #PageContent PRE
{
    
    PADDING-RIGHT: 2px;
   
    PADDING-LEFT: 2px;
    
    PADDING-BOTTOM: 1px;
    
	
    PADDING-TOP: 2px;
       
    margin: 3px;
	letter-spacing: 1px;
	background-color: #FFFF99;
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 300px;
	font-size: 11px;
	border: 1px solid #CC3333;
	
	
}

#SiteLogo
{
	xxxborder: dotted 2px yellow;
	position: relative;
	top: -9px;
	left: 13px;
	width: 360px;
	float: left;
}
#SiteLogin {
	xxxborder: dotted 2px yellow;
	float: right;
	left: 440px;
	width: 285px;
	height: 25px;
	margin-top: 5px;
	text-align: center;
}
#SiteLogin input {
	background-color: #FFFF99;
	color: #006666;
	font-family: "Courier New", Courier, monospace;
	width: 120px;
}

/* End hide */ 
#xSiteHeader { border: solid 1px green; }

#SiteNavigation
{
	xxxborder: solid 1px red;
	position: relative;
	float: right;
	xxxfloat: none;
	xxxdisplay: block;
	xxxleft: 415px;
	--top: -20px;	/*ie6*/
	width: 310px;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}

#SiteNavigation ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#SiteNavigation li {
	xxxborder: solid 1px blue;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	width: 75px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	list-style-image: none;
	padding: 1px;
}

#SiteNavigation li a
{
	background-color: transparent;
	color: #FFFFFF;
	text-decoration: none;
} 

#SiteNavigation li a:hover
{
	font-weight: bold;
} 

#SiteFooter
{
	width: 730px;
	text-align: center;
	background-image: url(../Images/footer-bg.jpg);
	height: 40px;
	clear: both;
	margin: 0px;
	position: relative;
	#position: normal;
	_position: normal;
	xxxtop: -70px;
}

#SiteFooterDisclaimer ul
{
	xxxborder: solid 1px green;
	list-style: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin: 0px;
}

#SiteFooterDisclaimer li
{
	xxxborder: solid 1px blue;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	color: #FFFFFF;
}

#SiteFooterDisclaimer li a
{
	background: transparent;
	color: #FFCC99;
	text-decoration: none;
} 

#SiteFooterDisclaimer li a:hover
{
	color: #FFFFFF;
}

#SiteFooterDisclaimer /* Hide from IE5-Mac \*/
 li  a:visited
{
	color: #FF9966;

}

#SiteFooterCopyright {
	font-size: 10px;
	color: #FFCC99;
}

/* End hide */ 

#SiteFooterAddress
{

}

#SiteFooterReflection {
	background-image: url(../Images/footer-reflection.jpg);
	background-repeat: no-repeat;
	height: 160px;
	margin-top: 7px;
}

#PageSections
{
	clear: both;
	xxxborder: solid 1px red;
	width: 730px;
	position: relative;
	#position: normal;
	_position: normal;
	xxxtop: -70px;
	background-image: url(../Images/content-bg.jpg);
	background-repeat: repeat-y;
	text-align: left;
}

#PageSectionsPadding
{
	/* no usado? */
	padding: 20px;
}

.BannerButtonText {
	xxxborder: solid thin red;
	position: relative;
	display: block;
	width: 250px;
	top: 40px;
	left: 125px;
	font-family: verdana;
	font-size: 16px;
	color: #990000;
	padding: 0px;
}

.BannerButtonText a   {
	color: #AA0000;
}
.BannerButtonText    a:link {
	text-decoration: none;
	color: #AA0000;

}
.BannerButtonText a:hover {
	text-decoration: none;
	color: #FFFFCC;
}

.BannerButtonText h1    {
	margin: 0px;
	padding: 0px;
	font-family: verdana;
	font-size: 17px;
}
.BannerParagraph {
	xxxdisplay: none;
	position: relative;
	width: 320px;
	top: -25px;
	left: 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AA0000;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}
.BannerParagraph h1 {
	font-family: verdana;
	font-size: 24px;
	font-style: italic;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

.BannerParagraph p
{
	line-height: 18px;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#PageContentTopBanner {
	xxxborder: solid 2px green;
	background-image: url(../Images/banner-main-download.jpg);
	background-repeat: no-repeat;
	height: 115px;
	margin: -6px 0px 0px 0px;	/* para tapar el top border */
	padding: 0px;
}


#PageTitle {
	xxxborder: dotted thin green;
	margin-bottom: 15px;
	color: #FF6600;
	font-variant: normal;
	font-style: italic;
	font-size: 24px;
	letter-spacing: 1px;
	display: block;
	clear: both;
}

#PageTitle1 {
	margin-bottom: 15px;
	color: #FF6600;
	font-variant: normal;
	font-style: italic;
	font-size: 24px;
	letter-spacing: 1px;
}

#PageNavigation
{
	font-size: 0.9em;
}

#PageExplanation
{
	font-style: oblique;
	font-size: 1.2em;
	margin: 3px 0 5px 0;
}

#PageContent
{
	xxxborder: solid 1px red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	color: #666666;
	margin-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	text-align: justify;
}
#PageContent a:link {
	color: #FF3300;
	text-decoration: none;
}

#PageContent a:visited {
	color: #CC0000;
	text-decoration: none;
}

#PageContent a:link:hover {
	color: #FF0000;
}

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

#PageContent ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#PageContent li {
	font-size: 11px;
	list-style-position: inside;
	list-style-type: disc;
	line-height: 20px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}

#PageContentLeft {
	padding-left: 20px;
	width: 47%;
	padding-right: 30px;
	float: left;
}

#PageContent   h1
{
	color: #FF6600;
	font-variant: normal;
	font-style: italic;
	font-size: 24px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
}
#PageContent  h2 {
	color: #FF3300;
	font-style: italic;
	font-size: 18px;
	letter-spacing: 1px;
	text-align: right;
	margin: 0px;
	padding: 0px; 
}

#nombre_categoria
 {
	color: #0033FF;
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: #FF3300;
}

#PageContent  h3 {
	xxxborder: dotted 2px red;
	font-size: 20px;
	font-style: italic;
	color: #003366;
	background-image: url(../Images/content-title-separator.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 10px;
	height: 60px;
	margin-top: 5px;
	xxxwidth: 325px;
}

#PageContent h3 a:link {
	color: #003366;
	text-decoration: none;
}
#PageContent h3 a:visited {
	color: #666666;
	text-decoration: none;
}
#PageContent h3 a:hover:visited {
	color: #0033FF;
	text-decoration: underline;
}
#PageContent h3 a:link:hover {
	color: #0033FF;
	text-decoration: underline;
}


#PageContent  h4 {
	font-size: 16px;
	font-style: italic;
	color: #003366;
	background-image: url(../Images/content-title-separator-thin-long.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 0px;
	height: 40px;
	margin-top: 25px;
	width: 680px;
}

#PageContent h4 a:link {
	color: #FF3300;
	text-decoration: none;
}
#PageContent h4 a:visited {
	color: #FF3300;
	text-decoration: none;
}
#PageContent h4 a:hover:visited {
	color: #FF0000;
	text-decoration: underline;
}
#PageContent h4 a:link:hover {
	color: #FF0000;
	text-decoration: underline;
}

#PageContent  h5 {
	font-size: 16px;
	font-style: italic;
	color: #003366;
	background-image: url(../Images/content-title-separator-thin.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 0px;
	height: 40px;
	margin-top: 25px;
	width: 315px;
}
#PageContent h5 a:link {
	color: #FF3300;
	text-decoration: none;
}
#PageContent h5 a:visited {
	color: #FF3300;
	text-decoration: none;
}
#PageContent h5 a:hover:visited {
	color: #FF0000;
	text-decoration: underline;
}
#PageContent h5 a:link:hover {
	color: #FF0000;
	text-decoration: underline;
}

#PageContent  h6
{
	font-weight: bold;
	font-size: 16px;
	text-align:center;
	margin-bottom: 15px;
	color: #003366;
}



#PageContentTopBorder {
	background-image: url(../Images/content-top-border.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 6px;
}

.OverviewTable
{
	width: 100%;
	border: 1px solid #003366;
	color: #003366;
	background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 20px;
	vertical-align: middle;
}
.OverviewLabel
{
	font-weight: bold;
	width: 10%;
	white-space:nowrap;
	padding-left: 10px;
}

.OverviewTitle
{
	font-weight: bold;
	font-size: 16px;
	padding: 10px;
	text-align:center;
}

#PageNavigation {
	color: #990000;
	text-decoration: none;
	margin-top: -10px;
	margin-bottom: -10px;
}
#PageNavigation a {
	color: #FF3300;
	text-decoration: none;
}
#PageNavigation a:link {
	color: #FF3300;
	text-decoration: underline;
}
#PageNavigation a:hover {
	color: #FF0000;
	text-decoration: underline;
}

#PageExplanation {
	color: #990000;
	text-decoration: none;
	font-size: 12px;
}
#PageExplanation  a {
	color: #FF3300;
	text-decoration: none;
}
#PageExplanation  a:link {
	color: #FF3300;
	text-decoration: underline;
}
#PageExplanation a:hover {
	color: #FF0000;
	text-decoration: underline;
}


.PageContentGrid
{
	width: 100%;
	margin-top:10px;
	margin-bottom:30px;
}

.PageContentGrid-RowStyle, .ContentTable .RowStyle td
{
	background-color: #FFFFFF;
	font-size: 12px;
	color: #003366;
}

.PageContentGrid-RowStyle td
{
	padding: 3px;
}

.PageContentGrid-AlternatingRowStyle, .ContentTable .AlternatingRowStyle td
{
	background-color: #EEEEEE;
	font-size: 12px;
	color: #003366;
}

.PageContentGrid-AlternatingRowStyle td
{
	padding: 3px;
}

.PageContentGrid-HeaderStyle, PageContentGrid-FooterStyle
{
	background-color: #003366;
	height: 20px;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px;
}


.PageContentGrid-Header-Name
{
	width: 80%;
	padding: 3px;
}

.PageContentGrid-Header-Half
{
	width: 40%;
	padding: 3px;
	
}

.PageContentGrid-Header-Status
{
	width: 10%;
	padding: 3px;
	text-align: center;
}

.PageContentGrid-Header-Date
{
	width: 10%;
	padding: 3px;
	text-align: center;
	white-space:nowrap;
}

.PageContentGrid-Header-Fee
{
	width: 20%;
	padding: 3px;
	white-space:nowrap;
	text-align: right;
}

.PageContentGrid-Header-Name2
{
	width: 40%;
	padding: 3px;	
	text-align: left;
}

.PageContentGrid-PagerStyle
{
}

.PageContentGrid-PagerStyle td
{
	border: solid 1px black;
	text-align: center;
	width: 60px;
}

.PageContentGrid-HeaderStyle a, .PageContentGrid-PagerStyle a
{
}

.PageContentGrid-SelectedRowStyle, PageContentGrid-EditRowStyle, PageContentGrid-EmptyDataRowStyle
{
}

.ContentTable
{
	width: 100%;
	background-color: #EEAA99;
}

.ContentTable .Header
{
}

.ContentTable .Header th, .ContentTable .Footer td
{
}

Input
{
	background-color: #FFEEEE;
	color: #4C4C4C;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1em;
}

#PageContent Input.FormButton
{
	background-color:#CC0000;
	border-color:#FF3300;
	padding:2;
	width: 305px;
	color:#FFFFFF;
}

#PageContent Input.FormButton2
{
	background-color:#CC0000;
	border-color:#FF3300;
	padding:1;
	width: 160px;
	color:#FFFFFF;
}

#PageContent Input.FormButton3
{
	background-color:#CC0000;
	border-color:#FF3300;
	padding:2;
	width: 50px;
	color:#FFFFFF;
}

#PageContent Input.FormButton4
{
	background-color:#CC0000;
	margin-left:491px;
	border-color:#FF3300;
	padding:1;
	width: 153px;
	color:#FFFFFF;
}

#PageContent Input.FormButton5
{
	background-color:#CC0000;
	margin-left:212px;
	border-color:#FF3300;
	padding:1;
	color:#FFFFFF;
}

#PageContent Input.FormButton6
{
	background-color:#CC0000;
	border-color:#FF3300;
	padding:1px;
	width: 153px;
	position: relative;
	top: 0px;
	height:20px;
	left:187px;
	color:#FFFFFF;
}

#PageContent Input.FormButton7 {
	background-color:#CC0000;
	border-color:#FF3300;
	padding:1px;
	width: 153px;
	position: relative;
	top: -26px;
	height:20px;
	left:345px;
	color:#FFFFFF;
}


#PageContent Input.Radio
{
	background-color:#CC0000;
	border-color:#FF3300;
	padding:2;
	width: 30px;
	color:#FFFFFF;
}

#DataForm
{
	text-align: center;
	margin-left: 130px;
	width: 355px;
}

#DataFormContent
{
	font-size: .8em;
	line-height: 1.5em;
	background-color: #EEEEEE;
	border: 1px solid #003366;
	padding: 15px 8px 15px 8px;
	text-align:left;
	margin-bottom: 20px;
}

#DataForm1
{
	text-align: center;
	margin-left: 130px;
	width: 355px;
}

#DataFormContent1
{
	font-size: .8em;
	line-height: 1.5em;
	background-color: #EEEEEE;
	border: 1px solid #003366;
	padding: 15px;
	text-align:left;
	margin-bottom: 20px;
}

#DataFormError, .DataFormError
{
	float: right;
	position: relative;
	top: 10px;
	left: -10px;
}
#DataFormErrorMessage
{
	width: 150px;
	font-size: 0.8em;
	line-height: 1.5em;
	background-color: #FFFF66;
	border: 1px solid #003366;
	padding: 15px;
	text-align: left;
	position: relative;
	top: 10px;
	left: -10px;
}

#DataFormError2, .DataFormError2
{
	float: right;
	position: relative;
	top: 10px;
	left: -10px;
}
#DataFormErrorMessage2
{
	width: 150px;
	font-size: 0.8em;
	line-height: 1.5em;
	background-color: #FFFF66;
	border: 1px solid #003366;
	padding: 15px;
	text-align: left;
	position: relative;
	top: 10px;
	left: -10px;
}


#PageMenuRelated table
{
	width: 100%;
	background-color: #FFFFFF;
}

#PageContent input {
	background-color: #FFFF99;
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 300px;
	font-size: 11px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	margin: 3px;
	letter-spacing: 1px;
	border: 1px solid #CC3333;
}

#PageContent table.radioButtonList input 
{
		width: 30px;
}

#PageContent span.checkbox input
{
		width: 30px;
}

#PageContent   select {
	background-color: #FFFF99;
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 245px;
	font-size: 11px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	margin: 3px;
	letter-spacing: 1px;
	border: 1px solid #CC3333;
}

#PageContent .FormSelect {
	background-color: #FFFF99;
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 245px;
	font-size: 11px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	margin: 3px;
	letter-spacing: 1px;
	border: 1px solid #CC3333;
}

#PageContent textarea {
	background-color: #FFFF99;
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 300px;
	font-size: 11px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	margin: 3px;
	letter-spacing: 1px;
	border: 1px solid #CC3333;
}

/* Modificacion en la forma de seleccionar personajes en los sitios y las salas */

#avatares {
margin-left:30px;
}

#scenaries {
margin-left:70px;

}

.avatar {
	width:102px;
	height:107px;
	padding:5px;
	margin:5px;
	float:left;
	border:1px solid #6C93E0;
	background-color:#E1E1E1;
	color:#0301c7;
	text-align:center;
	font-size:10px;
}

.scenary {
	width:108px;
	height:80px;
	padding:5px;
	margin:5px;
	float:left;
	border:1px solid #6C93E0;
	background-color:#E1E1E1;
	color:#0301c7;
	text-align:center;
	font-size:10px;
}
.avatar img{
	border:1px solid #FF6600;
}

.scenary img{
	border:1px solid #FF6600;
}


#scenaries input {
width:10px;
height:10px;
background-color:#99FF00;
}

#avatares input {
width:10px;
height:10px;
background-color:#99FF00;
}

.gabriel{
width:106px;
height:160px;
float:left;

background-color:#99FF00;
}

.clear{
clear:both;
}

/* paginacion */

#pagination {

}

#pagination .previous-off, #pagination .previous {
float:left;
margin-right:10px;
padding-left:268px;
width:413px;
}


/* paginacion */

#flagesp {
	float:left;
	position:relative;
	top:-32px;
	--top: -12px;	/*ie6*/
	margin-right:10px;
}

#flaging {
	float:left;
	position:relative;
	top:-32px;
		--top: -12px;	/*ie6*/
}

 #flagespindex {
	float:left;
	position:absolute;
	top: 13px;
	margin-right:10px;
	left:648px;
	display: block;
}

 #flagingindex {
	float:left;
	top: 13px;
	position:absolute;
	left:680px;
	display: block;
}