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

body {
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0;
	font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
	font-size:12px; /*0.75em*/
	text-align:center;
}

h2 {
	font-size:16px;
}

#contenedor {
	margin: 0 auto;
	padding:0;
	width:800px; /* 50em */
	text-align:justify;
	/*background-color:#CCCCCC;*/
}	

/********** CABECERA **********/
#cabecera {
	background-image:url(imagenes/estructura/fondo_menu.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	height:90px; /* 5.63 em */
}

#cabecera h1 {
	background-image:url(imagenes/estructura/logo.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFF;
	height:90px; /*5.63em */
	width: 192px; /*11.94em*/
	margin:0;
	padding:0;
	float:left;
}

#cabecera h1 span {
	display:none;
}

/********** MENÚ DENTRO DE LA CABECERA ************/
#menu {
	margin-top: 25px; /*1.56em*/
	margin-right:50px;
	color:#FFFFFF;
	float:right;
	width:550px; /*34.38 em*/
	/*height:90px; /*5.63em*/
}

#menu ul {
	list-style:none;
}

#menu ul li {
	float:right;
	margin: 0 auto;
	display:block;
}

#menu a{
	display:block;
	color:#fff;
	font-weight:bold;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:#C11F1C thin solid;
	border-left:#C11F1C thin solid;	
		
}

#menu a:active, #menu a:hover, #menu a:focus {
	display:block;
	background-color:#FA433D;
	border-bottom:#990805 thin solid;
	border-left:#990805 thin solid;
}
/********* DEBAJO DE LA CABECERA, VA: ENOFERTA **********/
#enoferta {
	width:800px;
	background-image:url(imagenes/estructura/servidores_superior.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:160px;
}

#oferta {
	float:right;
	width:317px;
	height:197px;
	background-image:url(imagenes/estructura/OfertadelMes.jpg);
	background-position:right;
	background-repeat:no-repeat;
	margin-top:14px;
	clear:both;
}

#oferta h2 {
	color:#A00C0A;
	margin:0 auto;
	margin-top:50px;
	margin-left:70px;
	margin-right:30px;
	border-bottom:#F84145 thin dotted;
	text-align:left;
}

#oferta p{
	margin-top:5px;
	margin-left:70px;
	margin-right:30px;
}

#oferta p a{
	text-align:left;
}

/*********** CUERPO ************/
#cuerpo {
/*background-color:#0033FF;*/
width:800px;
font-size:12px;
clear:both;
}


/* Panel de Alojamiento Web*/
#alojamiento_web { /*Muestra los dos bordes:izquierdo y derecho del panel de alojamiento web */
	float:left;
	width:457px;
	background-image:url(imagenes/estructura/alojamiento_web_2.jpg);
	background-position:center;
	background-repeat:repeat-y;
	margin-left:10px;
}

.cabecera_alojamiento { /*Muestra la cabecera del alojamiento web*/
	background-image:url(imagenes/estructura/alojamiento_web_1.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:457px;
	height:48px;
	display:block;
}

.pie_alojamiento {
	background-image:url(imagenes/estructura/alojamiento_web_3.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:457px;
	height:20px;
	display:block;
	clear:both;
}

.alojamiento_impar{ /*Esta opción muestra el servidor y la estrella azul de fondo si su aparición es impar*/
	background-image:url(imagenes/estructura/alojamientoweb_impar.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:457px;
	height:92px;
	display:block;
}

.alojamiento_par{ /*Esta opción muestra el servidor y la estrella verde de fondo si su aparición es par*/
	background-image:url(imagenes/estructura/alojamientoweb_par.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:457px;
	height:92px;
}

#alojamiento_web h2{ /*Con esto ponemos los nombres de los planes: genie, single, etc.*/
	margin-left:15px;
	margin-top:10px;
	margin-right:15px;
	clear:both;
}

#alojamiento_web .impar{ /*Si el encabezado es impar, tiene unos colores: azules*/
	color:#34376A;
	border-bottom:#27AFEC 1px dotted;
}

#alojamiento_web .par{ /*Si el encabezado es par, tiene otros colores: verdes*/
	color:#746931;
	border-bottom:#C8F230 1px dotted;
	text-align:right;
}

/*Esto causa problemas porque en los planes pares e impares se sitúan los párrafos de forma inversa. Es decir, que las medidas que utilizamos para uno en un momento, no nos valen para el otro en el siguiente, por eso tenemos que repetir las características.*/
/*Alojamiento web impar*/
#alojamiento_web .alojamiento_impar p.normal{
	display:block;
	padding-left:65px;
	width:280px;
	float:left;
	text-align:left;
}

#alojamiento_web .alojamiento_impar p.precio{
	display:block;
	padding-left:35px;
	padding-top:20px;
	float:left;
	font-size:130%;
	font-weight:bold;
	color:#34376A;
}

/*Alojamiento web par*/
#alojamiento_web .alojamiento_par p.normal{
	display:block;
	padding-right:80px;
	width:280px;
	float:right;
	text-align:right;
}

#alojamiento_web .alojamiento_par p.precio{
	display:block;
	padding-right:20px;
	padding-top:23px;
	float:right;
	font-size:130%;
	font-weight:bold;
	color:#746931;
}

/******************* Hasta aquí el alojamiento web ************************/

/************ Panel de dominio **************/
#dominio { /*Muestra los dos bordes:izquierdo y derecho del panel de alojamiento web */
	float:left;
	width:299px;
	background-image:url(imagenes/estructura/registro_dominio_2.jpg);
	background-position:center;
	background-repeat:repeat-y;
	margin-left:20px;
	margin-top:30px;
}

.cabecera_dominio { /*Muestra la cabecera del alojamiento web*/
	background-image:url(imagenes/estructura/registro_dominio_1.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:299px;
	height:47px;
	display:block;
}

.pie_dominio {
	background-image:url(imagenes/estructura/registro_dominio_3.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:299px;
	height:15px;
	display:block;
	clear:both;
}

#dominio p {
	padding:15px;
	margin:0;
}

#dominio h2 {
	margin:0;
	padding-left:15px;
	padding-top:15px;
}

.comprobar {
	border:#746931 1px solid;
	padding:6px;
	margin:0 auto;
	background-color:#C1E930;
	text-align:center;
	display:block;
	width:90%;
	color:#000;
}

/************** Logos de aplicaciones ********************/
#logos {
	width:299px;
	margin-top:20px;
	margin-left:14px;
	float:left;
}

.img-logos {
	border:#CCC 1px solid;
	margin-left:14px;
	margin-top:20px;
}


#pie1 {
	margin-top:30px;
	padding-top:25px;
	float:left;
	margin-left:21px;
	background-image:url(imagenes/estructura/pie_1.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	width:312px;
	height:73px;
}

#pie1 p{
	text-align:right;
	margin-right: 15px;
}

#pie2 {
	clear:both;
	background-image:url(imagenes/estructura/pie_2.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:800px;
	height:41px;
}


#pie1 a{
	color:#000;
	font-weight:bold;	
}

#pie1 a:active, #pie1 a:hover, #pie1 a:focus {
	color:#fff;
}
/************* Formulario de comprobación de dominio *************/
form {
	margin:0 auto;
	padding:15px;
	text-align:center;
}

input, select {
	font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
	font-size:12px; /*0.75em*/
}

/********** Clases para independientes **********/
.letrapeque {
	font-size:90%;
}

.izquierda {
	text-align:left;
}

.centrado {
	text-align:center;
}

p.aclaracion {
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
	font-size:80%;
	text-align:center;
}