body {
	font-family: Helvetica, Arial;
	font-size: 13px;
	color: #303030;
	background: #FEFFF6 url(../img/fondo2.jpg) no-repeat center 125px;
}

#precarga {
	display: none;
}

#cargandoWeb {
	background: #FEFFF6 url(../img/fondo2.jpg) no-repeat center 125px;	
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
}

#preCargando {
	width: 600px;
	margin: 250px auto 0;
	text-align: center;
	font-size: 16px;
	*padding: 0 0 250px;
}

#preCargando a {
	color: #000;
}

.explorer {
	visibility: hidden;
	*visibility: visible;
}

#preCargando span {
	font-size: 13px;
}

*{
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	font-weight: bold;
	outline: none;
}

a:hover {
	outline: none;
	text-decoration: underline!important;
}

.clear {
	clear: both;
}

h1 {
	font-size: 1.8em;
	font-weight: lighter;
	padding: 15px 40px 10px;
	color: #000;
}

h1 a, h1 a:hover {
	font-weight: lighter;
	color: #000;
	text-decoration: none!important;
}

h2 {
	font-size: 1.4em;
	color: #000;
}

h2 strong {
	font-size: 1.6em;
}

h3 {
	font-size: 1.1em;
}

#pagina_web {
	position: absolute;
	top: 0;
	width: 100%;
	height: 95%;
	min-height: 630px;
	*min-height: 640px;
	padding: 20px 0 0 0;
}

#position {
	position:absolute;
	bottom:0;
	width: 100%;
}

#container {
	margin: 0 auto;
	width: 900px;
}

/*MENU*/
#menu {
	width: 900px;
	padding: 10px 0 0;
	text-align: center;
	background: url(../img/imagenes.jpg) no-repeat top center;
	background-position: -430px -650px;
}

#menu #fondo {
	width: 860px;
	padding: 10px 20px 20px 20px;
	background: #e7e6e6;
}

#menu ul li {
	list-style: none;
	float: left;
	width: 100px;
	height: 100px;
	padding: 0 10px;
}

#menu a {
	width: 100px;
	height: 100px;
	text-decoration: none;
	color: #fff;
	outline: none;
	font-weight: normal;
}



#menu a span {
	width: 100px;
	height: 40px;
	padding: 60px 0 0;
	display: block;
	cursor: pointer;
}

#menu #aloja {
	background: url(../img/imagenes.jpg) no-repeat top;
	background-position: 0 -727px;
}

#menu #ayuda {
	background: url(../img/imagenes.jpg) no-repeat top;
	background-position: 0 -977px;
}

#menu #contacto {
	background: url(../img/imagenes.jpg) no-repeat top;
	background-position: 0 -1227px;
}

#menu #extras {
	background: url(../img/imagenes.jpg) no-repeat top;
	background-position: 0 -1477px;
}

#menu #portafolio {
	background: url(../img/imagenes.jpg) no-repeat top;
	background-position: 0 -1727px;
}

#menu #ppal {
	background: url(../img/imagenes.jpg) no-repeat top;
	background-position: -430px -150px;
}

#menu #precios {
	background: url(../img/imagenes.jpg) no-repeat top;
	background-position: -430px -400px;
}

/*BANDA BAJA*/

#bandaBajaSombra {
	position: fixed;
	bottom: 40px;
	height: 10px;
	width: 100%;
	margin: 0 auto;
	_display: none;
}

#bandaBajaSombraInner {
	position: relative;
	background: url(../img/bajo_sombra-trans.png) no-repeat top center;
	width: 900px;
	height: 10px;
	margin: 0 auto;
}

#bandaBaja {
	position: fixed;
	background: #e7e6e6;
	color: white;
	bottom: 0;
	height: 40px;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: solid #DCDCDC 1px;
}


/*MODULOS*/
.dentroModulo {
	position: relative;
	height: 500px;
	padding: 0 0 20px 0;
	border: solid #e7e6e6 2px;
}

.dentroModulo .banda {
	width: 100%;
	height: 25px;
}

#modulo1 .dentroModulo {
	background: #fff;
}

#modulo2 .dentroModulo {
	background: #fff url(../img/fondos.jpg) no-repeat bottom right;
	background-position: -1050px -800px; 
}

#modulo3 .dentroModulo {	
	background: #fff url(../img/fondos.jpg) no-repeat top right;
	 background-position: 0 -150px;
}

#modulo4 .dentroModulo {
	background: #fff;
}

#modulo5 .dentroModulo {
	background: #fff url(../img/fondos.jpg) no-repeat bottom right;
	background-position: 0 -600px;
}

#modulo6 .dentroModulo {
	background: #fff url(../img/fondos.jpg) no-repeat bottom right;
	background-position: -1050px -150px;
}

#modulo7 .dentroModulo {
	background: #fff url(../img/fondos.jpg) no-repeat bottom right;
	background-position: 0 -1250px;
}

#modulo1 .dentroModulo .banda {
	background-color: #5ca4c6;
}

#modulo2 .dentroModulo .banda {
	background-color: #64a70d;
}

#modulo3 .dentroModulo .banda {	
	background-color: #007376;
}

#modulo4 .dentroModulo .banda {
	background-color: #6d5097;
}

#modulo5 .dentroModulo .banda {
	background-color: #e4200f;
}

#modulo6 .dentroModulo .banda {
	background-color: #ffd65d;
}

#modulo7 .dentroModulo .banda {
	background-color: #ff6000;
}

.dentroModulo p {
	width: 480px;
	padding:  20px 0 0 20px;
}

.dentroModulo p.largo {
	width: 750px;
	padding:  20px 0 0 20px;
}

/*CONFIG Y PRECIOS*/

ul.listPrecios {
	list-style: none;
	margin: 0 0 0 20px
}

ul.listPrecios li {
	width: 480px;
	padding:  0 0 20px 75px;
}

ul.listPrecios li p {
	width: 100%;
	padding: 5px 0 0 20px;
}

ul.listPrecios li a {
	color: #259C00;
}

ul.listPrecios li.cincuenta {
	width: 750px;
	height: 80px;
	background: url(../img/precio100.jpg) no-repeat top left;
}

.encimaSombra {
	position: absolute;
	background: url(../img/amarilleando.png) top left;
	*background: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/*ALOJAMIENTO Y DOMINIOS*/

ul.aloja {
	list-style: none;
	margin: 0;
}

ul.aloja li {
	width: 275px;
	padding:  0 0 0 20px;
	float: left;
}

ul.aloja li img {
	float: right;
}
ul.aloja li h2 {
	padding: 0 0 10px;
}

a#alAlojamiento {
	margin: 0 0 0 250px;
	color: #007376;
	background: url(../img/imagenes.jpg) no-repeat center left;
	background-position: -430px -1492px;
	padding: 5px 0 5px 25px;
}

a#alContacto {
	margin: 20px 0 0 250px;
	color: #ff6000;
	background: url(../img/imagenes.jpg) no-repeat center left;
	background-position: 0 -561px;
	padding: 0 0 25px 20px;
}

/*TUTORIALES Y EXTRAS*/

ul.normal {
	list-style: url(../img/bullet_libro.png);
	margin: 20px 0 20px 60px;
}

ul.estrella {
	list-style: url(../img/bullet_bookmarks.png);
}

ul.listadoContacto .bulletForm {
	list-style: url(../img/bullet_form.png);
}

ul.listadoContacto .bulletEmail {
	list-style: url(../img/bullet_mail.png);
}

ul.normal li {
	padding: 10px 0;
	width: 480px;
}

ul.normal li a {
	color: #000;
	text-decoration: none;
}

ul.listadoContacto li a {
	color: #ff6000;
}

/*PORTAFOLIO*/
.portOculto {
	width: 100%;
}

.portOculto h2 {
	text-align: right;
	font-size: 2.4em;
	padding: 0 40px 20px 0
}

.portOculto .imagen {
	text-align: center;
	width: 500px;
	margin: 0 auto;
}

.portOculto .imagen img {
	border: none;
}

.portOculto p {
	width: 640px;
	margin: 0 auto;
	padding:  20px;
}

.listaPortafolio {
	text-align: center;
	width: 860px;
	padding: 0 20px 20px;
}

.listaPortafolio a, .portOculto a {
	color: #623988;
}

/*PRINCIPAL*/

ul.principalitas {
	float: left;
	padding: 30px 20px 0;
	list-style: none;
}

ul.principalitas li {
	width: 225px;
	height: 120px;
	padding: 0 0 0 30px;
}


li#usabilidad {
	background: url(../img/imagenes.jpg) no-repeat top left;
	background-position: -430px -812px;
}

li#adaptado {
	background:  url(../img/imagenes.jpg) no-repeat top left;
	background-position: -430px -983px;
}

li#precio {
	background:  url(../img/imagenes.jpg) no-repeat top left;
	background-position: -430px -1320px;
}

li#dominio {
	background:  url(../img/imagenes.jpg) no-repeat top left;
	background-position: -430px -1492px;
}

li#preocupado {
	background:  url(../img/imagenes.jpg) no-repeat top left;
	 background-position: -430px -1830px; 
}

li#disenno {
	background:  url(../img/imagenes.jpg) no-repeat top left;
	background-position: -1480px -150px;
}

div#aPorEllo {
	float: right;
	text-align: right;
	margin: 20px 30px 0 0;
}

div#aPorEllo a#config {
	color: #259C00;
	background: url(../img/imagenes.jpg) no-repeat center left;
	background-position: -430px -1154px;
	padding: 5px 0 5px 20px;
}

div#aPorEllo a#botonaco {
	background: url(../img/imagenes.jpg) no-repeat top left;
	background-position: 0 -150px;
	padding: 20px 120px 30px 60px;
	color: #fff;
	font-size: 1.4em;
	display: block;
}

/*CONTACTO*/

.encimaContacto {
	position: relative;
	background: #fff;
	width: 700px;
	height: 520px;
	border: solid 1px #000;
	margin: 20px auto;
	padding: 30px;
	overflow: hidden;
}

.encimaContactoa {
	position: absolute;
	right: 3px;
	top: 3px;
	font-size: 0px;
	color: #fff;
	background: url(../img/imagenes.jpg) no-repeat top right;
	background-position: 0 -363px;
	padding: 30px;
}