body {
  background: none;
  color: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-align: center;/*this is in place to center in older browsers*/
}

a img, :link img, :visited img {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

p{
	font-size: 11px;
	line-height: 14px;
	color: #504E53;
}

#contenedor{
	width: 900px;
	margin: 0 auto;
	background: none;
	border: 1px red solid
	text-decoration: none;
}

#cabecera{
	width: 900px;
	height: 70px;
	float: left;
	background: none;
	border: 0px solid;
}


#cabecera #logo{
	width: 300px;
	height: 60px;
	float: left;
	background: none;
	border: 0px solid;
}



#cabecera #contacto1{
	width: 550px;
	height: 30px;
	float: right;
	background: none;
	border: 0px solid;
	text-decoration: none;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 14px;
	text-align: right;
	color: #343a3d;
	font-weight: bold;
}

#cabecera #contacto2{
	width: 140px;
	height: 15px;
	float: right;
	background: yellow;
	border: 0px solid;
	text-decoration: none;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 18px;
	text-align: right;
	color: #343a3d;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	border: 0px solid;
}

#cabecera #contacto3{
	width: 150px;
	height: 15px;
	float: right;
	padding: 5px 20px 0px 0px;
	background: none;
	border-right: 1px #343a3d solid;
	text-decoration: none;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 14px;
	text-align: right;
	color: purple;
	font-weight: normal;
}

#navigation1 {
	width: 900px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 14px;
	background: url(images/rayahorizontal.gif) no-repeat;
	font-weight: bold;
	border: 0px solid;
}

#navigation1 ul {
	list-style: none;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	border: 0px solid;
}

#navigation1 li {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 13px 20px 0px 20px;
}


#navigation1 li a {
  	display: block;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	color: none;
	}	

#navigation1 li.selected a {
	display: block;
	border-bottom: 1px dotted purple;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	background-color: red;
	color: none;
}

#navigation1 li a:link {
	color: purple;
	}

#navigation1 li a:visited {	
	color: #58585a;
	}

#navigation1 li a:hover {
	background-color: purple;
	color: white;
	}



















#navigation2{
	display: block;
	float: left;
	width: 200px;
	height: 600px;
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: none;
	border-right: 0px dotted #98989B;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 14px;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
	}

#navigation2 li a {
	display: block;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	height: 21px;
	background: none;
	padding: 0px 0px 0px 0px;
	color: purple;
	text-align: left;
}

#navigation2 li.selected a {
	display: block;
	border-right: 0px dotted purple;
	border-left: 0px dotted purple;
	border-top: 0px dotted #504E53;
	border-bottom: 1px dotted #504E53;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #504E53;
}

#navigation2 li a:link {
	border-bottom: 0px solid purple;
	color: purple;
	display: block;
	background: url('menu3mio.gif') no-repeat;
	padding-left:30px; padding-right:0; padding-top:8px; padding-bottom:0
	}

#navigation li a:visited {
	color: #504E53;
	display: block;
	background: url('menu3mio.gif') no-repeat;
	padding-left:30px; padding-right:0; padding-top:8px; padding-bottom:0
	}
	
#navigation li a:hover {
	display: block;
	color: white;
	background: url('menu3mio.gif') no-repeat 0 -32px;
	padding-left:30px; padding-right:0; padding-top:8px; padding-bottom:0
	}



#contenidos{
	width: 660px;
	height: 850px;
	float: right;
	background-color: none;
	border: 0px solid;
	text-decoration: none;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 13px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#contenidos #numeros{
	width: 650px;
	height: 150px;
	float: right;
	background: none;
	border-bottom: 0px dotted #98989B;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 14px;
	color: #343a3d;
	font-weight: bold;
	text-align: center;
	background-color: blue;
}


#contenidos #imagen{
	width: 650px;
	height: 500px;
	float: left;
	margin: 5px 0px 0px 0px;
	background: none;
		border: 1px solid;
}

#contenidos #descripcion{
	width: 650px;
	height: 65px;
	float: left;
	background: yellow;
	margin: 10px 0px 0px 0px;
	border: 0px solid;
	text-align: left;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 14px;
	color: #343a3d;
	font-weight: normal;
}

#contenidos #precios{
	width: 650px;
	height: 55px;
	float: right;
	background: silver;
	border: 0px solid;
	margin: 5px 0px 0px 0px;
	text-align: left;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 14px;
	color: #343a3d;
	font-weight: normal;
}

#footer{
	width: 660px;
	height: 40px;
	float: right;
	background: none;
	margin: 0px 0px 0px 0px;
	border-top: 2px silver solid;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 14px;
	text-decoration: none;
	list-style: none;
	color: none;
	padding: 0px 0px 0px 0px;
}


.footer {
	background: none;
	float:right;
	border: 0px solid;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 11px;
	text-decoration: none;
	color: purple;
	padding: 0px 0px 0px 20px;
	font-weight: bold;
}

a:link
	{
	color: purple;
	text-decoration: none;
}

a:hover
	{
	color: black;
	text-decoration: none;
}

a:visited
	{
	color: silver;
	text-decoration: none;
}

#formalogo{
	color: none;
	position: absolute;
	top: 500px;
	right: 930px;
}

/* --- formulario ---------------------------------------------------------- */
form {
	margin-top: 10px;
}
label {
	display:block;
	float:left;
	margin-top: 5px;
	margin-bottom: 0px;
	width: 400px;
	text-align:right;
	vertical-align: middle;
}
input {
	display:block;
	float: right;
	margin-top: 5px;
	margin-bottom: 0px;
	width: 250px;
	vertical-align: middle;
}

textarea {
	display:block;
	float: right;
	margin-top: 10px;
	width:250px;
}

checkbox {
	display:block;
	float: left;
	margin-top: 10px;
	width:250px;
}


input:focus {
  border: 1px dotted purple;
  background: none;
}

form.elegante input {
	padding: .1em;
}	

.btn {
	display: block;
	margin: 10px 0px 0px 0px;
}	
	

#quien{
	background: url('quien.gif') no-repeat;
}

#como{
	background: url('como.gif') no-repeat;
}


#cuando{
	background: url('cuando.gif') no-repeat;
}

#cuanto{
	background: url('cuanto.gif') no-repeat;
}

#contacto{
	background: url('contacto.gif') no-repeat;
}

#contenidosuvi{
	width: 660px;
	height: 480px;
	float: right;
	background-color: none;
	border: 1px solid;
	text-decoration: none;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 13px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#contenidosuvitexto{
	width: 220px;
	height: 40px;
	float: left;
	background-color: none;
	border: 1px solid;
	text-decoration: none;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 13px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#contenidosuvifotos{
	width: 220px;
	height: 150px;
	float: left;
	background-color: none;
	border: 0px solid;
	text-decoration: none;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 13px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#menu{
	width: 660px;
	height: 650px;
	float: right;
	background-color: none;
	border: 0px solid;
	text-decoration: none;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-size: 13px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}