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

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

/* This is the selector for the main SlidingPanels container. This selector
 * defines the width and height of the view port for the widget. Note that
 * this selector does not set the overflow property since that is done programatically
 * by the widget. Setting the overflow property programatically ensures that
 * the contens of the widget will be fully visible should JavaScript be disabled
 * in the browser.
 *
 * If you want to constrain the width of the SlidingPanels widget, set a width on
 * the SlidingPanels container. By default, our sliding panels widget expands
 * horizontally to fill up available space.
 *
 * The SlidingPanels container is positioned relative so that content inside it
 * can be positioned relative to its upper left corner.
 *
 * Avoid placing any CSS border or padding properties on the SlidingPanels container
 * as they can affect the proper positioning and sliding animations of the contents
 * inside the container.
 *
 * The name of the class ("SlidingPanels") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * SlidingPanels container.
 */
 
 body {
	background-image: url(images/menu_net.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-color: #86005E;
	background-attachment: fixed;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
}
.menu a:link {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 6px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	font-weight: lighter;
	border:none;
	tabindex: none;
}
.menu a:visited {
	color: #FFFFFF;
	text-decoration: none;
	border:none;
}
.menu a:hover {
	background-color: #ed4d0e;
	padding-top: 6px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	color: #59003F;
	text-decoration: none;
	border:none;
	font-weight: bold;
}
.menu a:active {
background-color: #ed4d0e;
	padding-top: 6px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	color: #86005E;
	text-decoration: none;
	border:none;
}

#top {
	background-attachment: fixed;
	background-image: url(images/titulo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.style2 {
	color: #666666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style2, a {
	color: #86005E;
	text-decoration: none;
	font-size: 11px;
	list-style-position: outside;
	list-style-image: url(images/bullet.gif);
}
.style2, a:hover {
	text-decoration: none;
	background-color: #FF3300;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	color: #FFFFFF;
}
.tit {
	margin-top: 4px;
	margin-bottom: -6px;
}
#rayita {
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF3300;
	background-color: #6A004B;
}
.nombre {
	font-size: 0.8em;
	color: #333333;
}
.copyright {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.5em;
	color: #FFFFFF;
	padding-top: 10px;
	vertical-align: top;
	font-weight: lighter;
	width: 350px;
	text-align: right;
	display: block;
}
.copyright  a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.5em;
	color: #FFFFFF;
	vertical-align: top;
	font-weight: lighter;
	width: 350px;
	text-align: right;
	display: block;
	margin: 0px;
	padding: 0px;
}
.contact {
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	background-color: #6A004B;
	display: block;
	margin-left: 800px;
	font-style: italic;
	color: #FF6633;
	z-index: -2;
	width: 70px;
	vertical-align: middle;
	border: medium solid #6A004B;
}

#top .contact #links {
	z-index: 10;
}
#top .contact #links a {
	color: #FF6633;
}
#top .contact #links a:hover {
	color: #6A004B;
	background-color: #FF6633;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
#forma {
}
#gracias {
	font-size: 3em;
	color: #FF6633;
	font-family: Helvetica, Arial, sans-serif;
	padding-top: 20px;
	padding-left: 50px;
	font-weight: bold;
}