﻿#novedades {
	position: relative;
	height: 170px;
	margin-top: 15px;
	clear:both;
}

#novedades h3 {
	font-size: 14pt;
	text-indent: -999em;
	overflow: hidden;
	width: 133px;
	height: 22px;
	margin: 4px 0;
	background-image: url(images/novedades.gif);
}

#novedades .arrow-left, #novedades .arrow-right, #novedades .canvas {
	position: absolute;
	top: 35px;
}

#novedades .arrow-left {
	left: 0;
	width: 50px;
}

#novedades .arrow-right {
	right: 0;
	width: 50px;
}

#novedades .canvas {
	left: 50px;
	width: 100%;
	position: absolute;
	overflow: hidden;
	height: 140px;
	padding: 0;
}

#novedades .arrow-left a, #novedades .arrow-right a {
	display: block;
	width: 42px;
	height: 36px;
	margin: 45px 4px;
	font-size: 14pt;
	text-indent: -999em;
	overflow: hidden;
}

#novedades .arrow-left a {
	background: url(images/btn-arrow-left.gif) top left no-repeat;
}

#novedades .arrow-right a {
	background: url(images/btn-arrow-right.gif) top left no-repeat;
}

#novedades .arrow-left a:hover, #novedades .arrow-right a:hover {
	background-position: bottom left;
}


#scrollnovedades {
	position: absolute;
	padding: 0;
	width: 999em;
}

#scrollnovedades li {
	float: left;
	height: 140px;
	width: 283px;
	background: url(images/bg-novedad.jpg) top center no-repeat;
	margin: 0;
	list-style:none;
}

#scrollnovedades li h4
{
	margin: 5px 12px;
	margin-bottom: 2px;
	font-weight: normal;
	color: #13415c;
	font-size: 13pt;
}

#scrollnovedades li .img
{
	float: left;
	margin-left: 11px;
	margin-right: 3px;
	text-align: center;
}

#scrollnovedades li p {
	font-size: 8pt;
	position: relative;
	margin: 0 12px;
}

#scrollnovedades li .info {
	text-align: right;
	margin: 0 15px;
}

#scrollnovedades li .info a {
	font-size: 7pt;
	color: #13415c;
}
#scrollnovedades li .info a:hover {
	text-decoration: none;	
}

.control-header
{
    background: #ccc url(images/bg-productos-cabezal.jpg);
    margin: 0;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.table-header-title
{
	font-family: Verdana;
	font-size: 14px;
	color: White;
	font-weight: bold;
	vertical-align: 80%;
}

#tienda {
	position: relative;
	height: 370px;
	margin-top: 15px;
	clear:both;
	width: 544px;
}

#tienda h3
{
	font-size: 14pt;
	text-indent: -999em;
	overflow: hidden;
	width: 270px;
	height: 111px;
	margin: 4px 0;
	background-image: url(images/TituloTienda.png);
	background-repeat: no-repeat;
}

#tienda .canvas {
	left: 50px;
	width: 444px;
	position: absolute;
	overflow: hidden;
	top: 90px;
	padding: 0;
}

#tienda .arrow-left {
	position: absolute;
	left: 0;
	width: 50px;
	top:140px;
}

#tienda .arrow-right {
	position: absolute;
	right: 0;
	width: 50px;
	top:140px;
}

#tienda .canvas {
	left: 50px;
	width: 444px;
	position: absolute;
	overflow: hidden;
	height: 285px;
	padding: 0;
}

#tienda .arrow-left a, #tienda .arrow-right a {
	display: block;
	width: 42px;
	height: 36px;
	margin: 45px 4px;
	font-size: 14pt;
	text-indent: -999em;
	overflow: hidden;
}

#tienda .arrow-left a {
	background: url(images/btn-arrow-left.gif) top left no-repeat;
}

#tienda .arrow-right a {
	background: url(images/btn-arrow-right.gif) top left no-repeat;
}

.canvasPlan {
	left: 269px;
	width: 519px;
	position: absolute;
	overflow: hidden;
	height: 200px;
	top: 570px;
	padding: 0;
	
}

.arrowPlan-right {
	position: absolute;
	right: 37px;
	width: 50px;
	top:570px;
}

.arrowPlan-left {
	position: absolute;
	left: 220px;
	width: 50px;
	top:570px;
}
.arrowPlan-left a {
	display: block;
	width: 42px;
	height: 36px;
	margin: 45px 4px;
	font-size: 14pt;
	text-indent: -999em;
	overflow: hidden;
	background: url(images/btn-arrow-left.gif) top left no-repeat;
}

.arrowPlan-right a {
	display: block;
	width: 42px;
	height: 36px;
	margin: 45px 4px;
	font-size: 14pt;
	text-indent: -999em;
	overflow: hidden;
	background: url(images/btn-arrow-right.gif) top left no-repeat;
}

#tienda .arrow-left a:hover, #tienda .arrow-right a:hover {
	background-position: bottom left;
}


#scrolltienda {
	position: absolute;
	padding: 0;
	width: 999em;
}

#scrolltienda li {
	float: left;
	height: 285px;
	width: 111px;
	margin: 0;
	list-style:none;
	background: url(images/bg-catalogo.gif) top right no-repeat;
}

#scrolltienda li h4 
{
	color:#0084C4;
	font-size:8pt;
	height:25px;
	margin:5px 0 0;
	padding:0;
	text-align:center;
	font-weight: bold;
}

#scrolltienda li .img {
	height:136px;
	margin:5px 0;
	text-align:center;
	border:0 none;
}

#scrolltienda li p {
	font-size: 8pt;
	position: relative;
	margin: 0 12px;
}

#scrolltienda li .precio {
	color:#073B83;
	font-size:14pt;
	text-align:center;
}

#scrolltienda li .comprar {
	margin: 3px;
	margin-bottom: 5px;
	border-collapse:collapse;
}

#scrolltienda li .comprar a 
{
	width: 80px;
	height: 19px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -999em;
	line-height: 0px;
	background: url(images/btn_ver_tienda.gif) top left no-repeat;
}
#scrolltienda li .comprarDesabilitado 
{
	width: 80px;
	height: 19px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -999em;
	line-height: 0px;
	background: url(images/btn_ver_tienda_deshabilitado.gif) top left no-repeat;
	cursor: default;
}


#scrolltienda li .comprar a:hover {
	background-position: bottom left;	
}

#scrolltienda li .info
{
	color: #999;
	margin: 0;
	text-align: center;
	border-collapse: collapse;
	font-family: arial;
	text-decoration: underline;
	font-size: 8pt;
}

#scrolltienda li .info a {
	color: #999;	
	font-size:8pt;
}
#scrolltienda li .info a:hover {
	text-decoration: underline;
	color: #000;	
	font-size:8pt;
}

---------------------------------

#plan .planScroll
{
	z-index: -9999;
}

.scrollPlan {
	position: absolute;
	padding: 0;
	height:190px;
}

.scrollPlan li
{
	float: left;
	height: 180px;
	width: 160px;
	margin: 0 3px 0 0;
	list-style: none;
	background: url(images/bg-OtrosPlanes.jpg) top right no-repeat;
	padding: 5px;
	overflow: hidden;
	font-size:10px;
}

.scrollPlan li h4 
{
	color:#0084C4;
	font-size:8pt;
	height:28px;
	margin:5px 0 0;
	padding:0;
	text-align:center;
	font-weight: bold;
}

.scrollPlan li .img {
	height:136px;
	margin:5px 0;
	text-align:center;
	border:0 none;
}

.scrollPlan li p {
	font-size: 8pt;
	position: relative;
	margin: 0 12px;
}

.scrollPlan li .precio {
	color:#073B83;
	font-size:14pt;
	text-align:center;
}
.scrollPlan li .detallePlan {
	font-size: 8pt;
	height: 105px;
	margin-top: 3px;
}

.scrollPlan li .comprar {
	margin: 3px;
	margin-bottom: 5px;
	border-collapse:collapse;
}

.scrollPlan li .comprar a 
{
	width: 80px;
	height: 19px;
	display: none;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -999em;
	line-height: 0px;
	background: url(images/btn_ver_tienda.gif) top left no-repeat;
}

.scrollPlan li .comprarDesabilitado  
{
	width: 80px;
	height: 19px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -999em;
	line-height: 0px;
	background: url(images/btn_ver_tienda_deshabilitado.gif) top left no-repeat;
	cursor: default;
}
.scrollPlan li .comprar a:hover {
	background-position: bottom left;	
}

.scrollPlan li .info
{
	color: #999;
	margin: 0;
	text-align: center;
	border-collapse: collapse;
	font-family: arial;
	text-decoration: underline;
	font-size: 8pt;
}

.scrollPlan li .info a {
	color: #999;	
	font-size:8pt;
}
.scrollPlan li .info a:hover {
	text-decoration: underline;
	color: #000;	
	font-size:8pt;
}

.planH2
{
	padding: 0 0 5px 25px !important;
	border: 0 none !important;
	color: #2780BA !important;
	font-size: 16px !important;
	font-weight: 100 !important;
	margin: 10px 0 0 0 !important;
	height: 30px !important;
}