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

body,td,th {
	font-family: Arial;
	font-size: 12px;
	color: #000;
}
body {
	background-image: url(../images/bg_esquina.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-attachment: fixed;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center top;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 {
	font-size: 16px;
	color: #900;
}
h2 {
	font-size: 14px;
	color: #900;
}
h3 {
	font-size: 12px;
	color: #900;
}
h4 {
	font-size: 12px;
	color: #666;
}
.resaltado1 {
	color: #900;
}


a:link {
	color: #900;
	text-decoration: none;
	font-size: 11px;
}
a:visited {
	text-decoration: none;
	color: #900;
	font-size: 11px;
}
a:hover {
	text-decoration: underline;
	color: #900;
	font-size: 11px;
}
a:active {
	text-decoration: none;
	color: #900;
	font-size: 11px;
}


#banner1 {
	height: 120px;
	width: 960px;
	margin-top: 30px;
	background-image: url(../images/banner1.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#contenido {
	width: 960px;
	background-color: #000;
}
.usuario   {
	background-color: #FFF;
	border: 1px solid #FFF;
	height: 18px;
	width: 70px;
	margin-right: 5px;
	background-image: url(../images/users.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #000;
}
.password   {
	height: 18px;
	width: 70px;
	border: 1px solid #FFF;
	font-family: Arial;
	font-size: 12px;
	color: #000;
	background-color: #FFF;
	background-image: url(../images/llave.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#content #contenido table tr td #cse-search-box div input {
	height: 18px;
}

.button {
	font-family: Arial;
	font-size: 12px;
	color: #FFF;
	background-color: #900;
	height: 18px;
	background-image: url(../images/bg_botones.gif);
	background-repeat: repeat-x;
	background-position: center top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-align: center;
	vertical-align: middle;
}
#facebook {
	margin-right: 20px;
}

#marcadores {
	background-image: url(../images/bg_marcadores.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 230px;
	background-color: #900;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	vertical-align: middle;
}

#menu {
	background-image:url(../images/nav_bg.png);
	background-repeat:repeat-x;
	height:30px;
	width:888px;
	padding-left: 70px;
}

#nav { 
list-style:none; 
}

#nav li {
	float:left;
	background-image:url(../images/nav_li_bg.png);
	background-repeat:no-repeat;
	background-position:right;
}

#nav li a {
	display:block;
	padding:7px 10px;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}

#nav li a:hover {
	color:#900;
}
/* Submenu */
#nav ul.submenu {
	border:1px solid #000000;
	padding:5px;
	position:absolute;
	list-style:none;
	background-color:#333;
}

#nav ul.submenu li {
	float:none;
	background-image:none;
	border-bottom:1px solid #999999;
	width:150px;
}
/* Subsubmenu */
#nav ul.subsubmenu { 
border:1px solid #000000; 
padding:5px; 
position:absolute; 
list-style:none; 
background-color:#333333; 
margin-left:150px; 
margin-top:-30px;
}

#nav ul.subsubmenu li {
	float:none;
	background-image:none;
	border-bottom:1px solid #999999;
	min-width:130px;
}
.footer {
	font-family: Arial;
	font-size: 9px;
	color: #FFF;
}
#contenido_central {
	padding: 15px;
	font-family: Arial;
	color: #333;
	background-color: #FFF;
	border: 1px solid #900;
}


/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}
@charset "UTF-8";
/* SpryValidationPassword.css - version 0.1 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.passwordRequiredMsg, 
.passwordInvalidStrengthMsg, 
.passwordMinCharsMsg,
.passwordMaxCharsMsg,
.passwordCustomMsg,
.passwordValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .passwordRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.passwordRequiredState .passwordRequiredMsg,
.passwordMinCharsState .passwordMinCharsMsg,
.passwordMaxCharsState .passwordMaxCharsMsg,
.passwordInvalidStrengthState .passwordInvalidStrengthMsg,
.passwordCustomState .passwordCustomMsg
{
	display: inline;
	color: #CC3333;
}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid Strength / minValue / maxValue / custom invalid , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */

 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.passwordValidState input, input.passwordValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.passwordRequiredState, .passwordRequiredState input, 
input.passwordInvalidStrengthState, .passwordInvalidStrengthState input, 
input.passwordMinCharsState, .passwordMinCharsState input, 
input.passwordCustomState, .passwordCustomState input, 
input.passwordMaxCharsState, .passwordMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.passwordFocusState input, input.passwordFocusState {
	background-color: #FFFFCC;
}
.error {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #900;
}
.ok {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #0C0;
}

/* SpryValidationConfirm.css - version 0.1 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.confirmRequiredMsg, 
.confirmInvalidMsg, 
.confirmValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .confirmRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.confirmRequiredState .confirmRequiredMsg,
.confirmInvalidState .confirmInvalidMsg
{
	display: inline;
	color: #CC3333;
}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required , invalid , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */

 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.confirmValidState input, input.confirmValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.confirmRequiredState, .confirmRequiredState input, 
input.confirmInvalidState, .confirmInvalidState input
{
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.confirmFocusState input, input.confirmFocusState {
	background-color: #FFFFCC;
}


/* SpryValidationRadio.css - version 0.1 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2007. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the messages
 * (required message and invalid value message )
 * which prevent them from being displayed by default.
 */
.radioRequiredMsg, .radioInvalidMsg{
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and font color for the error text.
 * The state class (e.g. .radioRequiredState) is applied on the top-level container for the widget, 
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg{
	display: inline;
	color: #CC3333;
}

.minimagen {
	margin: 20px;
	border: 1px solid #900;
}
#comentario {
	background-image: url(../images/bg_comments.png);
	background-position: center center;
	background-repeat: no-repeat;
	font-family: Arial;
	color: #900;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 6px;
}