﻿body 
{
    background-color:#FFFFFF;
    margin: 0 0 0 0;
    font-family: Verdana;
    font-size:10px;
    color: #5E5E5E;
}

div#principal { margin:0 auto 0 auto; padding:10px 10px 10px 10px; width:932px; height:auto; position:relative; background-color:#FFFFFF;}

/*Diseño principal ------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera1 {width:932px; height:90px; background-image: url(../../es/ImgPortal/cab1.png); background-repeat:no-repeat; float:left; margin-bottom: 6px;}
#cabecera2{width:710px; float:left; margin-right:6px;}
div#menu{width: 212px; float:right; margin-bottom:16px; margin-right:3px; background-color:#CCCCCC; padding: 42px 0 10px 0; }
div.det{width: 171px; margin:0 21px 0px 20px; cursor:pointer;}
div.pie{width: 165px; margin:0 21px 10px 20px; background-color:#3F5D80; font-size:9px; color:#FFFFFF; text-align:center; padding:10px 0 0 0; height:24px; border:#FFFFFF 3px solid; border-top-width:0px; }
#contenido{ float:left; width:710px; margin: 9px 9px 0px 9px; /*margin: 17px 15px 16px 9px;*/}
#pie{width:932px; height:43px; background-image: url(../../es/ImgPortal/pie.png); background-repeat:no-repeat; float:left; margin: 16px 0 0 0;}

/*Menú cabecera 1 --------------------------------------------------------------------------------------------------------------------------------------*/
#menucab1 {list-style-type:none; width:475px; padding:10px 10px 0 0; margin:0 auto; height:40px; float:right;}
#menucab1 ul {list-style-type:none; padding:0; margin:0;}
#menucab1 li {float:left; background:url(transparent.gif); margin:0;position:relative;}
#menucab1 li, #menucab1 li a {display:block; color:#ffffff; font-family:Verdana; font-size:11px; line-height:24px; text-decoration:none; text-align:center; cursor:pointer;}
#menucab1 li:hover, #menucab1 li a:hover {background:url(transparent.gif); color:#202020;}
#menucab1 li.click {background:#202020; font-weight:bold;}
#menucab1 li.sep {color:#ffffff; width:20px; cursor:default;}

/*Banderas --------------------------------------------------------------------------------------------------------------------------------------*/
#banderas {list-style-type:none; width:190px; padding:10px 10px 0 0; margin:0px auto; height:31px; float:right;}
#banderas ul {list-style-type:none; padding:0; margin:0;}
#banderas li {float:left; background:url(transparent.gif); margin:0;position:relative;}
#banderas li, #menucab1 li a {display:block; color:#ffffff; font-family:Verdana; font-size:11px; line-height:24px; text-decoration:none; text-align:center; cursor:pointer;}
/*#banderas li:hover, #menucab1 li a:hover {background:url(transparent.gif); color:#202020;}
#banderas li.click {background:#202020; font-weight:bold;}*/
#banderas li.sep {color:#ffffff; width:5px; cursor:default;}
#banderas li.sinlink {cursor:default;}

/*Menú cabecera 2 --------------------------------------------------------------------------------------------------------------------------------------*/
#menucab2 {list-style-type:none; width:710px; padding:0; margin:0 0 2px 0; height:42px; background-color:#202020;}
#menucab2 ul {list-style-type:none; padding:0; margin:0; }
#menucab2 li {float:left; background:#202020; margin:2px 0 2px 0; position:relative; padding:0 6px 0 6px;}
#menucab2 li, #menucab2 li a {display:block; color:#FFFFFF; font-family:Verdana; font-size:11px; line-height:38px; text-decoration:none; text-align:center; cursor:pointer;}
#menucab2 li:hover, #menucab2 li a:hover {background:#FFFFFF; color:#D6000F;}
#menucab2 li.click {background:#FFFFFF; color:#D6000F; cursor:default;}
#menucab2 li.sep, #menucab2 li.sep:hover {background:#202020; color:#ffffff; width:9px; cursor:default; padding:0;}

/*Menú Pie --------------------------------------------------------------------------------------------------------------------------------------*/
#menupie {list-style-type:none; width:932px; padding:10px 10px 0 90px; margin:0 auto; height:40px; float:left;}
#menupie ul {list-style-type:none; padding:0; margin:0;}
#menupie li {float:left; background:url(transparent.gif); margin:0; position:relative;}
#menupie li, #menucab1 li a {display:block; color:#ffffff; font-family:Verdana; font-size:10px; line-height:20px; text-decoration:none; text-align:center; cursor:pointer;}
#menupie li:hover, #menucab1 li a:hover {background:url(transparent.gif); color:#202020;}
#menupie li.click {background:#202020; font-weight:bold;}
#menupie li.sep {color:#ffffff; width:20px; cursor:default;}
#menupie li.sinLink {color:#ffffff; cursor:default;}

/*Galletas --------------------------------------------------------------------------------------------------------------------------------------*/
.galletacab {background-image:url(../../es/ImgPortal/galleta_cab.png); width:345px; height:39px;}
.galletacabdch {background-image:url(../../es/ImgPortal/galleta_cabdch.png); width:345px; height:39px;}
.galletacabizq {background-image:url(../../es/ImgPortal/galleta_cabizq.png); width:345px; height:39px;}
.galletaborder {width:323px; height:auto; border:#DCDCDC 6px solid; border-top-width:0px; margin: 0 5px 0 5px; cursor:pointer;}
.galletadet {border:#FFFFFF 3px solid;}
.galletacabtexto{font-size:13px; font-weight:bold; padding:15px 5px 5px 35px; float:left;}

/*Contenido Paginas -----------------------------------------------------------------------------------------------------------------------------------------*/
.contenedorcab{padding:0 20px 0 19px;}
.cab {background-image:url(../../es/ImgPortal/GalletaG_Cab.png); width:654px; height:38px;}
.cabdch {background-image:url(../../es/ImgPortal/GalletaG_cabdch.png); width:654px; height:38px;}
.cabizq {background-image:url(../../es/ImgPortal/GalletaG_cabizq.png); width:654px; height:38px;}
.cabcons {background-image:url(../../es/en_obras/img/cab_construc.png); width:654px; height:38px;}
.cabborder {width:644px; height:auto; background-color:#EDEDED; margin: 0 5px 0 5px; padding: 25px 0 35px 0;}
.cabdet {width:594px; background-color:#FFFFFF; height:auto; margin:0 25px 15px 25px; padding:10px 0 10px 0;}
.cabtexto{font-size:13px; font-weight:bold; padding:15px 5px 5px 35px; float:left;}
.cabtextoRojo{font-size:13px; font-weight:bold; padding:15px 5px 5px 35px; float:left; color:#D6000F}
.cabtable{padding: 0 15px 0 15px;}

/*Pestañas detalle -------------------------------------------------------------------------------------------------------------------------------*/
.contenedorPes{padding:20px 20px 0 20px; height:50px;}
#pestaña {list-style-type:none; width:614px; margin:0 auto; float:left; border-bottom: solid 2px #EDEDED;}
#pestaña ul {list-style-type:none; padding:0; margin:0;}
#pestaña li {float:right; background:url(../../es/ImgPortal/pestañas/BTsinpulsar.png); margin:0; position:relative; width:150px;}
#pestaña li, #pestaña li a {display:block; color:#000000; font-family:Verdana; font-size:10px; font-weight:bold; height:31px; text-decoration:none; padding:5px 0 0 8px; text-align:left; cursor:pointer;}
#pestaña li:hover, #pestaña li a:hover, #pestaña li.click {background:url(../../es/ImgPortal/pestañas/BTpulsado.png)}
#pestaña li.sep {color:#ffffff; width:3px; cursor:default; background:url(transparent.gif)}
#pestaña li.sinLink {cursor:default; background:url(../../es/ImgPortal/pestañas/BTpulsado.png)}
.textoPes:{font-size:15px;}

/*Tabla en 2 partes -------------------------------------------------------------------------------------------------------------------------------*/
.tablaborder {width:594px; margin:0 25px 15px 25px;}
.tablaizq{width:290px; height:auto; float:left;}
.tabladch{width:290px; height:auto; float:right;}
.tablacab {background-image:url(../../es/ImgPortal/cabeceras/cab2partes.png); width:290px; height:17px; font-size:11px; font-weight:bold; text-align:center; padding:10px 0 0 0; color:#3F5D80;}
.tablacontenido{width:290px; height:auto; background-color:#FFFFFF; padding:1px 0px 1px 0px;}

/*Tabla en 3 partes -------------------------------------------------------------------------------------------------------------------------------*/
.tabla3 { background-color:#FFFFFF; margin:20px 39px 0 20px;}
.tabla3izq{width:213px; height:auto; float:left; margin:0 2px 0 2px;}
.tabla3dch{width:213px; height:auto; float:right; margin:0 2px 0 2px;}
.tabla3cab {background-image:url(../../es/ImgPortal/cabeceras/cab3partes.png); width:213px; height:27px; font-size:15px; font-weight:bold; text-align:center; padding:20px 0 0 0; color:#000000;}
.tabla3cabPq {background-image:url(../../es/ImgPortal/cabeceras/cab3partes.png); width:203px; height:27px; font-size:12px; font-weight:bold; text-align:center; padding:5px 5px 5px 5px; color:#000000;}
.tabla3contenido{width:213px; height:auto; background-color:#FFFFFF; padding:20px 0px 20px 0px; background-color:#EDEDED; text-align:center;}
.tabla3texto, .tabla3texto a, .tabla3texto:visited{ text-decoration: none; color: #5E5E5E;}
.tabla3texto:hover, .tabla3texto:click{ color:#3F5D80;}
.tablapieblanco{ float:left; width:647px; margin:10px 5px 0 5px;}
.tablapie{ float:left; background-color:#DCDCDC; width:647px; padding:8px 0 25px 0; text-align:center;}

/*Hosting -------------------------------------------------------------------------------------------------------------------------------------*/
#hosting{ background: #FFFFFF; width:645px; height:auto; margin: 0 0 0 22px;}
#hosting #cabhosting{ width:645px; height:31px; background-color:#FFFFFF; background: url(../../es/hosting/img/cajahosting.png);}
#hosting #cuerpohosting{ width:645px; background: #EDEDED; height:auto; padding:20px 0 0 0; overflow:auto; margin: 0 0 20px 0;}
#hosting #cabhosting a{ text-decoration:none; color:#FFFFFF;}
#hosting #cabhosting ul {list-style-type:none; padding:0; margin:0;}
#hosting #cabhosting li {float:right; background:url(../../es/hosting/img/bthosting_off.png); width:126px; height:23px;}
#hosting #cabhosting li, #hosting #cuerpohosting li a {display:block; color:#FFFFFF; font-family:Verdana; font-size:12px; font-weight:bold; text-decoration:none; padding:8px 0 0 0; text-align:center; cursor:pointer;}
#hosting #cabhosting li:hover, #hosting #cuerpohosting li a:hover, #hosting #cuerpohosting li.click {background:url(../../es/hosting/img/bthosting_on.png); }
#hosting #cabhosting li.sinLink {cursor:default; background:url(../../es/hosting/img/bthosting_on.png)}
#hosting #cabhosting li.border {float:right; background:url(../../es/hosting/img/bthostingborder_off.png); position:relative; width:127px; height:23px;}
#hosting #cabhosting li.border:hover, #hosting #cuerpohosting li.border a:hover, #hosting #cuerpohosting li.clickborder {background:url(../../es/hosting/img/bthostingborder_on.png)}
#hosting #cabhosting li.sinLinkborder {cursor:default; background:url(../../es/hosting/img/bthostingborder_on.png)}
#hosting #cuerpohosting #cab{ float:right; width:506px; height:31px; margin:20px 0 0 0;}
#hosting #cuerpohosting #cab #caract{ float:left; width:238px; height:31px; background:url(../../es/hosting/img/btcaracteristicas.png); color:#D6000F; font-size:14px; padding:8px 0 0 15px; font-weight:bold;}
#hosting #cuerpohosting #detalle{ float:right; width:496px; background: #FFFFFF; height:auto; padding:0 0 0 10px;}
#hosting #piehosting{ float:left; background-color:#DCDCDC; width:645px; padding:8px 0 25px 0; text-align:center; height:35px;}
.resumen{float:right; width:312px; margin-right:20px;}
.resumencabsup{width:312px; height:11px; background:url(../../es/hosting/img/cabsupresumen.png)}
.resumencontenido{width:312px; background-color:#FFFFFF; height:auto;}
.resumencabinf{width:312px; height:11px; background:url(../../es/hosting/img/cabinfresumen.png)}
.datos{width:233px; float:left; height:14px; padding:5px 0 5px 10px;}
.datosalt{width:233px; background-color: #EDEDED; float:left; height:14px; padding:5px 0 5px 10px; }
.datostitulo{width:233px; border-bottom: 1px solid #EDEDED; float:left; height:14px; padding:5px 0 5px 10px; margin:15px 0 0 0; font-size:14px; color: #D6000F; margin-bottom:5px;}
.datosocultos{width:490px;float:left;}

/*Boton Cesta -------------------------------------------------------------------------------------------------------------------------------*/
.btcesta { width:145px; height:119px; background: url(../../es/ImgPortal/botones/bt_cesta.png) }
.btcestatitulo{ text-align:center; padding-top:5px; font-size:15px; font-weight:bold; color:#D6000F;}
.btcestatexto{text-align:center; padding-top:5px; color:#000000;}

/*Pie imagenes ----------------------------------------------------------------------------------------------------------------------------------*/
 .pieImg {width:644px; height:auto; background-color:#DCDCDC; margin:20px 5px 0 5px; padding:8px 0 25px 0; text-align:center;}
 .pieImg img { padding:0 20px 0 20px;}
 
/*Tablas Whois ----------------------------------------------------------------------------------------------------------------------------------*/
table.whois { background-color:#FFFFFF;}
table.whois td {border: 2px solid #EDEDED; text-align: left;}

/*Formularios -----------------------------------------------------------------------------------------------------------------------------------------*/
input, textarea, select { border: 1px solid; border-color: #606060;font-family:Verdana; font-size:10px}
input[type="radio"], input[type="image"] { border:none; background:none;}
input.contacto, textarea.contacto{ background-color:#EDEDED;border-color: #EDEDED;font-family:Verdana; font-size:10px}

/*Documentos ---------------------------------------------------------------------------------------------------------------------------------------*/
.docs{ margin: 0 20px 0 20px;}
.impar{height:20px; padding:5px 0 5px 0px;}
.par{background-color: #EDEDED; height:20px; padding:5px 0 5px 0px; }
.tabletitulo{border-bottom: 1px solid #EDEDED; float:left; margin:5px 20px 5px 20px; font-size:14px; color: #D6000F;}

/*Textos -----------------------------------------------------------------------------------------------------------------------------------------*/
p { padding: 0 15px 0 15px; text-align:justify;}
p.g { font-size:11px;}
p.gNegro { font-size:11px; color:#000000;}
.azul{ color:#3F5D80;}
.azulG{color:#3F5D80; font-size:13px; font-weight:bold;}
.labelForm{ vertical-align:top;}
a { text-decoration:none; color:inherit;}

