/*
	WayWeb Costa Rica...
    Developed by WayWeb Lab
    2009
*/

/* General */

* { padding: 0; margin: 0; }

body {
 font:normal 11px Arial, Helvetica, sans-serif;
 color:#707070;
}

a { text-decoration:none;color:#449d2a;}
a:hover { color:#207208;}
img { border:none}

h1 {
 font:normal 14px Arial, Helvetica, sans-serif;
 color:#449d2a;
 padding-left:30px;
}
h1.tituloPaquete {
 font:normal 20px Arial, Helvetica, sans-serif;
 padding-left:30px;
}
h1.errorDB {
 font:normal 20px Arial, Helvetica, sans-serif;
 padding-left:30px;
 border:solid 1px #ccc;
}
h1.descripcionPaquete {
 font:normal 14px Arial, Helvetica, sans-serif;
 padding-left:0 !important;
}
h2 {
 font:normal 14px Arial, Helvetica, sans-serif;
 padding-left:30px;
}
h2.ntier {
 font:normal 14px Arial, Helvetica, sans-serif;
 font-weight:bold;
 padding-left:30px;
}
h3{
 font:normal 13px Arial, Helvetica, sans-serif;
 padding-left:30px;
}

p {text-align:justify}


/* Tipografias Especiales */
.textoDisable {
 color:#ccc;
 font:normal 14px Arial, Helvetica, sans-serif;
}
.obligatorio {
 color:#9f0038;
 font-weight:bold;
 font-size:12px;
}


/* Mensajes */
.info, .exito, .alerta, .error {
 font:normal 13px Arial, Helvetica, sans-serif;
 border: 1px solid;
 margin: 10px 0px;
 padding:15px 10px 15px 50px;
 background-repeat: no-repeat;
 background-position: 10px center;
}
.info {
 color: #00529B;
 background-image: url('../images/info.png');
}
.exito {
 color: #4F8A10;
 background-image:url('../images/exito.png');
}
.alerta {
 color: #9F6000;
 background-image: url('../images/alerta.png');
}
.error {
 color: #D8000C;
 background-image: url('../images/error.png');
}

/* Colores */
.colorVerde { color:#449d2a; }
.colorNaranja { color:#f16a1c; }
.colorAzul { color:#3c64b8; }
.colorRojo { color:#9f0038; }

a.enlaceVerde, a.enlaceVerde:hover { color:#449d2a !important; }
a.enlaceNaranja, a.enlaceNaranja:hover { color:#f16a1c !important; }
a.enlaceAzul, a.enlaceAzul:hover { color:#3c64b8 !important; }

/* Alineaciones */
.alignRight { text-align:right;}
.alignCenter { text-align:center;}
.alignLeft { text-align:left;}
.alignJustify { text-align:justify;}

/* Flotantes */
.floatRight {float:right}
.floatLeft {float:left}
.noFloat {float:none}
.floatClearRight {clear:right}
.floatClearLeft {clear:left}
.floatClearBoth {clear:both}

/* Listas */
ul.Lista1 li{
 display:inline;
 color:#449d2a;
}
ul.Lista1 li a {
 font:normal 11px Arial, Helvetica, sans-serif;
 text-decoration:underline;
 color:#449d2a;
}
ul.Lista1 li a:hover {
 color:#207208;
}

ul.Lista2 li{
 display:inline;
 color:#449d2a;
 margin-left:2px;
 margin-right:2px;
}
ul.Lista2 li a {
 font:normal 11px Arial, Helvetica, sans-serif;
 text-decoration:underline;
 color:#626262;
}
ul.Lista2 li a:hover {
 color:#449d2a;
}

ul.Lista3 li{
 color:#449d2a;
 margin-bottom:5px;
}
ul.Lista3 li a {
 font:normal 11px Arial, Helvetica, sans-serif;
 color:#626262;
}
ul.Lista3 li a:hover, ul.Lista3 li a:focus {
 color:#449d2a;
 text-decoration:underline;
}

ul.Lista4 li{
 color:#707070;
 list-style-type:disc;
}

ul.Lista5 li{
 display:inline;
 color:#626262;
 margin-left:5px;
 margin-right:5px;
}

/* Bullets */
.bullet{
vertical-align:middle;
margin-right:2px;
}

/* Lineas o separadores */
.Separador1 {
 margin:0 41px;
 background:url(../images/linea.jpg);
 width:802px;
 height:9px;
}

.Separador2 {
 background:url('../images/linea_verde.jpg');
 width:1px;
 height:44px;
}

/* tooltips */
#tooltipVerde {
	padding:5px 10px;
	border:1px solid #347521;
	background:#449d2a;
	color:#fff;
}
#tooltipHostingVerde {
	padding:5px 10px;
	border:1px solid #347521;
	background:#449d2a;
	color:#fff;
}

#tooltipNaranja {
	padding:5px 10px;
	border:1px solid #b45117;
	background:#f16a1c;
	color:#fff;
}

#tooltipAzul {
	padding:5px 10px;
	border:1px solid #2a4697;
	background:#3c64b8;
	color:#fff;
}
#tooltipVerde h4, #tooltipVerde p,
#tooltipNaranja h4, #tooltipNaranja p,
#tooltipAzul h4, #tooltipAzul p {
	margin:.25em 0;
 	text-align:justify;
	width:225px;
}	

/* Display */
.displayNone {
 display:none
}

/*posiciones*/
.verticalAlignMiddle {
 vertical-align:middle
}
.verticalAlignBottom {
 vertical-align:bottom
}

/* inputs Submit */
.submitContacto {
 font:normal 11px Arial, Helvetica, sans-serif;
 color:#207208;
 background:#f1f1f1;
 border:solid 1px #207208;
 padding:5px;
}
.submitContacto:hover {
 color:#f1f1f1;
 background:#207208;
 border:solid 1px #f1f1f1;
 cursor:pointer;
}

.submitDominios {
background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid #626262;
    color: #626262;
    cursor: pointer;
    font: 11px Arial,Helvetica,sans-serif;
    margin-left: 239px;
    padding: 5px;
}
.submitDominios:hover {
 font:normal 11px Arial, Helvetica, sans-serif;
 color:#fdfdfd;
 background:#626262;
 border:solid 1px #fdfdfd;
}

.submitPasos {
 font:normal 11px Arial, Helvetica, sans-serif;
 color:#000;
 background:#eee;
 border:solid 1px #626262;
 padding:5px;
 cursor:pointer;
}
.submitPasos:hover {
 font:normal 11px Arial, Helvetica, sans-serif;
 color:#fdfdfd;
 background:#626262;
 border:solid 1px #fdfdfd;
}


/* dominios */
.dominios {
 background:url('../images/verificador_bg.png');
 width:395px;
 height:65px;
}
.tituloDominio {
 font:normal 14px Arial, Helvetica, sans-serif;
 color:#707070;
}

/* Tablas */
.tablaMiCuenta {
 width:100%;
}
.tablaMiCuenta thead{
 background:#e5e5e5;
 height:25px;
}
.tablaMiCuenta thead th{
border:solid 1px #ccc;
}
.tablaMiCuenta tbody{
background:transparent;
text-align:center;
}
.tablaMiCuenta tbody td{
border:solid 1px #ccc;
height:25px;
}
.tablaMiCuenta tbody td input[type=submit], .tablaMiCuenta tbody td input[type=reset]{
 border:solid 1px #ccc;
 background:#e5e5e5;
 height:25px;
 font-size:11px;
 width:125px;
 cursor:pointer;
}
.tablaMiCuenta tbody td input[type=submit]:hover, .tablaMiCuenta tbody td input[type=reset]:hover{
 border:solid 1px gray;
 background:#ccc;
 height:25px;
 font-size:11px;
 width:125px;
 cursor:pointer;
}
.tablaMiCuenta tbody th{
 border:solid 1px #ccc;
 background:#e5e5e5;
 height:25px;
}
.tablaMiCuenta tfoot{
 background:#e5e5e5;
 height:10px;
}
.tablaMiCuenta tfoot td{
border:solid 1px #ccc;
}

/**/
.tablaMiCuenta2 {
 width:60%;
}
.tablaMiCuenta2 thead{
 background:#e5e5e5;
}
.tablaMiCuenta2 thead th{
 height:25px;
border:solid 1px #ccc;
}
.tablaMiCuenta2 thead th a{
color:#88869b;
}
.tablaMiCuenta2 tbody{
background:transparent;
text-align:center;
}
.tablaMiCuenta2 tbody td{
height:30px;
text-align:left;
}
.tablaMiCuenta2 tbody td:first-child{
text-align:right;
}
.tablaMiCuenta2 tbody td input[type=text]{
width:175px;
}
.tablaMiCuenta2 tbody td input[type=submit], .tablaMiCuenta2 tbody td input[type=reset]{
 border:solid 1px #ccc;
 background:#e5e5e5;
 height:25px;
 font-size:11px;
 width:125px;
 cursor:pointer;
}
.tablaMiCuenta2 tbody td input[type=submit]:hover, .tablaMiCuenta2 tbody td input[type=reset]:hover{
 border:solid 1px gray;
 background:#ccc;
 height:25px;
 font-size:11px;
 width:125px;
 cursor:pointer;
}
.tablaMiCuenta2 tbody th{
 border:solid 1px #ccc;
 background:#e5e5e5;
 height:25px;
}
.tablaMiCuenta2 tfoot{
 background:#e5e5e5;
}
.tablaMiCuenta2 tfoot td{
border:solid 1px #ccc;
 height:10px;
}


/* Tabla para cotizar en la seccion de datacenter */
.tablaCotizarDataCenter {
 width:100%;
}
.tablaCotizarDataCenter td input{
font:normal 11px Arial, Helvetica, sans-serif;
}
.tablaCotizarDataCenter td input{
 width:175px;
}
.tablaCotizarDataCenter td div{
 margin-right:80px;
}
.tablaCotizarDataCenter td input[type=submit], .tablaCotizarDataCenter td input[type=reset]{
 border:solid 1px #ccc;
 background:#e5e5e5;
 height:25px;
 font-size:11px;
 width:125px;
 cursor:pointer;
}
.tablaCotizarDataCenter td input[type=submit]:hover, .tablaCotizarDataCenter td input[type=reset]:hover{
 border:solid 1px gray;
 background:#ccc;
 height:25px;
 font-size:11px;
 width:125px;
 cursor:pointer;
}

/* Seccion de hosting (comparar) */
.tablaHosting {
 width:100%;
 text-align:center;
 margin-top:-20px;
}
.tablaHosting th{
 text-align:right;
}
.tablaHosting th, .tablaHosting th a{
 text-align:right;
 color:#626262;
}
td.imgPaq {
 text-align:center;
 width:185px;
}
td.itCaract,  td.itCaract a{
 text-align:right;
 color:#626262;
}
td.tdCaract, td.tdCaract a {
 text-align:center;
 background:#eee;
 border:solid 1px #ccc;
 color:#64ab52;
 font:normal 10px Arial, Helvetica, sans-serif;
}

/* Tabla SMS */
.tablaSMS {
 width: 581px;
 height: 90px;
 background: url( '../images/sms-empresarial-precios.png' );
}
.tablaSMS th {
 color: #449d2a;
 text-align:left;
 padding: 5px 2px;
}
.tablaSMS td {
 padding: 0 2px;
}