/*
  $Id: stylesheet.css,v 2.0 2010/05/11 12:07:33 hpdl Exp $

  Carlos Charles.com, Personal Portfolio
  http://www.carloscharles.com

  Copyright (c) 1983 - 2010 carloscharles.com

*/

html, body {
    background: #D6D6D6;
    font-family: Arial, Verdada, sans-serif;
    color: #555;
    margin: 0px;
    font-size: 11px;
}

a {
    color: #555;
    text-decoration: none;
}

a:hover {
    color: #555;
    text-decoration: underline;
}

.table-00 {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

.table-01 {
    width: 977px;
    border-collapse: collapse;
}

.table-02 {
    width: 300px;
    border-collapse: collapse;
    text-align: center;
    font-size: 11px;
}

.table-03 {
    width: 80%;
    border-collapse: collapse;
    text-align: center;
    font-size: 11px;
}

.table-04 {
    width: 90%;
    border-collapse: collapse;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    color: #777;
}

.table-04 a {
    color: #777;
    text-decoration: none;
}

.table-04 a:hover {
    color: #5381AC;
    text-decoration: none;
}

.table-05 {
    width: 977px;
    border-collapse: collapse;
    text-align: center;
    font-size: 12px;
}

.table-06 {
    width: 95%;
    border-collapse: collapse;
    text-align: left;
    font-size: 14px;
}

.table-07 {
    width: 95%;
    border-collapse: collapse;
}

.table-08 {
    width: 270px;
    border-collapse: collapse;
    border: 4px solid #AAA;
    font-size: 12px;
}

.table-08 td {
    padding: 8px;
}

.table-09 {
    width: 944px;
    height: 37px;
    background: url(images/image.footer-01.png) center no-repeat;
    border-collapse: collapse;
    text-align: left;
}

.table-10 {
    width: 97%;
    border-collapse: collapse;
    text-align: left;
    font-size: 14px;
    color: #FFF;
}

.table-11 {
    width: 973px;
    height: 91px;
    background: url(images/image.footer-00.png) center no-repeat;
    border-collapse: collapse;
    font-size: 12px;
    color: #FFF;
}

.table-11 a {
    color: #FFF;
    text-decoration: none;
}

.table-11 a:hover {
    color: #FFF;
    text-decoration: underline;
}

.table-12 {
    width: 95%;
    border-collapse: collapse;
    text-align: center;
    font-size: 12px;
    color: #FFF;
}

.table-12 a {
    color: #FFF;
    text-decoration: none;
}

.table-12 a:hover {
    color: #FFF;
    text-decoration: underline;
}

.table-13 {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 11px;
    color: #999;
}

.table-13 a {
    color: #999;
}

.table-13 a:hover {
    color: #555;
    text-decoration: none;
}

.table-14 {
    width: 95%;
    border-collapse: collapse;
    text-align: left;
    color: #999;
    font-size: 11px;
}

.table-14 td {
    padding: 0px;
}

.table-15 {
    width: 70%;
    border-collapse: collapse;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
}

.table-16 {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #D6D6D6;
    text-align: left;
    font-size: 11px;
    color: #555;
}

.table-16 td {
    height: 40px;
    padding-left: 10px;
}

.table-16-td-02 {
    height: 40px;
    padding-left: 10px;
    background: #EDEDED;
}

.table-17 {
    width: 50%;
    border-collapse: collapse;
    text-align: center;
    font-size: 11px;
    color: #555;
}

.table-17 a {
    color: #555;
}

.table-17 a:hover {
    color: #555;
    text-decoration: underline;
}

.table-18 {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #999;
}

.title-01 {
    text-align: left;
    font-size: 32px;
    font-weight: bold;
    color: #000;
}

.title-02 {
    height: 40px;
    background: #EDEDED;
    font-size: 14px;
    color: #000;
    text-align: center;
}

.title-03 {
    font-size: 10px;
    color: #666;
}

.title-04 {
    color: #5381AC;
}

.title-05 {
    font-size: 28px;
    color: #5381AC;
}

.main-cell {
    background: url(images/image.table-content.png) repeat-y;
}

.main-cell-top {
    height: 16px;
    background: url(images/image.table-content_top.png) center no-repeat;
    font-size: 09px;
}

.main-cell-bottom {
    height: 16px;
    background: url(images/image.table-content_bottom.png) center no-repeat;
    font-size: 09px;
}

.cell-plans {
    height: 30px;
    background: url(images/image.tabs-00.png) top right;
    color: #555;
}

.cell-features {
    height: 60px;
    background: url(images/image.footer-00.png) top right;
}

.bold-info {
    color: #000;
}

.thumbnail {
    border: none;
    padding: 0px 10px 0px 0px;
}

.icon {
    border: none;
    margin-bottom: -2px;
}

.icon-close {
    float:  right;
    cursor: pointer;
}

.mailto {
    color: #5381AC;
}

.mailto a {
    color: #5381AC;
}

.mailto a:hover {
    color: #555;
}

hr {
    border: 0;
    width: 100%;
    }

hr.hr-grey {
    color: #BBB;
    background: #BBB;
    height: 1px;
}

hr.hr-big {
    color: #CCC;
    background: #CCC;
    height: 3px;
}

hr.hr-small {
    color: #EEE;
    background: #EEE;
    height: 1px;
}

.selected {
    color: #5381AC;    
}

.input-field {
    background: #F8F8F8;
    border: 1px solid #DDD;
    padding: 7px;
    width: 300px;
    font-family: Arial, Verdada, sans-serif;
    font-size: 12px;
    color: #333;
}

.success {
    font-size: 12px;
    font-weight: bold;
    color: #5381AC;
}

.footer {
    text-align: right;
    padding-right: 20px;
}

div.sample_popup {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    background: url(images/spanish.background_grey.png);
}

