body {
	background: #000000;
	color: #FFFFFF;
	text-align: center;
}

img {	
	border: 0;
}

a:link {
	text-decoration: none;
	color: #87CEEB;
}
a:visited {
	text-decoration: none;
	color: #87CEFA;
}
a:hover {
	text-decoration: none;
	color: #B0E0E6;
}
a:active {
	text-decoration: none;
}

/* Cuadro con las homologaciones del W3C para el pie */
.w3c {
	text-align: center;
	margin-left: -30px;
}
.w3c li {
	list-style: none;
	margin: auto;
	display: inline;
}

/* layout basico */
.basic {
	width: 980px;
	margin: auto;

}

/* cabecera */
.basic #header{
	margin: auto;
	background-color: #000000
}

/* barra de navegacion izquierda */
.basic #Lsidebar {
	margin-top: 20px;
	float: left;
	width: 135px;
}
.basic #Lsidebar ul {
	margin-top: 70px;
}
.basic #Lsidebar li {
	list-style: none;
	margin-left: -40px;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* barra de navegacion derecha */
.basic #Rsidebar {
	float: right;
	margin-top: 20px;
	width: 135px;
}
.basic #Rsidebar ul {
	margin-top: 70px;
}
.basic #Rsidebar li {
	list-style: none;
	margin-left: -40px;
	margin-top: 18px;
	margin-bottom: 15px;}

/* contenedor principal */
.basic #main {
	width: 710px;
}
/* titulo */
.basic #mainContent {
	margin: auto;
	margin-top: 2em;
	background-repeat: repeat-y;
	background-image: url(img/bg2.png);
	min-height: 550px;
	margin-top: -30px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.basic h1 {
	text-align: center;
	color: #DDDDDD;
	font-size: medium;
	font-family: "Verdana", "Arial";
	margin-top: -.15em;
	margin-bottom: -.15em;
}
.basic h2 {
	text-align: left;
	padding-left: 10px;
	background-color: #111111;
	border-left: 5px solid#ec0000;
	border-right: 2px solid#ffffff;
	color: #BBBBBB;
	font-size: small;
	font-family: "Verdana", "Arial";
}

/* contenido */
.basic #main {
	width: 590px;
	margin-left: 195px;
}
.basic #vert {
	position: relative;
	float: left;
	margin-top: 30px;
	margin-left: -30px;
}

/* estilo del texto comun */
.mainText {
	font-size: 100%;
	color: #FFFFFF;
	font-family: "Gill Sans MT", "Verdana", "Arial";
	text-align: justify;
	margin-bottom: 1em;
}
/*.mainText:first-letter {
	border-left: 3px solid#ec0000;
	padding-left: 10px;
	font-size: 110%;
}*/
.mainTextCenter {
	font-size: 100%;
	color: #FFFFFF;
	font-family: "Gill Sans MT", "Verdana", "Arial";
	text-align: center;
	margin-bottom: 1em;
}

/* pie */
#footer {
	clear: both;
	background-color: #000000;
	margin-top: -.5em;
}
#footer p {
	font-size: 80%;
	color: #DDDDDD;
	font-family: "Gill Sans MT", "Verdana", "Arial";
	text-align: center;
}
.footerLinks{
	margin-top: -.5em;
	margin-left: -3em;
	list-style: none;
	font-size: small;
}
.footerLinks li{
	display: inline;
	padding-left: .5em;
	padding-right: .5em;
	border-left: 1px solid#DDDDDD;
	border-right: 1px solid#DDDDDD;
}

/* tabla alojamiento */
.alojamiento {
	border: 0;
	width: 90%;
	text-align: center;
	margin: auto;
}
.blank {
	width: 270px;
}
.header {
	font-size: 70%;
	text-align: center;
	width: 100px;
	background-color: #FFFFFF;
	color: #000000;
}
.name {
	width: 270px;
	text-align: left;
	font-size: 90%;
	color: #FFFFFF;
	background-color: #cc3300;
}
.info {
	font-size: 90%;
	color: #FFFFFF;
	background-color: #111111;
	text-align: center;
}

/* tabla dominios */
.dominio {
	border: 0;
	width: 90%;
	margin: auto;
}
.dominio th {
	text-align: center;
	background-color: #FFFFFF;
	color: #000000;
}
.dominio td {
	text-align: center;
	background-color: #cc3300;
}

/* tabla mantfisico */
.fisico {
	text-align: center;
	margin: auto;
	border: 0;
}
.fisico th {
	text-align: center;
	background-color: #FFFFFF;
	color: #000000;
}
.fisico td {
	padding: 5px;
	text-align: center;
	background-color: #cc3300;
}

div #halfLeft {
	margin-top: 1em;
	position: relative;
	float: left;
	width: 295px;
}
div #halfRight {
	margin-top: 1em;
	position: relative;
	float: right;
	width: 295px;
}

.wrap {
	border: 1px solid#AAAAAA;
	background-color: #222222;
	padding: 7px;
	padding-left: 20px;
	padding-right: 20px;
	width: auto;
}
.wrap p {
	font-size: medium;
	text-align: left;
}

/* salto de linea normal */
.zero {
	margin-top: -1em;
	margin-bottom: -1em;
}
.single {
	margin-bottom: 1em;
}/* salto de linea doble */
.double {
	margin-bottom: 2em;
}/* salto de linea triple */
.triple {
	margin-bottom: 3em;
}

/* layout en parejas */
.couple #left {
	text-align: left;
	float: left;
	margin-left: 50px;
}
.couple #right {
	text-align: right;
	float: right;
	margin-right: 50px;
}
/* layout en triangulo */
.triangle #top{
	text-align: center;
}
.triangle #left{
	text-align: left;
	float: left;
	margin-left: 50px;
}
.triangle #right{
	text-align: right;
	float: right;
	margin-right: 50px;
}

/* lista para el mapa */
.nivel1 {
	text-align: left;
	width: 550px;
	margin: auto;
	list-style: none;
	padding: 15px;
}
.nivel1 li div{
	margin: 1px;
	padding-left: 10px;
	border-left: 3px solid#cccccc;
}
.nivel1 li div:hover{
	padding-left: 3px;
	background-color: #000000;
	border-left: 10px solid#ec0000;
	border-right: 3px solid#ffffff;
}
.nivel1 li div a{
	color: #ffffff;
}

.nivel2 {
	text-align: left;
	list-style: none;
	padding: 2px;
	margin-left: 20px;
}
.nivel2 li div{
	margin: 1px;
	padding-left: 11px;
	border-left: 2px solid#cccccc;
}
.nivel2 li div:hover{
	padding-left: 5px;
	background-color: #000000;
	border-left: 8px solid#ec0000;
	border-right: 2px solid#ffffff;
}
.nivel2 li div a{
	color: #ffffff;
	font-size: 90%;
}

.nivel3 {
	text-align: left;
	list-style: none;
}
.nivel3 li div{
	margin: 1px;
	padding-left: 12px;
	border-left: 1px solid#cccccc;
}
.nivel3 li div:hover{
	padding-left: 7px;
	background-color: #000000;
	border-left: 6px solid#ec0000;
	border-right: 1px solid#ffffff;
}
.nivel3 li div a{
	color: #ffffff;
	font-size: 80%;
}

/* formularios */
form {
	width: auto;
	text-align: center;
}
fieldset{
	margin: auto;
	width: 500px;
	text-align: left;
	padding: 10px;
}
label {
	display: block;
	float: left;	
	width: 15ex;
	text-align: left;
	color: white;
}
input {
	text-align: left;
	width: auto;
}
textarea {
	text-align: left;
	width: auto;
	/*margin-left: 120px;*/	/* problemas con el opera */
}
.submit {
	margin: auto;
}

.condList {
	text-align: justify;
}
.condList li {
	color: #ffffff;
}
.condList li p {
	color: #dddddd;
	text-align: justify;
}

.code {
	background-color: #111111;
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 2px solid#ec0000;
	border-right: 1px solid#dddddd;
}

.hidden {
	margin-top: -999em;
}

.index {
	display: inline;
}

.index img {
	margin-top: 100px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 75px;
}
