/* Reset styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1.3; font-family: "trebuchet MS"; color: #594A42; }
a {outline: none; color: #594A42;  padding: 2px 4px; }
a:hover {color: #fff; background: #91bad2;}
a#logo, a#logo:hover { background: none; padding: 0;}
h1 {font-size: 2.5em;}
h2 {font-size: 1.4em;}
hr {border: solid 1px #594A42; margin: 20px 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
tr {padding: 5px;}
p {margin-bottom: 5px;}
/* Layout */
ul#navegation-bar, #header, ul#sub-navegation-bar, #main-wrapper {width: 940px; margin: 0 auto;}
#header {position: relative; margin-top: 30px; margin-bottom: 10px;}
#header #language-options {position: absolute; top: -10px; right: 10px;}
#header #google-search {position: absolute; top: 20px; right: 10px; width: 300px;}
/* Navegation Bars */
ul#navegation-bar {height: 42px; list-style: none; position: relative;}
ul#navegation-bar li {float: left;}
/* English Background */
ul#navegation-bar.English {background: url('../images/global/liberty-navegation.jpg') no-repeat top left;}
ul#navegation-bar.English li a {background: url('../images/global/liberty-navegation.jpg');}
/* Spanish Background */
ul#navegation-bar.Spanish {background: url('../images/global/liberty-navegation.jpg') no-repeat top left;}
ul#navegation-bar.Spanish li a {background: url('../images/global/liberty-navegation.jpg');}
ul#navegation-bar li a {display: block; float: left; height: 42px; text-indent: -9999px; padding: 0;}
ul#navegation-bar li a.sign-in {width: 80px; background-position: -365px 0; margin-left: 367px;}
ul#navegation-bar li a.registrar {width: 98px; background-position: -445px 0;}
ul#navegation-bar li a.imprimir {width: 112px; background-position: -543px 0;}
ul#navegation-bar li a.glosario {width: 112px; background-position: -656px 0;}
ul#navegation-bar li a.smallFont {width: 14px; background-position: -843px 0; margin-left: 76px;}
ul#navegation-bar li a.medFont {width: 14px; background-position: -857px 0;}
ul#navegation-bar li a.largeFont {width: 17px; background-position: -871px 0;}
ul#navegation-bar li a.sign-in:hover {background-position: -365px -42px;}
ul#navegation-bar li a.registrar:hover {background-position: -445px -42px;}
ul#navegation-bar li a.imprimir:hover {background-position: -543px -42px;}
ul#navegation-bar li a.glosario:hover {background-position: -656px -42px;}
/* Sub Navegation Bar */
ul#sub-navegation-bar {height: 40px; list-style: none; position: relative;}
ul#sub-navegation-bar li {float: left;}
/* English Background */
ul#sub-navegation-bar.English {background: url('../images/global/Secondary-Navegation.jpg') no-repeat top left;}
ul#sub-navegation-bar.English li a {background: url('../images/global/Secondary-Navegation.jpg');}
/* Spanish Background */
ul#sub-navegation-bar.Spanish {background: url('../images/global/Secondary-Navegation.jpg') no-repeat top left;}
ul#sub-navegation-bar.Spanish li a {background: url('../images/global/Secondary-Navegation.jpg');}
ul#sub-navegation-bar li a {display: block; float: left; height: 40px; text-indent: -9999px; padding: 0;}
ul#sub-navegation-bar li a.home {width:116px;background-position: 0 0;}
ul#sub-navegation-bar li a.voz {width: 61px; background-position: -117px 0; margin-left: 1px;}
ul#sub-navegation-bar li a.data {width: 70px; background-position: -179px 0; margin-left: 1px;}
ul#sub-navegation-bar li a.video {width: 74px; background-position: -250px 0; margin-left: 1px;}
ul#sub-navegation-bar li a.publicidad {width: 168px; background-position: -325px 0; margin-left: 1px;}
ul#sub-navegation-bar li a.apoyo {width: 79px; background-position: -494px 0; margin-left: 1px;}
ul#sub-navegation-bar li a.residencial {width: 109px; background-position: -574px 0; margin-left: 1px;}
ul#sub-navegation-bar li a.about {width: 139px; background-position: -684px 0; margin-left: 1px;}
/* Hover Effects */
ul#sub-navegation-bar li a.home:hover {background-position: 0 -40px;}
ul#sub-navegation-bar li a.voz:hover {background-position: -117px -40px;}
ul#sub-navegation-bar li a.data:hover {background-position: -179px -40px;}
ul#sub-navegation-bar li a.video:hover {background-position: -250px -40px;}
ul#sub-navegation-bar li a.publicidad:hover {background-position: -325px -40px;}
ul#sub-navegation-bar li a.apoyo:hover {background-position: -494px -40px;}
ul#sub-navegation-bar li a.residencial:hover {background-position: -574px -40px;}
ul#sub-navegation-bar li a.about:hover {background-position: -684px -40px;}
/* Selected Page */
body.extrapagevoz ul#sub-navegation-bar li a.voz {background-position: -117px -40px;}
body.extrapagedata-sp ul#sub-navegation-bar li a.data {background-position: -179px -40px;}
body.extrapagevideo-sp ul#sub-navegation-bar li a.video {background-position: -250px -40px;}
body.extrapagepublicidad-sp ul#sub-navegation-bar li a.publicidad {background-position: -325px -40px;}
body.extrapageapoyo ul#sub-navegation-bar li a.apoyo {background-position: -494px -40px;}
body.contactus ul#sub-navegation-bar li a.apoyo {background-position: -494px -40px;}
body.aboutus ul#sub-navegation-bar li a.about {background-position: -684px -40px;}
/* main content */
#main-wrapper {padding: 20px 0;}
#main {position: relative; background: #a2c6db url(../IMAGES/global/main-background.jpg) no-repeat top left; width: 680px; float: left; padding: 10px; padding-top: 165px; padding-bottom: 27px; color: #ffffff;}
#main {font-size: .90em}
#main div {margin-bottom: 10px;}
#main ul, #main ol {margin-left: 40px; padding-bottom: 10px;}
#main h1 {font-size: 1.5em; margin-bottom: 5px; color:#897170; font-weight:lighter;}
#main hr {margin-top: 0;}
#main #bottom-left {position: absolute; bottom: 0; left: 0; background: url(../IMAGES/global/bottom-left.jpg) no-repeat bottom left; width: 31px; height: 27px; margin: 0; padding: 0;}
#main #bottom-right {position: absolute; bottom: 0; right: 0; background: url(../IMAGES/global/bottom-right.jpg) no-repeat bottom left; width: 31px; height: 27px; margin: 0; padding: 0;}
#side-bar {width: 220px; float: right;}
/* index page */
#main.home {/* background-image: url('../images/global/splash.jpg'); background-repeat: no-repeat; */ padding-top: 228px;}
#columns {text-align: justify; font-size: .85em;}
#columns h1 {color: #746055; font-size: 1.51em; font-weight: 100; margin-bottom: 10px;}
#columns tbody tr td {vertical-align: top; width: 155px; padding: 10px;}
#cs_phone {font-size: 2.3em;}
/* Login page */
#login-text {float: right; width: 390px;}
#login-text p {margin-bottom: 15px;}
#login-wrapper {float: left; width: 270px; text-align: right;}
#login label, #registration label, #payment label, #passwd_change label, #mySubscribeForm label {width: 100px; text-align: right; display: block; float: left;}
#mySubscribeForm label {width: 200px;}
#registration label {width: 300px;}
#payment label {width: 150px;}
#passwd_change label {width: 250px;}
#registration select {margin-left: 10px;}
#login #submit-div {height: 20px;}
#login input[type=submit], #registration input[type=submit], #payment input[type=submit], #passwd_change input[type=submit] {float: right; clear: both; display: block;}
#payment_button {width: 360px;}
.fine-print {color: #a40000; font-size: 10px;}
#registration div {clear: both;}
input[type=text], #payment textarea, #mySubscribeForm textarea, input[type=password] {border: 1px solid #696969; margin-left: 10px;}
#payment_nav {text-align: right;}
#change_pass_button {width: 662px;}
.message {color: #a40000; font-size: 1.5em;}
form#salesforce label { width: 70px; text-align: left; display: block; float: left;}
/* footer */
#footer {width: 940px; margin: 0 auto;}
/*Validation*/
.LV_valid {display: none;}
.LV_invalid {color: #A40000; margin-left: 10px;}
/*Contact Us*/
label, .form-label {width: 200px; text-align: right; margin-right: 10px; display: block; float: left;}
select, textarea {margin-left: 10px; width: 155px;}
a.no-hover:hover {background: none;}
table tr td {padding: 5px;}
table#contacta tr td { width: 50%;}
/* s3Slider jQuery CSS */
#main div#s3slider {
    margin: 0;
}
#s3slider {
   top: 0;
   left: 0;
   width: 700px; /* important to be same as image width */ 
   height: 228px; /* important to be same as image height */
   position: absolute; /* important */
   overflow: hidden; /* important */
   margin: 0;
   padding: 0;
   background-color: #fff;
   margin-bottom: 0;
}

#main ul#s3sliderContent {
   width: 700px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin: 0; /* important */
   list-style: none;
   padding: 0;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   /* background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   /*-moz-opacity: 0.7; /* here you can set the opacity of box with text */
   /*-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   /*opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}
#slider-footer {
    margin-left: -10px
}