/* Cartel de descuentos en la parte superior del sitio */
#notice {
width: 792px;
margin: 0 auto; padding: 2px 0;
-moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
background-color: #105a73; color: #fff;
font-size: 11px/1;
}
#notice .saveCart {
padding-left: 24px;
background: url(../images/shop-cart.png) no-repeat left top;
}


body {
	margin:0;
	padding:0 8%;
	font-family:Arial, Verdana, sans-serif;
	font-size:75%;
	text-align:center;
	line-height:1.5em;
	color:#000;
	background:#FFF;
	}

/* generals
---------------------------------------------------------- */
.comment, .comment-black {
	color:#808080;
	display:block;
	font-size:90%;
	line-height:1.2em;
	font-weight:normal;
}
.comment-black {
	color:#000;
	display:inline;
}
em {
	font-style:normal;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}
.valign-top {
vertical-align: top;
}
.large {
font-size: 14px;
}
.txt_orange {
	color:#FF6600;
}
.txt_bold_orange {
	color:#FF6600;
	font-weight:bold;
}
.txt_green {
	color:#6DCE22;
}
.txt_b_green {
	color:#6DCE22;
	font-weight:bold;
}
.txt_red {
	color:#F00;
}
.txt_b_red {
	color:#FF0000;
	font-weight:bold;
}
.gris15oscuro, .negro15 {
	font-size:15px;
	font-weight:bold; color:#333;
	text-decoration:none;
	margin:0;
	padding:0;
}
.gris16 {
	font-size:16px;
	font-weight:bolder;
	color:#666;
}
.negro15 { color:#000 }
.right { text-align:right;}
.left { text-align:left;}
.center { text-align:center;}
.clear{ clear:both}
.show {	display:inline;}
.hide {	display:none}
.dis-block {display:block !important;}
.dis-inline {display:inline;}
.bold { font-weight:bold;}
.f-left { float:left;}
.f-right { float:right;}
.c-both {clear:both;}

/* links
---------------------------------------------------------- */
a, a:visited {
 	color:#0000FF;
}
a:hover {
	text-decoration:none;
}

a.delete, a.button, a.none {
	padding:2px 0 .8em 22px  !important;
	background:url(/images/button-arrow.gif) top left no-repeat;
	font-weight:normal;
	font-size:95%;
	min-height:22px;
	height:auto !important;
  	height:22px;
}
a.delete {
	background:url(/images/delete.gif) no-repeat left top;
}

/* buttons 
---------------------------------------------------------- */
.buy-recharge input,
.bot-oval-blue input,
.bot-oval input {
	background:url(/images/botempty-white.gif) no-repeat left bottom;
	border:medium none;
	color:#000000;
	cursor:pointer;
	font-family:Tahoma, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	height:21px;
	margin:3px 0 0;
	padding:0 0 5px; @padding:0 0 3px;
	width:89px !important;
}
.bot-oval-blue input {
	background-image:url(/images/botempty-blue.gif);
}
.buy-recharge span {
	color:#FF6600;
	display:inline;
	float:left;
	font-size:95%;
	font-weight:bold;
	text-align:left;
}
.bot-rect span, .bot-rect-proceed span  {
	background:url(/images/botempty-rect-white.gif) no-repeat top left;
	display:inline;
	float:left;
	margin:0px;
	height:34px;
}
.bot-rect input, .bot-rect-proceed input {
	border:none;
	background:none;
	font-size:100%;
	text-align:right;
	text-transform:uppercase;
	font-family:Tahoma, Arial, sans-serif;
	color:#000;
	font-weight:bold;
	height:34px;
	cursor:pointer;
	margin:0 !important;
	padding:0px 0.6em 6px 1em;
	width:auto !important;
	overflow:visible;
	@padding-bottom:4px;
	display:inline;
}
.bot-rect em, .bot-rect-proceed em {
	background:url(/images/botempty-rect-white.gif) no-repeat top right;
	display:block;
	float:left;
	height:34px;
	width:8px;
}
.nostock {
	clear:both;
	color:#FF6600;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding-top:15px;
	text-align:center;
}
/* page structure
---------------------------------------------------------- */
#wrap {
	position:relative;
	max-width:778px;
	min-width:580px;
	margin:0 auto;
	text-align:left;
	border:1px solid #999999;
	border-top:none;
	background:#FFF;
	width:778px;
	}
#main-body {
	padding:0;
	line-height:1.5em;
	}
h2 {
	font-size:125%;
	border-bottom:#CCC solid 1px;
	padding:6px 0 4px 0;
	margin:0 0 8px 0;
}
h3 {
	font-size:110%;
	}
h4 {
	font-size:100%;
	}
#content {
	margin:0 0 15px 0;
	padding:10px;
	overflow:auto; zoom:1;
}
#box_left, #box-left.help {
	float:left;
	font-weight:bold;
	margin-right:10px;
	width:25%;
	}
#box_right, #box-right.help {
	float:left;
	width:73.6%;
	}
#extra {
	clear:both;
	margin:0;
	padding:0;
	}
body#home #extra {
	margin-top:0;
	}
/* header
---------------------------------------------------------- */

#header {
	width:100%;
	background:#FFF;
	font-size:90%;
	}
#header a,
#lengua a,
#therest a {
	font-weight:bold;
}
#logo {
	padding:5px 15px 5px 15px;
	float:left;
	}
#logo a  {
	border-style:none;
	display:block;
	width:169px;
	}
#logo span {
	float:left;
	display:block;
	width:169px;
	height:37px;
	background:url(/images/en/logo_clon.gif) no-repeat;
	}
#dashboard {
	float:right;
	position:relative;
	padding:20px 15px 20px 15px;
	text-transform:uppercase;
}
/* tabs
---------------------------------------------------------- */

#tabs {
	width:100%;
	padding:0;
	background:#FFF;
	font-size:100%;
}
#tabs h1 {
	float:right;
	position:relative;
	margin:0;
	padding-right:25px;
	font-weight:normal;
}
#tabs ul {
	margin:10px;
	padding:0;
	list-style:none;
}
#tabs li {
	float:left;
	background:#f2f2f2;
	padding:0 6px 0 0;
	margin:0 5px 0 0;
	border:1px #105B74 solid;
	border-bottom:none;
}
#tabs li a {
	float:left;
	display:block;
	padding:4px 4px 4px 10px;
	background:#f2f2f2;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
body.callingcards li#t-callingcards a,
body.prepaidwireless li#t-prepaidwireless a,
body.business li#t-business a,
body.linedif li#t-linedif a,
body.pctophone li#t-pctophone a {
	background-position:0% -200px;
	color:#FFF;
	background:#1887AE;
}

body.callingcards li#t-callingcards,
body.prepaidwireless li#t-prepaidwireless,
body.business li#t-business,
body.linedif li#t-linedif,
body.pctophone li#t-pctophone {
	background-position:100% -200px;
	background:#1887AE;
}

body.callingcards li#t-callingcards:hover,
body.prepaidwireless li#t-prepaidwireless:hover,
body.business li#t-business:hover,
body.linedif li#t-linedif a,
body.pctophone li#t-pctophone:hover {
	background-position:100% 0%;
}

body.callingcards li#t-callingcards:hover a,
body.prepaidwireless li#t-prepaidwireless:hover a,
body.business li#t-business:hover a,
body.linedif li#t-linedif a,
body.pctophone li#t-pctophone:hover a{
	background-position:0% 0%;
	color:#FFF;
	background:#1887AE;
}
/* navigation
---------------------------------------------------------- */
#nav {
	width:100%;
	padding:0;
	background:#1887AE;
	border-bottom:1px solid #105B74;
	font-size:90%;
	height:24px !important;
	}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#nav li {
	display:inline;
	margin:0;
	padding:0;
	}
#nav li a {
	margin:0;
	padding:5px 4px 5px 6px;
	text-decoration:none;
	color:#FFF;
	height:14px;
	text-transform:uppercase;
	font-weight:normal;
	display:inline-block;
	}
#nav li a.active {
	font-weight:bold;
	color:#fff;
	border-bottom:1px solid #0B7CA2;
	border-right:1px solid #0B7CA2;
	background:#0B7CA2;
	}
#nav li a span {
	border-right:1px solid #fff;
	padding:0 5px 0 0;
	}
#nav #t-home a span {
	padding-left:4px;
	}
/* the rest login/currency
---------------------------------------------------------- */
#therest {
	width:100%;
	background:#D2DAE6;
	padding:0;
	margin:0;
	border-bottom:#FFF solid 1px;
	min-height:29px;
	height:auto !important;
	height:29px;
	font-size:100%;
}
#therest span {
	float:left;
	margin:4px;
	padding:1px 10px 0px 4px;
}
#therest #order-id {
	float:right;
	margin:4px;
	padding:1px 10px 0px 4px;
	font-weight:bold;
}
#currency {
	margin:4px 6px ;
	float:right;
}
#currency select {
	width:172px;
}
/* alert/info box
-----------------------------------------------------------*/
#info {
	position:relative;
	left:206px;
	background:#F5F8E5 url(/images/div-error-bg.gif) bottom left no-repeat;
	float:left;
	margin:0;
	width:535px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
}
#info h3 {
	margin:0;
	padding:14px 0 0 52px;
	border:none;
	background:url(/images/h3-error-bg.gif) top left no-repeat;
	min-height:30px;
	height:auto !important;
	height:30px;
	text-transform:uppercase;
}
#info p {
	padding:0 0 10px 52px;
	margin:0;
}
/* footer styles
---------------------------------------------------------- */
#footer {
	clear:both;
	margin:0;
	padding:10px;
	background:#F7F7F7;
	border-top:#999999 solid 1px;
	text-align:left;
	font-size:95%;
}
#footer a {
font-weight:bold;
}
#footer p {
	margin:0;
	padding:0;
	}
#footer p.seo  {
	color:#999999;
	line-height:1.2em;
}
#footer p.seo a {
	color:#999999;
	font-weight:normal;
	text-decoration:none;
	cursor:text;
}
/* misc.
---------------------------------------------------------- */

hr, .hide {
	display:none;
	}
a img {
	border:none;
	}

/* self-clearing floats */
#header:after,
#logo:after,
#nav:after,
#tabs:after,
#therest:after,
#title:after,
#main-body:after,
#extra:after,

#port:after,
.prod-feature:after,
dl.teaser:after {
	content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/* lengua */
#lengua {
	float:right;
    position:relative;
    margin:0;
    padding-right:18px;
	font-size:95%;
	}
#lengua a {
	font-weight:normal;
}

form select option.not {
	text-decoration:line-through;
	color:#999;
}

/*POPITOS--------------------------------------------------------------------------------------------------------------
*/
.pop, .pop-tip {
	position:absolute;
	width:233px;
	z-index:100;
}
.pop h3, .pop-tip h3 {
	background:url(/images/h3-bg-balloon.gif) no-repeat right top;
	margin:0 !important;
	padding:0 !important;
	height:15px !important;
	line-height:0.8em;
	border:none;
}
.pop-tip h3 {
	background:url(/images/poptip-bluebox-top.gif) no-repeat right top;
	height:99px !important;
}
.pop-tip h3 em {
	padding:43px 0 0 70px;
	display:block;
	color:#1887AE;
	font-style:normal;
	font-size:bold;
	line-height:1.5em;
}
.pop h3 a, .pop-tip a {
	text-decoration:none;
	text-align:right;
	margin:5px 10px 0 0;
	float:right;
}
.pop span, .pop-tip span {
	background:url(/images/alt-corner-balloon.gif) no-repeat left top;
	float:left;
	height:10px;
	padding:0px;
	width:14px;
}
.pop-tip span {
	background:url(/images/poptip-bluebox-bttm.gif) no-repeat left bottom;
	width:327px;
	height:15px;
	margin:0 0 0 1px;
}
.pop dl .tit, .pop-tip .tit {
	color:#FF6600;
	text-align:left;
	font-weight:bold;
}
.pop-tip .tit {
	padding:10px 0 0 69px;
	font-weight:normal;
}
.pop dl, .pop p, .pop-tip dl {
	background:url(/images/div-bottom-balloon.gif) no-repeat left bottom;
	font-size:95% !important;
	font-weight:normal !important;
	line-height:1.5em;
	text-align:left !important;
	white-space:normal;
	margin:0 0 0 13px;
	padding:0 9px 13px 15px;	
}
.pop-tip dl {
	background:url(/images/poptip-bluebox-middle.gif) repeat-y left top;
	margin:0 0 0 1px;
	padding:10px 20px 0 20px;
}
.pop dl dt, .pop-tip dl dt {
	list-style:none;
	font-weight:bold;
	margin:0;
}

.pop dl dd, .pop-tip dl dd {
	padding:5px 0;
	margin:0;
}
.pop dl select {
	width:190px;
}

.pop iframe, .pop-tip iframe {
	position:absolute;
	width:218px;
	height:110px;
	top:-28px;
	@top:-28px;
	left:85px;
	@left:13px;
}
.pop div, .pop-tip div {
	position:relative;
	width:233px;
	height:0 auto !important;
	top:-25px;
	@top:0;
	left:370px;
	@left:0;
}
.pop-tip div {
	left:30px;
	@left:-225px;
	position:relative;
	top:-5px;
	@top:28px;
	width:328px;
}

/*INFO TABS --------------------------------------*/
#info-tabs {
	clear:both;
	margin-bottom:10px;
}
#info-tabs .maintabs {
	border-bottom:1px solid #ccc;
	padding:6px 0 4px 8px;
}
#info-tabs .maintabs li {
	border:1px solid #ccc;
	background-color:#f2f2f2;
	display:inline;
	font-weight:normal;
	margin-right:3px;
	padding:5px 10px; /*@padding:5px 10px 4px !important;*/
	text-decoration:none;
}
#info-tabs .maintabs li a {
	color:#000;
}
#info-tabs .maintabs li.current {
	border-bottom:1px solid #fff;
	background-color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#info-tabs .maintabs li.current a {
	text-decoration:none;
}
#info-tabs .infobox {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#fff;
	line-height:1.5em;
}
#info-tabs .infobox fieldset {
	padding:20px 10px 10px;
}
#info-tabs .infobox h3 {
	margin-bottom:10px;
}