@charset "utf-8";
/* CSS Document By Zacarías Prado zacarias.p@gmail.com    */
@import url("normalize.css"); /* Reset Reloaded + HTML5 baseline */
@import url("main.css"); /* HTML5 display definitions */
@import url("forms.css"); /* CSS3 FORMS */
/****** BODY ****/
* { margin: 0px; padding: 0px;}
body { 	background-color: #FFF; 	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(../images/fondo.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
.fondo { background-image: url(../images/fondoemailmarketing.jpg); background-repeat: no-repeat; background-position: center top; width: 100%;}
.------------------- {}
/****** FIX ****/
.centrado { margin: 0 auto; }
.rounded { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.shadow { -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); box-shadow: 0 1px 3px rgba(0,0,0,0.3);  }
.padding20 { padding:20px;}
.padding15 { padding:15px;}
.padding10 { padding:10px;}
.padding5 { padding:5px;}
.left { float:left;}
.right { float: right;}
.clear { clear:both; }
.------------------- {}
a.boton, boton { color: #fff; background: #17ade5; padding: 5px 15px; margin-top: 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; text-shadow: 1px 1px #0094cb; text-decoration: none; font-size: 12px; font-weight: 300; }
a.boton:hover, .boton:hover { background: #43CAF1; text-decoration: none; }
/* BOTONES */
.bigrounded { border-radius: 3em; -moz-border-radius: 3em; -webkit-border-radius: 3em; -khtml-border-radius: 3em; }
.big { border-radius: 2em; -moz-border-radius: 2em; -webkit-border-radius: 2em; -khtml-border-radius: 2em; padding: 1em 2em 1em; }
.medium { font-size: 12px; padding: .4em 1.5em .42em; }
.small { font-size: 11px; padding: .1em 1em .275em; }
.------------------- {}
/* VARIABLE SETS*/
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; letter-spacing: normal; font-family: 'Open Sans Condensed', sans-serif;}
p,td,th { text-align: left;}
/* LINKS */
a,a:active,a:visited{ text-decoration: none; color: #348bc7;}
a:hover{ text-decoration: underline; }
a:active{outline:none}
a:focus{outline:thin dotted}
.------------------- {}
/* GENERAL */
#body { width: 1000px; margin-right: auto; margin-left: auto; }
#header, header {}
#contenido { margin-top: 5px; }
#footer, footer {}
.------------------- {}
/* SLIDER */
.slider { border-bottom: 3px solid #ECECEC; }
.theme-default #slider-home { z-index:100; width:1000px; height:210px; }
/********************************** CUSTOM ***********************************/
.body-header { height: 100px; padding-right: 10px; padding-left: 10px; width: 980px; }
.body-header-logo { 	padding-left: 20px; }
.body-header-links { font-size: 10px; color: #97C4E3; }
.body-header-links a { font-weight: bold; text-decoration: none; color: #FFFFFF; text-shadow: 0px -1px #005180; }
.body-header-links a:hover { color: #FFF; }
.body-header-redes img { padding-left: 5px; }
.body-menu { width: 1000px; height: 38px; }

.body-slider { width: 1000px; height: 210px; }
.body-content { padding-top: 20px; padding-bottom: 10px;  width: 1000px; }
.body-fotter { color: #666; width: 1000px; }
.menu-caracterizticas { padding-left: 20px; }
.menu-caracterizticas h3 { color: #21B4E7; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ddd; line-height: 18px; font-size: 18px; }
.menu-caracterizticas ul { margin: 0px; padding: 0px; list-style-type: none; }
.menu-caracterizticas ul li { display: block; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px dashed #ddd; }
.menu-caracterizticas ul li a { background-image: url(../images/icono_carpeta.jpg); background-repeat: no-repeat; background-position: left 6px; display: block; font-size: 14px; padding-top: 5px; padding-bottom: 5px; font-weight: bold; padding-left: 20px; font-family: 'Open Sans Condensed', sans-serif; line-height: 16px; }
.menu-caracterizticas ul li a:hover { color: #21B4E7; }
.--------------------- {}
.titulos { color: #21B4E7; font-size: 30px; letter-spacing: -0.05em; margin-bottom: 10px; display: block; background-image: url(../images/flecha.jpg); background-repeat: no-repeat; background-position: 10px 30px; padding-left: 25px; padding-bottom: 10px; font-weight: 700; border-bottom: 1px dashed #DDD; line-height: 30px; padding-top: 20px; }
.Subtitulos { color: #0073C3; font-size: 20px; font-weight: bold; display: block; margin: 0px; padding: 0px; }
.padding10px { padding:10px;}
.padding5px { padding:5px;}
.cuadros-promociones { margin-right: 5px; margin-bottom: 5px; float: left; }
.---------- {}
.pasos { text-align: center; }
.pasos img { padding-top: 5px; padding-right: 25px; padding-bottom: 5px; padding-left: 25px; }
/*******************************/
.tooltip { color: #FFF; outline: none; cursor: help; text-decoration: none; position: relative; font-weight: normal; font-size: 11px; }
.tooltip:hover { color: #FFF; }
.tooltip span { margin-left: -999em; position: absolute; }

.tooltip:hover span { font-family: Calibri, Geneva, Tahoma, Arial, sans-serif; position: absolute; left: 1em; top: 2em; z-index: 99;  margin-left: 0; width: 250px; border-radius: 5px 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);  -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);  font-size: 14px; color: #FFF; background-color: #2571AF; padding: 5px; background-image: none; }
.tooltip: hover img { border: 0;  margin: -10px 0 0 -55px; float: left;  position: absolute; }
.tooltip:hover em { font-family: Candara, Tahoma, Geneva, sans-serif;  font-size: 1.2em;  font-weight: bold;  display: block; padding: 0.2em 0 0.6em 0; }
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }* html a:hover { background: transparent; }
/**************/
.plan-precio { color: #C00; font-size: 16px; font-weight: bold; background-color: #F6F6F6; padding: 5px; text-align: center; }
.plan-conteio { color: #333; padding: 5px; background-color: #ECF4E8; }
.plan-boton {}
.plan-indicador { color: #666; font-weight: normal; background-color: #F6F6F6; }
.plan-tiulo { background-color: #086FBE; padding: 5px; color: #FFF; font-weight: bold; width: 120px; font-size: 12px; }
.plan-interno-caja { float: left; width: 320px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; }
.plan-interno-up { background-image: url(../images/superior-plan-interno.jpg); background-repeat: no-repeat; background-position: left top; height: 10px; width: 320px; }
.plan-interno-contenido-caja { background-image: url(../images/plan-interno-degradado.jpg); background-repeat: repeat-x; background-position: bottom; width: 303px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #bbbbbb; border-left-color: #bbbbbb; padding-bottom: 5px; padding-left: 15px; height: 95px; text-shadow: 1px 1px #fff; }
.plan-interno-contenido-titulo { font-size: 15px; width: 210px; letter-spacing: -0.06em; color: #0076C4; font-weight: bold; text-shadow: 1px 1px #fff; display: block; border-bottom: 1px dotted #ddd; margin-bottom: 3px; }
.plan-interno-contenido-subtitulo { font-size: 16px; width: 60px; font-weight: bold; letter-spacing: -0.05em; display: block; float: left; line-height: 22px; }
.plan-interno-contenido-cantidad { font-size: 22px; color: #6EB300; font-weight: bold; letter-spacing: -0.06em; font-family: Georgia, "Times New Roman", Times, serif; float: left; line-height: 22px; width: 140px; display: block; }
.plan-interno-contenido-img { float: right; width: 80px; position: relative; top: 0px; right: 0px; }
.plan-interno-contenido-texto { display: block; font-size: 11px; float: left; line-height: 16px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 60px; width: 150px; border-bottom: 1px dotted #ddd; }
.plan-interno-contenido-btn-cont { float: left; padding: 2px; }
.plan-interno-contenido-btn-cot {padding: 2px; }
.plan-interno-base { background-image: url(../images/base-plan-interno.jpg); background-repeat: no-repeat; background-position: bottom; height: 57px; width: 320px; text-align: center; font-size: 26px; color: #FFF; padding-top: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 20px; text-shadow: 0px -1px #054371; }
.------------------- {}
.clientes-img { margin-top: 5px; margin-right: 5px; float: left; }
.clientes-img img { padding: 8px; margin: 4px; border: 1px solid #dfdfdf; height: 90px; width: 175px; float: left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}
.------------------- {}
/* PAGINAS INTERIORES */
.pag-interiores { font-size: 13px; line-height: 20px; padding: 15px; }
.pag-interiores-titulo { font-size: 36px; color: #052867; font-weight: 300; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 30px; padding-left: 15px; background-image: url(../images/titulos-linea.png); background-repeat: no-repeat; background-position: left bottom; }
.pag-interiores-titulo b { color: #E9A208; font-weight: 400; }
.caja1,.caja2,.caja3,.caja4,.caja6 { text-shadow: 1px 1px #fff; font-size: 14px; }
.caja1 { padding: 1%; width: 98%;}
.caja2 { padding: 1%; width: 48%; float: left; }
.caja70 { padding: 1%; float: left; width: 63%; }
.caja3 { padding: 1%; float: left; width: 31.3%; }
.caja4 { padding: 1%; float: left; width: 23%; }
.caja6 { padding: 1%; width: 14.6%; float:left; }
.pag-interiores h1 { border-bottom: 1px dashed #ddd; color: #21B4E7; font-size: 2em; font-weight: 300; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
.pag-interiores h2 { color: #0099DC; font-size: 20px; font-weight: 700; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
.pag-interiores h3 { font-size: 16px; margin: 0px; padding: 0px; display: block; font-weight: 700; color: #21B4E7; letter-spacing: normal; }
.pag-interiores h4 { display: block; padding: 15px; background: #F5F9FC; font: italic normal 13px/20px Arial, Helvetica, sans-serif; }
.pag-interiores p { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 13.3px; }
.pag-interiores b, .pag-interiores strong { color: #666666; }
.pag-interiores ul,.pag-interiores ol { margin: 0px; list-style-type: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; }
.pag-interiores ol li, .pag-interiores ul li { display: block; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; background-image: url(../images/items.jpg); background-repeat: no-repeat; background-position: left 7px; }
.pag-interiores ul li { }

/****************************************************************************************/
/************************************ TIENDAS *******************************************/
/****************************************************************************************/
.------------------- {}
/* FORMS*/
.form { width: 62%; margin-left: 10px; float: left; margin-top: 10px; padding-top: 10px; }
.form span, .registro span { font-size: 11px; width: 130px; float: left; text-align: right; display: block; margin: 0px; padding-right: 10px; line-height: 30px; }
.form input[type=text], .form select, .form textarea,.registro input[type=text], .registro textarea { width: 400px; font-size: 12px; color: #666; margin-bottom: 10px; }
.registro select {font-size: 12px; color: #666; margin-bottom: 10px; }
.form-capcha { float: left; }
.form-capcha input[type=text] { color: #069; background: #F4F5F7; width: 50px; padding-left: 5px; }
.form h2, .form-right h2, .registro h2 { border-bottom: 1px dashed #ddd; display: block; margin-bottom: 10px; font-size: 18px; padding-top: 3px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; color: #21B4E7; }
.form h3 { color: #0E75B6; font-size: 12px; font-weight: bold; padding-bottom: 5px; border-bottom: 1px dashed #ddd; padding-left: 5px; }
.form-btn { margin-top: 20px; padding-top: 15px; padding-left: 140px; }
.------------------- {}
.form-right { float: right; width: 32%; margin-top: 10px; padding-left: 15px; border-left: 1px dashed #ddd; padding-bottom: 30px; padding-top: 10px; }
.form-right-info,.form-right-web,.form-right-dir,.form-right-fono,.form-right-cel,.form-right-fax,.form-right-email { font: normal 13px Arial, Helvetica, sans-serif; display: block; margin-left: 0px; background-repeat: no-repeat; background-position: 5px 7px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 30px; }
.form-right-info { background-image: url(../images/icon-info.png); }
.form-right-web { background-image: url(../images/icon-web.png);}
.form-right-dir { background-image: url(../images/icon-direccion.png); }
.form-right-fono { background-image: url(../images/fono-small.png); }
.form-right-cel { background-image: url(../images/fono-small.png); }
.form-right-fax { background-image: url(../images/icon-fax.png); }
.form-right-email { background-image: url(../images/icon-mail.png); }
.form-right-redes { padding: 5px; }
.form-right-redes img { padding-right: 10px; }
.------------------- {}
.form-seleccion { padding: 15px; border-bottom: 1px dashed #ddd; }
.form-seleccion label { }
.form-seleccion select { padding: 3px; }
.registro { margin-right: auto; margin-left: auto; padding: 10px; }
.registro td, .registro th, .registro tr { margin: 0px; padding: 0px; vertical-align: top; }
.------------------- {}
/* FAQs */
#faq { visiblilty: hidden; margin-bottom: 50px; margin-top: 20px; }
#faq h3 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /*-moz-box-shadow: 0 0 5px #444 inset; -webkit-box-shadow: 0 0 5px #444 inset; box-shadow: 0 0 5px #444 inset;*/ cursor: pointer; margin: 10px 0px 0px; padding: 5px 5px 5px 10px; position: relative; background: #F0F5FB repeat-x bottom; behavior: url(css/pie/PIE.htc); color: #0E75B6; border: 1px solid #D6E3F3; font: normal 14px Arial, Helvetica, sans-serif; }
#faq h3:hover { /* -moz-box-shadow: 0 0 5px #46413E inset; -webkit-box-shadow: 0 0 5px #46413E inset; box-shadow: 0 0 5px #46413E inset;*/ color: #FFF; background: #0E75B6; behavior: url(css/pie/PIE.htc); }
#faq h3 span { background: url(../images/arrow-cyan.png) no-repeat; display: block; height: 11px; position: absolute; right: 10px; width: 11px; top: 7px; }
#faq h3.active span { background: url(../images/arrow-rigth.png) no-repeat; height: 11px; width: 11px; }
#faq h3.active{ background: #0E75B6; color: #FFF; }
#faq div { padding: 15px; background: #FCFBFD; border-top: 1px none #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; margin-right: 5px; margin-left: 5px; font-size: 13px; margin-bottom: 10px; line-height: 18px; }
#faq div a { font: bold 11px Arial, Helvetica, sans-serif; display: block; padding: 5px 5px 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#faq div a:hover { color: #FFF; background: #0096D6; }

.------------------- {}
/* FOOTER */
.footer { font-size: 12px; margin-bottom: 50px; margin-top: 50px; display: block; width: 1000px; margin-right: auto; margin-left: auto; padding: 0px; }
.footer tr td, .footer tr td a { font-size: 11px; color: #FFF; }
.footer-form { margin-right: auto; margin-left: auto; width: 250px; }
.footer-form span { float: left; width: 65px; display: block; font-size: 11px; line-height: 25px; text-align: right; padding-right: 5px; color: #CCC; }
.footer-form input[type=text], .footer-form textarea { width: 165px; margin-bottom: 5px; color: #333; padding: 3px 3px 3px 5px; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #062848; font-size: 12px; }
.footer-form select { width: 175px; margin-bottom: 5px; color: #333; padding: 3px 3px 3px 5px; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #062848; font-size: 12px; }
.footer-form div { display: block; margin-bottom: 5px; padding-bottom: 5px; }
.footer-form div input[type=text] { color: #069; background: #F4F5F7; width: 30px; border: 1px solid #CCC; padding-left: 5px; float: none; }
.footer-form input[type=email] { width: 165px; margin-bottom: 5px; color: #333; padding: 3px 3px 3px 5px; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #062848; font-size: 12px;}
.footer-form div input[type=button] { float: right; margin-left: 5px; }
.footer-latam { text-align: center; padding: 10px; color: #062848; font-size: 12px; border-top: 1px dashed #ddd; }
.footer-latam a { font-weight: bold; color: #27649D; }


.footer-marcas { background: #27649D; padding: 10px; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; margin: 0px; border: 1px solid #062848; text-align: center; }
.footer-marcas img { padding-right: 15px; padding-left: 15px; }
.footer-info { background: #062848; display: block; font-weight: normal; color: #FFF; padding: 10px; }
.footer-info h3 { font-size: 13px; color: #FFF; border-bottom: 1px dashed #27649D; letter-spacing: normal; margin-bottom: 5px; padding-bottom: 5px; }
.footer-info h4 { color: #FFF; letter-spacing: normal; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; margin: 0px; padding: 0px; font-style: normal; line-height: 14px; }

.footer-info-telefonos { float: left; width: 249px; padding: 10px; font-size: 11px; font-weight: normal; border-right: 1px dashed #0A3E6D; }
.footer-info-telefonos td, .footer-info-telefonos tr { padding: 3px; margin: 0px; }
.footer-info-telefonos tr:hover { background: #093864; }
.footer-info-telefonos b { font-size: 11px; font-weight: normal; color: #FFF; padding-left: 15px; padding-right: 5px; }

.footer-info-ayuda { padding: 10px; color: #FFF; border-right: 1px dashed #0A3E6D; width: 235px; float: left; }
.footer-info-ayuda td { color: #FFF; padding: 2px 5px; font-size: 11px; }
.footer-info-ayuda td a { color: #FFF; }

.footer-info-links { float: left; border-right: 1px dashed #0A3E6D; width: 210px; padding: 10px; }
.footer-info-links td { padding: 2px 5px; font-size: 11px; color: #FFF; }
.footer-info-links td a { color: #FFF; }
.footer-info-form { float: right; width: 200px; padding: 10px; }
.footer-info-form tr td, .footer-info-form tr td a { color: #FFF; }
.footer-pie { background: #27649D; border-top: 1px none #062848; border-right: 1px solid #062848; border-bottom: 1px solid #062848; border-left: 1px solid #062848; padding: 10px; display: block; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; margin-bottom: 20px; text-shadow: -1px -1px #05427c; }
.footer-pie-logo { float: left; padding-right: 10px; padding-left: 10px; }
.footer-pie-info { float: left; padding-right: 10px; padding-left: 10px; color: #FFF; font-size: 11px; }
.footer-pie-info a { color:#fff;}
.footer-pie-menu { float: right; padding-right: 10px; padding-left: 10px; color: #CCCCCC; text-align: right; }
.footer-pie-menu a { font-size: 11px; color: #FFF; padding-right: 5px; padding-left: 5px; text-align: right; }
.footer-redes { padding: 10px; text-align: right; margin-top: 10px; border-top: 1px dashed #1F4E78; }
.footer-redes img  a{ padding-right: 2px; padding-left: 2px; margin: 0px; padding-top: 0px; padding-bottom: 0px; }