/** Estilos generales **/
#AjaxCatalog {height: 225px; width:100%; overflow:hidden; position:relative; background: url(../img/AjaxCatalog/bkgr_c.jpg) -7px 0}
#AjaxCatalog h1{text-indent:-500px; width:120px; height: 30px; margin:0px;float:left;}
#AjaxCatalog ul{margin: 0;}

#AjaxCatalog .disabled{opacity:0.2;  zoom: 1;}

#AjaxCatalog .columnLeft{position: absolute; top:40px; left:0; width: 470px; height:170px; overflow: hidden;}
#AjaxCatalog .columnRight{ position: absolute; top:33px; right:0; width:430px; height:182px;}

/*** Cabecera **/
#AjaxCatalog .header{height: 30px;}
#AjaxCatalog .header .steps {position:absolute; top:5px; left:155px;}
#AjaxCatalog .header .steps .position{background:#999; position:absolute;}
#AjaxCatalog .header .steps .step{float:left; margin-top:12px; cursor:pointer; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
#AjaxCatalog .header .steps .step.unsetted{color:#bbb;}
#AjaxCatalog .header .steps .step.setted{color:#bd3c3c;}
#AjaxCatalog .header .steps .step.selected{ font-size:1.1em; font-weight:bold; color:#BD3C3C;}
#AjaxCatalog .header .steps .step.N1{width:60px; margin-left:40px;}
#AjaxCatalog .header .steps .step.N2{width:65px; margin-left:24px;}
#AjaxCatalog .header .steps .step.N3{width:115px; margin-left:40px;}
#AjaxCatalog .header .steps .step.N4{width:100px; margin-left:20px;}

/*** Menus ***/
#AjaxCatalog .menus {padding: 5px; text-align: center; margin-top:0px;}
#AjaxCatalog .menus li{list-style: none; opacity:1; filter:alpha(opacity=100); -moz-opacity:1;}
#AjaxCatalog .menus li:hover{opacity:.6; filter:alpha(opacity=60); -moz-opacity:0.6;}

#AjaxCatalog .menu {overflow:hidden; height:165px;}
#AjaxCatalog .menu.planPrecios{overflow:auto;}

#AjaxCatalog .menu.no-activo {display:none;}
#AjaxCatalog .menu.activo {display:inherit;}

#AjaxCatalog .menu.marcas {display: inline-block; text-align: center; width:100%;} 
#AjaxCatalog .menu.marcas li{width:125px;  display:inline-block; list-style:none;margin: 2px 10px; border: 1px solid #B1B1B1; float:left}
#AjaxCatalog .menu.marcas li img{ display: block; cursor:pointer;}

#AjaxCatalog .menu.modelos {height:130px; width:460px; margin-top:30px; position:relative;}
#AjaxCatalog .menu.modelos ul {position:relative; width: 5000px;}
#AjaxCatalog .menu.modelos li {width:110px; height:110px; display:inline-block; vertical-align:top; float:left; margin: 0 5px 8px 0px; background-image:none; overflow:hidden;}
#AjaxCatalog .menu.modelos a {font-size:10px; text-decoration: none; font-weight:bold; color:#7F7F7F; width:100%; height:100%;}
#AjaxCatalog .menu.modelos a:hover {color:#BFBFBF;}
#AjaxCatalog .menu.modelos img {height:85px;width:85px; display: block; margin:auto;}

#AjaxCatalog .menu.tipoContrato ul {display:inline-block; margin:auto;}
#AjaxCatalog .menu.tipoContrato li {float:left; text-indent:-5000px; background: url(../img/AjaxCatalog/contrat_types_bkgr_c.jpg); width:153px; height:132px;}
#AjaxCatalog .menu.tipoContrato li a {display:block; width:100%; height:100%;}
#AjaxCatalog .menu.tipoContrato li.alta { background-position: 0px 0;}
#AjaxCatalog .menu.tipoContrato li.migracion { background-position: -308px 0;}
#AjaxCatalog .menu.tipoContrato li.portabilidad { background-position: -153px 0;}
#AjaxCatalog .menu.tipoContrato li.linea_de_datos{background-position: -153px -132px;}
#AjaxCatalog .menu.tipoContrato li.vodafone_en_tu_casa{background-position: 0 -132px;}
#AjaxCatalog .menu.tipoContrato li.vodafone_adsl{background-position: -307px -132px;}

#AjaxCatalog .menu.planPrecios ul{ text-align:left;}
#AjaxCatalog .menu.planPrecios li{background:#eee; padding:2px; width:90%; margin-bottom:4px; border-right:#ddd 2px solid; cursor:pointer;}
#AjaxCatalog .menu.planPrecios li.selected{width:95%; height:20px; background:#DDDDDD;}
#AjaxCatalog .menu.planPrecios a{text-decoration:none; display:block; width:100%; height:100;}
#AjaxCatalog .menu.planPrecios a:hover{color:#000000;}
#AjaxCatalog .menu.planPrecios .name{}
#AjaxCatalog .menu.planPrecios .price {font-weight: bolder; color: #bd3c3c; font-size:1.2em; float:right;}

/*** Paginación ***/
#AjaxCatalog .menus .pagination{ text-align:center;}

#AjaxCatalog .menus .pagination div{background: url(../img/AjaxCatalog/pagination.jpg) no-repeat 0 0;display:inline-block;text-indent:-5000px;cursor:pointer;width:15px;height:9px;}

#AjaxCatalog .menus .pagination .paginate.forward{background-position: -15px -9px; margin-left: 5px;}
#AjaxCatalog .menus .pagination .paginate.backward{background-position: 0 -9px; margin-right: 5px;}
#AjaxCatalog .menus .pagination .page{ background-position: -15px 0; margin: 0 5px;}
#AjaxCatalog .menus .pagination .page.selected{background-position: 0 0;}


/* LA CAJA DE PRODUCTOS */
#AjaxCatalog div.target div.paso		{position:absolute; top:0; left:0; right:0px; bottom:0px;}
#AjaxCatalog div.target .col_1			{position:absolute; top:8px; left:0; width:240px; height:170px;}
#AjaxCatalog div.target .col_2			{position:absolute; top:8px; bottom:5px; right:10px; width:155px;}
#AjaxCatalog div.target img.thumbnail	{position:absolute; top:25px; max-height: 85px;max-width: 85px;}
#AjaxCatalog div.target .phone_data		{position:absolute; left:90px; width:150px;}
#AjaxCatalog div.target .phone_data	 li {background:url('../img/layoutV2/dotted-arrow-gold.gif') no-repeat 2px 4px;list-style:none;padding-left:14px;}
#AjaxCatalog div.target h2				{color:#bd3c3c; font-size: 16px;}
#AjaxCatalog div.target h3				{color:#BD3C3C}
#AjaxCatalog div.target .features		{ margin-top: 5px;}
#AjaxCatalog div.target .features th	{padding-right: 10px; text-align: left; color:#8F8F8F}
#AjaxCatalog div.target .features td	{font-size: 1.2em;}
#AjaxCatalog div.target .line			{clear:both;}
#AjaxCatalog div.target .line.L2		{margin-top: 10px; height: 48px;}
#AjaxCatalog div.target .options		{font-weight: bold; color: #000000; display:inline-block;width: 170px; float:left;}
#AjaxCatalog div.target .options div	{margin-top:5px;}
#AjaxCatalog div.target div.price		{position:absolute;width:100px;bottom:0px;right: 128px;text-align:right;font-size:36px;color:#bd3c3c;}
#AjaxCatalog div.target div.price span.subprice{font-size: 14px;}
#AjaxCatalog div.target .moreInfo		{position: absolute;width: 80px;height: 20px;bottom: 3px;left: 160px;text-indent:-5000px;background: url('../img/AjaxCatalog/buy.jpg') top left no-repeat;}
#AjaxCatalog div.target .moreInfo:hover {background-position:bottom;}
#AjaxCatalog div.target .moreInfo.disabled {opacity:0.2; background-position:bottom;}
#AjaxCatalog div.target .moreInfo a		{display: block; width:100%; height:100%;}
#AjaxCatalog div.target .empty			{display: inherit;color: #ddd;}
#AjaxCatalog div.target .price .empty	{font-weight: normal;font-size: 14px;}
#AjaxCatalog div.target .col_2 div	 	{border: solid 1px ; padding: 5px 5px;}
#AjaxCatalog div.target div.price_plan	{position:absolute; right:0; bottom:0; width:145px; border-color: #c3ddc2; line-height:1.5em; height: 128px;}
#AjaxCatalog div.target div.price_plan h3{ line-height:1.6em; margin-bottom:8px; color:#BD3C3C; font-weight:bold;}
#AjaxCatalog div.target div.price_plan ul 	{padding:0; margin:0; list-style-position:inside;}
#AjaxCatalog div.target div.price_plan li	{line-height:10px; margin-bottom:3px; font-size:10px;}
#AjaxCatalog div.target div.price_plan a {color:#f00; position:absolute; bottom: 2px; right:4px; display:block; text-decoration:none;}
#AjaxCatalog div.target div.price_plan a:hover{color:#faa;}
#AjaxCatalog div.target div.contract_type {position:absolute; right:0; width:145px; height:9px; border-color: #d4d4d4;}
#AjaxCatalog div.target .col_2 h3		{font-size:10px; float:none; width: inherit; color:#BD3C3C;}

#AjaxCatalog div.target .categoryInfo {line-height:200%; text-align:justify;}
#AjaxCatalog div.target .categoryInfo div{width:400px;}
#AjaxCatalog div.target .categoryInfo img.logo {max-width:inherit; max-height:inherit; float:none; display:block; margin:auto;}
#AjaxCatalog div.target .categoryInfo strong {font-size: 1.1em;}

#AjaxCatalog .catalogProductLoading{position: absolute; top:0px; left:0px; right:0; bottom:0; background: #fff; }
#AjaxCatalog .catalogProductLoading img{margin:70px auto 0; display:block;}

/* NOVEDADES */
#novedadesSlider {width:430px; height:182px;}
#AjaxCatalog .target .fade{position:absolute;top:0px;left:0;width:50px;height:182px; background: url(../img/AjaxCatalog/novedades_borde.png); z-index:1;}
#novedadesSlider a {display:block;}
#novedadesSlider .pagination{position:absolute; bottom: 10px; right:20px;}
#novedadesSlider .pagination .page{cursor:pointer; background:#CFA8A8; width:20px; height:15px; display:inline-block; margin-left:10px; border:1px solid #3F3B3B; opacity:0.5; -moz-border-radius:4px; -webkit-border-radius:4px;}
#novedadesSlider .pagination .page.active, #novedadesSlider .pagination .page:hover{opacity:0.8}
#novedadesSlider img {display:block;}

/* VENTANA DE INFORMACIÓN DE PLAN DE PRECIOS */
#pricePlanInfoWin h3 { margin: 10px 0 5px; cursor:pointer}
#pricePlanInfoWin h3:hover{color:#c00;}
#pricePlanInfoWin div.pricePlan table {border:1px solid #aaa; padding:2px; margin: 3px auto;}