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

* { margin:0; padding:0;}
body { text-align:center; background-color:#F28C2A;}

/* estructura */
#todo { width:900px;  margin: 20px auto 0 auto; background:url(images/contenido.jpg) repeat-y top;}
#contenido {  }

/* cabecera */
#cabecera { width:900px; background:url(images/cabecera.jpg) no-repeat top; text-align:left;}
#logotipo { width:360px; margin:0 auto 10px 20px; padding-top:4px;}
#difuminado { float:right; margin:14px 20px auto auto;}
.adicional { float:right; margin: 16px 20px 10px auto;}

/* menu principal */
#menuprincipal { width:880px; background:url(images/menu.png) repeat-x top; height:28px; margin:0 auto; clear:both;}
#menuprincipal li { float:left; list-style-type:none; padding:4px 4px 1px 4px; border-left:1px solid #707070; margin-top:3px;}
#menuprincipal li:hover { background:url(images/menub.png) repeat-x top;}
#menuprincipal li a { font-weight:bold; text-decoration:none; color:#FFFFFF;}

/* botones de mas informacion */
.botones { width:470px; margin:20px auto 0 auto; text-align:center;}
.boton-verde { width:165px; height:52px; background:url(images/boton-verde.png) no-repeat top; padding-top:4px; float:left}
.boton-naranja { width:165px; height:52px; background:url(images/boton-naranja.png) no-repeat top; padding-top:4px; float:left}
.boton-gris { width:135px; height:52px; background:url(images/boton-gris.png) no-repeat top; padding-top:4px; float:left}
.boton-verde a, .boton-naranja a, .boton-gris a{ font-size:13px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
.boton-verde a:hover, .boton-naranja a:hover, .boton-gris a:hover{ color:#444;}

/* bloques */
.boton { width:293px; height:37px; background:url(images/bloquea.png) no-repeat center; text-align:left; padding-left:20px; padding-top:10px;}
.boton:hover {background:url(images/bloqueb.png) no-repeat top;}
.boton a { color:#333333; font-size:12px; font-weight:bold;}
.boton p { font-size:11px; color:#666666; margin:0;}
.boton-doble { width:293px; height:120px; background:url(images/bloque-doble.png) no-repeat center; text-align:left; padding-left:20px; padding-top:10px;}
.boton-doble p, .boton-doble a { text-align:center; font-weight:bold; font-size:18px;}
.boton .claim { font-weight:bold; font-size:12px; margin-left:11px; margin-top:4px; }
.no:hover { background:url(images/bloquea.png) no-repeat center;}

/* contenido */
.doble { width:52%; padding:10px;}
.simple { width:34%; padding:10px;}
.triple { width:90%; margin:10px 20px; padding:10px;}
.derecha { float:right; margin-right:24px;}
.izquierda { float:left; margin-left:24px;}
.flotante { float:right; margin: 0 10px;}

/* intercambio */
.intercambio ul { margin:10px 30px;}
.intercambio ul li { list-style-type:none; text-align:left; margin:1px; border-bottom:1px dotted #999999;}
.intercambio h2 { margin:14px 20px; text-align:center;}
.intercambio h2 a{ font-size:16px; text-decoration:underline; text-transform:uppercase; color:#F28C2A;}

/* preguntas frecuentes */
ul.numerico { margin:10px 0 10px 24px;}
ul.numerico li { list-style-type:decimal; text-align:left; list-style-position:inside; margin:3px auto; padding:2px 4px; border:1px solid #CCCCCC; background-color:#f5f5f5;}
.cuadro { margin:3px auto; padding:8px; border:1px solid #DDD;}
.cuadro a { font-weight:bold; color:#F28C2A;}

/* ejemplos y clientes */
.cliente { padding:8px; margin:8px 11px; border:1px solid #DDD; width:230px;}
.cliente a img { margin:0 auto 10px auto;}
.cliente p { font-weight:bold; margin:4px;}
.cliente p a{ color:#F28C2A;}
h1.pie { text-transform:none; text-align:right;}
h1.pie a{ font-weight:bold; font-size:11px;}
h1.pie a:hover { color:#F28C2A;}

/* dominios */
p.normal { font-weight:normal;}
img.borde { border:1px double #999;}

/* solicitar */
.input { width:260px; padding:1px;}
textarea { width:330px; padding:2px;}
form { width:340px; margin:0 auto;}
form p { margin-top:1px; margin-bottom:2px;}

/* alojamientos */
.bloque-alojamiento { width:240px; height:380px; background:url(images/bloque-alojamiento.png) no-repeat top; float:left; margin:14px; padding-top:20px;}
.bloque-alojamiento h2 { color:#FFF;}
.bloque-alojamiento p.numeros { margin-top:23px; margin-right:0; margin-bottom:46px; font-size:28px; font-weight:bold; color: #444;}
.bloque-alojamiento p.numeros span { font-size:12px;}
.bloque-alojamiento p.precios { text-align:right; margin-bottom:26px; font-size:15px; font-weight:bold; color: #444;}
.bloque-alojamiento p.pie { margin-top:50px; }

.bloque-correo { width:240px; height:325px; background:url(images/bloque-correo.png) no-repeat top; float:left; margin:14px; padding-top:20px;}
.bloque-correo h2 { color:#FFF;}
.bloque-correo p.numeros { margin-top:23px; margin-right:0; margin-bottom:46px; font-size:28px; font-weight:bold; color: #444;}
.bloque-correo p.numeros span { font-size:12px;}
.bloque-correo p.precios { text-align:right; margin-bottom:26px; font-size:15px; font-weight:bold; color: #444;}
.bloque-correo p.pie { margin-top:50px; }

/* mantenimiento web */
ul.mantenimiento { float:right; margin: 10px 30px;}
ul.mantenimiento li { padding:4px 12px; list-style: inside url(images/dot3.gif); text-align:left; border:1px solid #CCCCCC; background-color:#EEE; line-height:18px;}
ul.mantenimiento li.titulo { font-weight:bold; color:#7E9712; text-align:center; list-style-image:none; list-style-type:none;}

/* sitemap */
ul#sitemap { background:url(images/sitemap.gif) no-repeat top; margin:40px 30px; }
ul#sitemap li { margin-left:80px; border:none; margin-bottom:5px; margin-top:2px;}
ul#sitemap li.titulo { margin-left:10px; font-weight:bold;}

/* pie de pagina */
#creditos { width:900px; height:116px; clear:both; background:url(images/creditos.jpg) no-repeat bottom; padding-top:8px;}
#creditos p { text-align:center; padding:2px 4px; border:1px solid #B5D333; background-color:#ECF4CC; color:#888;}
#creditos a { color:#888;}
#creditos a:hover {color:#7E9712;}
#validaciones { float:right; margin-top:40px; margin-right:30px;}
#validaciones a img { border:0;}

/* textos */
* { font-family:Arial, Helvetica, sans-serif;}
body { font-size:11px; color:#222;}
a {color:#222; text-decoration:none;}
a:hover {color:#7E9712;}
a img { border:0;}
p.enlace a { font-weight:bold;}

.verde {color:#7E9712;}
.naranja { color:#F28C2A;}
.gris { color:#444;}

h1 { font-size:14px; margin:14px 16px; text-align:center; text-transform:uppercase; border:1px solid #F28C2A; background-color: #FAEEE2; font-weight:normal; padding:4px 4px; clear:both; color:#F28C2A;}


p { text-align:justify; margin:8px 24px;}
p.enlace { text-align:right;}

ul.normal { margin:16px 20px;}
ul.normal li { list-style-position: inside; text-align:left; margin-left:26px;}