/* $Id: yoigo.css,v 1.11 2007/11/28 09:26:24 alejandro Exp $ */

@import url(reset-fonts-base.css);

body {
	color: #333;
}
a:focus { outline:none }

div#yoigo {
	width: 742px;
	margin: 0 auto;
}
div#yoigo-header {
	background: url(../images/yoigo-header.png) left top no-repeat;
	width: 742px; height: 170px;
}
div#wrap {
	width: 742px;
	margin: 0 0px 0 5px;
	text-align: left;
}
/* main */
div#main {
	width: 554px;
	float: left;
}
/* main: lists */
.listing {
	margin: 0 0 10px;
	border: 1px solid #ddd;
	padding: 0 0 10px;
}
.listing table {
	margin: 0 10px;
}
.sectionhead {
	background: #ddd;
	color: #666;
	margin: 0 0 10px; padding: 10px 0 0;
}
.sectionhead h2 {
	margin: 0 10px 10px;
}

.texto_titular_servicios {
		font-size:24px;
		font-family: Arial, sans-serif;
		font-style:normal;
		font-weight: bold;
		color: black;
		margin: 0px 0px 10px 0px;
		vertical-align:top;
}

th,
td {
	margin: 0; padding: 2px 0 1px 1px;
	border: 0;
	text-align: left;
	font-size: 93%;
}
.listing tr.odd td {
	background: #eee;
}
.listing tr:hover {
	font-weight: bold;
	cursor: default;
}
.song,
.artist {
	width: 190px;
	overflow: hidden;
}
.preview,
.smscode {
	width: 77px;
	overflow: hidden;
	text-align: center;
}
.preview a {
/*	background: url(b-preview.png) center center no-repeat;*/
	color: #fff;
	font-size: 0px;
	display: block;
	width: 40px; height: 17px;
	margin: -1px 0 0 15px; padding: 0 20px 0 0;
}
.smscode {
	font-weight: bold;
}
.hovertip {
	display: none;
	background: #fff;
	border: 1px solid #999;
	margin: 10px 0 0; padding: 10px;
}
.hovertip h2 {
	margin: 0 0 1em 0;
}
.hovertip h3 {
	color: #7b4;
}
.hovertip img {
	float: left;
	margin: 0 10px 10px 0;
}
.hovertip ul li {
	list-style-position: inside;
}
/* main: slider */
.slider-wrap {
	width: 554px; height: 220px;
}
.stripViewer {
	position: relative;
	top: -40px;
	width: 554px;
	overflow: hidden;
	clear: both;
}
.stripViewer .panelContainer {
	position: relative;
	left: 0; top: 0;
	width: 554px;
	list-style-type: none;
	-moz-user-select: none;
}
.stripViewer .panelContainer .panel {
	float: left;
	width: 554px;
	height: 190px;
	overflow: hidden;
}
.stripViewer .panelContainer .panel .wrapper {
	padding: 10px;
}
.stripNav {
	position: relative;
	left: 40px; top: 180px;
	height: 20px;
	font-size: 11px;
}
.stripNav ul {
	list-style: none;
	margin: 0;
}
.stripNav ul li {
	display: block;
	float: left;
	margin-right: 2px;
}
.stripNav a {
	display: block;
	padding: 2px 5px 1px;
	text-decoration: none;
	color: #666;
}
.stripNav a:hover {
	background: #eee;
	font-weight: bold;
}
.stripNav a.current {
	background: #7b4;
	color: #fff;
}
.stripNavL, .stripNavR {
	position: relative;
	width: 20px; height: 20px;
}
.stripNavL a, .stripNavR a {
	display: block;
	font-size: 0px;
	width: 20px; height: 20px;
	color: #fff;
}
.stripNavL {
	background: url(../images/b-left.png) left top no-repeat;
	left: 10px; top: 200px;
}
.stripNavR {
	background: url(../images/b-right.png) left top no-repeat;
	left: 520px; top: -30px;
}
/* side */
div#side {
	width: 178px;
	float: left; margin-left: 8px;
}
div#side h2 {
	font-size: 14px;
	margin: 0 10px 10px;
}
div#side p {
	font-size: 11px;
	margin: 10px 10px 0;
}
div#side p a {
	color: #6a2;
	font-weight: bold;
	text-decoration: underline;
}
div#side p a:visited {
	color: #570;
}
/* side div defaults */
div#side div {
	background: #eee;
	margin: 0 0 10px; padding: 10px 0;
}
/* side div specifics */
div#side #searchbox {
	background: #999;
	color: #fff;
}
div#side #sidebanner {
	background: #666;
	width: 178px;
}

div#side #sidebanner2 {
 /*   background: #666; */
    background: #ffffff;
	width: 163px!important; width: 160px;
    font-size: 13px;
    height: 148px;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
}


div#side #sidebanner h2 {
	font-size: 197%;
	line-height: 80%;
	text-transform: uppercase;
	color: #fff;
}
div#side #sidebanner a {
	color: #7b4;
	text-decoration: none;
}
div#side #searchbox a {
	text-decoration: none;
	color: #eee;
}
div#side #searchbox a:hover {
	text-decoration: underline;
}
form#searchform fieldset {
	margin: 10px;
}
form#searchform input#q {
	background: #eee;
	color: #666;
	border: 1px solid #999;
	width: 130px; height: 18px;
	font-size: 15px;
	line-height: 15px;
	margin: 0; padding: 0;
}
form#searchform button {
	background: #999;
	color: #eee;
	border: 1px solid #999;
	width: 20px; height: 20px;
	font-size: 12px;
	line-height: 15px;
	margin: 0; padding: 0;
}

.explain {
}
.explain em {
	font-weight: bold;
}
.explain .very {
	background: #ddd;
	color: #333;
	font-size: 167%;
	padding: 10px;
}
.explain p.enviando {
	text-align: right;
}
#precios {
	height: 180px;
	overflow: hidden;
}
#precios-tabsin, #precios-tabcon {
	float: left;
	width: 276px; height: 38px;
	font-size: 2px;
}
#precios-tabsin {
	background: url(../images/precios-tabsin.png) left top no-repeat;
	margin: 0 2px 0 0;
	color: #222;
}
#precios-tabcon {
	background: url(../images/precios-tabcon.png) left top no-repeat;
	color: #666;
}
#precios-sin, #precios-con {
	width: 554px; height: 122px;
	clear: both;
}
#precios-sin {
	background: url(../images/precios-sin.png) left top no-repeat;
}
#precios-con {
	background: url(../images/precios-con.png) left top no-repeat;
}
#precios-locales {
	margin: 2px 10px 0 0;
}
* html #precios-locales {
	margin: 0 10px 0 0;
}
*:first-child+html #precios-locales {
	margin: 0 10px 0 0;
}
.precio-local {
	float: right;
	height: 18px;
	margin: 2px 0 0 8px;
}
#precio-peninsula {
	background: url(../images/precio-peninsula-off.png) left top no-repeat;
	width: 129px;
}
.precio-peninsula #precio-peninsula {
	background: url(../images/precio-peninsula.png) left top no-repeat;
}
#precio-canarias {
	background: url(../images/precio-canarias-off.png) left top no-repeat;
	width: 56px;
}
.precio-canarias #precio-canarias {
	background: url(../images/precio-canarias.png) left top no-repeat;
}
#precio-ceuta {
	background: url(../images/precio-ceuta-off.png) left top no-repeat;
	width: 38px;
}
.precio-ceuta #precio-ceuta {
	background: url(../images/precio-ceuta.png) left top no-repeat;
}
#precio-melilla {
	background: url(../images/precio-melilla-off.png) left top no-repeat;
	width: 47px;
}
.precio-melilla #precio-melilla {
	background: url(../images/precio-melilla.png) left top no-repeat;
}
#precio1,#precio2 {
	width: 272px; height: 70px;
	float: left;
	margin: 22px 0 0;
}
.precio-peninsula #precio1 {
	background: url(../images/precio-174.png) bottom right no-repeat;
}
.precio-peninsula #precio2 {
	background: url(../images/precio-116.png) bottom right no-repeat;
}
.precio-canarias #precio1 {
	background: url(../images/precio-150.png) bottom right no-repeat;
}
.precio-canarias #precio2 {
	background: url(../images/precio-100.png) bottom right no-repeat;
}
.precio-ceuta #precio1 {
	background: url(../images/precio-167.png) bottom right no-repeat;
}
.precio-ceuta #precio2 {
	background: url(../images/precio-108.png) bottom right no-repeat;
}
.precio-melilla #precio1 {
	background: url(../images/precio-156.png) bottom right no-repeat;
}
.precio-melilla #precio2 {
	background: url(../images/precio-104.png) bottom right no-repeat;
}
#products {
	background: #ddd;
	width: 554px; height: 100px;
	overflow: hidden;
	margin: 0; padding: 0;
}
#products span.product {
	display: none;
	margin: 0; padding: 10px 10px 20px 100px;
	height: 70px;
	font-style: normal;
	font-weight: bold;
	font-size: 55px;
	color: #fff;
	line-height: 1em;
	letter-spacing: -0.08em;
}
#products span.price {
	background: #7b4;
}
#products span#mp3txt {
	background: url(../images/bg-mp3.png) left top no-repeat;
}
#products span#tonostxt {
	background: url(../images/bg-tonos.png) left top no-repeat;
}
#products span#imagenestxt {
	background: url(../images/bg-imagenes.png) left top no-repeat;
}
#products span#videostxt {
	background: url(../images/bg-videos.png) left top no-repeat;
}
#products span#mastxt {
	font-size: 70px;
	color: #7b4;
}
.warn {
	background: #ffc;
	padding: 10px;
	font-style: oblique;
	font-size: 114%;
	border: 1px dashed #f90;
}

.hovertip_wrap0 {
z-index:1000;
}