/* CSS Propios de PlanB
	- Productos
	- Buscador
	- Actividad
	- Presupuesto
	- Subhome
	- Ohtools
	- Popup
*/


/* Estilos nuevo PlanB! */

/*= COMO FUNCIONA
----------------------------------------------- */
.planb .bloque{padding:25px 10px 10px 15px;}
.planb .bloque2{padding:25px 10px 25px 15px;}
.planb h2{ background-color:#6695ff; padding:5px; color:#fff !important; width:220px; font: normal 1.3em Arial, sans-serif; text-transform: uppercase;}
.planb p{ padding:15px 0 0 5px;}
.planb .datos p{ padding:0 !important;}
.planb .separador{border-bottom: 1px dotted #000;}


/* Titular */
.planb .titular {padding:15px; border-bottom: 1px dotted #000;}
.planb .titular h1{font-size:3em; color:#6695ff;float:left;}
.planb .titular a{float:right; margin-top:10px;}


/*= HOME 
----------------------------------------------- */
.planb .banner{margin-bottom:10px;}
.planb .banner h2{background: url(../images/planb/banercentral-planb.jpg) no-repeat; height:263px; text-indent:-9999em; width:745px;}
.planb .container h1{background: url(../images/planb/logo.gif); height:45px; text-indent:-9999em; width:152px; float:left;}
/*.planb .container h2{float:right; background:none !important; color:#6695ff !important; text-transform:none !important; font-size:1.6em !important; padding:0 !important; width:357px;}*/
.planb .container .ui-tabs-nav {border-bottom:1px dotted #666666 !important;}
.planb .container .lista-items{}
.planb .container .item{ float:left; margin:0 5px 5px 5px; padding:5px;}
.planb .container h3{font-size:1.4em;}
.planb .container .precio{background-color:#6695ff; color:#fff; font-size:1.2em; padding:5px;}
.planb .container .leyenda{height:30px; background-color:#666;}
.planb #content .container {border:1px solid #716F6E; margin-bottom:0px;}


/* Que es */
.planb #que-es div{float:left; width:62%; margin-bottom:20px;}
.planb #que-es img{float:right; margin:20px 3px 0;}
.planb #que-es ul{padding-left:60px; margin-top:15px;}
.planb #que-es li{padding:3px 3px 3px 32px;}
.planb #bulletnumeros-uno, #bulletnumeros-dos, #bulletnumeros-tres, #bulletnumeros-cuatro, #bulletnumeros-cinco{height:23px; line-height:17px; padding-left:29px;background-image: url("../images/planb/sprite_quees.gif"); background-repeat: no-repeat;}
.planb #bulletnumeros-uno {background-position: 0 0;}
.planb #bulletnumeros-dos {background-position: 0 -31px;}
.planb #bulletnumeros-tres {background-position: 0 -60px;}
.planb #bulletnumeros-cuatro {background-position: 0 -91px;}
.planb #bulletnumeros-cinco {background-position: 0 -121px;}

.planb #como-funciona .grid2colb .column.first{width:60%;}
.planb #como-funciona .grid2colb .column.last{width:40%}
.planb #como-funciona a{ font: bold 1.5em Arial, sans-serif; text-decoration:none; display:block;}
.planb #como-funciona .normal{font-size:1.1em; padding-right:5px; text-align:right;}
.planb #como-funciona ul{margin:15px 0 0 15px;}
.planb #como-funciona li{padding:1px 0; cursor:pointer; background-color:#fff;}
.planb #como-funciona li.selected{ background-color:#6695ff;}
.planb #como-funciona li div{background-color:#fff; padding:4px 0;}
.planb #como-funciona p{ padding:7px 12px 10px 4px;}
.planb #como-funciona img{ margin:0 auto;}
.planb .detail{background-color:#6695ff; text-align:center; height:223px; width:258px; color:#fff; margin-top:25px;}
.planb .detail div{ height:222px; background-color:#fff;}
.planb .paso1,.paso2,.paso3{height:24px; line-height:24px !important; padding-left:29px;background-image: url("../images/planb/sprite_comofunciona.gif"); background-repeat: no-repeat;}
.planb .paso1 {background-position: 0 0;}
.planb .paso2 {background-position: 0 -39px;}
.planb .paso3 {background-position: 0 -78px;}
.planb #paso1,#paso2,#paso3{position:relative; border:7px solid #6695ff;}
.planb #paso1 p,#paso2 p,#paso3 p{color:#6695ff; padding:2px;}
.planb .decoracion{background: url("../images/planb/flecha.gif") no-repeat !important; border:none !important; padding:0 !important; display:block; height:200px; left:-7px; padding:0 !important; position:absolute; top:-5px; width:200px;}
.planb .decoracion2{background: url("../images/planb/flecha.gif") no-repeat !important; border:none !important; padding:0 !important; display:block; height:200px; left:-7px; padding:0 !important; position:absolute; top:74px; width:200px;}
.planb .decoracion3{background: url("../images/planb/flecha.gif") no-repeat !important; border:none !important; padding:0 !important; display:block; height:200px; left:-7px; padding:0 !important; position:absolute; top:153px; width:200px;}

.planb #que-contiene .content_text{ width:60%;}
.planb #que-contiene img{ margin-top:0;}
.planb #que-contiene ul{margin-top:17px; margin-left:5px;}
.planb #que-contiene li{padding:5px 0;}
.planb #que-contiene li h4{display:inline; color:#6695ff;}


/* Estilos antiguo smartbox */

/* = PRODUCTO
----------------------------------------------- */
.descripcion .boton input{ background-image: url(../images/boton_seleccionar.gif);width:85px;height:19px; cursor:pointer; border:0;}
.descripcion {border:1px solid #716F6E; padding:10px; margin-bottom:10px;}
.descripcion .imagen{width:162px; margin-bottom:18px}
.descripcion .left a{padding-left:10px;}
.descripcion h3 {color:#6695FF; padding:10px 0 20px 0;}
.descripcion .datos { margin-left:178px;}
.descripcion label { margin-right:4px;}
h3.titresultados {padding:8px 0 3px 0; color:#6695FF;}
div.item {border-bottom:1px dotted #716F6E;padding:8px;}
div.item .imagen{ float:left;width:80px;height:80px}
div.item .datos{ margin-left:90px;}
div.item .datos h3 { padding: 0 0 6px 0;}
div.item .itemacciones {padding-top: 6px;}
div.item .itemacciones span{color:#6695FF;}
div.item .itemacciones strong{color:#70706E;font-weight:bold;padding:5px 15px 0 6px;}
div.item .datos a {text-decoration: none;}
#sidebarinfo .sumario h3 { padding-bottom:10px;}

#sidebarinfo2 .boton a { font-weight:normal;}
#sidebarinfo2 a {color: #FFF;font-weight: bold;}
#sidebarinfo2 ul {list-style-position:outside;list-style-type:disc;margin:0 0 15px 16px;padding-top:5px;}
#sidebarinfo2 li { padding-top:10px;}

/*= BUSCADOR
----------------------------------------------- */
#buscador p{padding-bottom:10px;}

/*= ACTIVIDAD
----------------------------------------------- */
.smartthumb { margin-bottom:10px;}
.actividad .boton input{ background-image: url(../images/boton_seleccionar.gif);width:85px;height:19px; cursor:pointer; border:0;}
.actividad div.precio {color:#6695FF; padding:8px 0 10px 0;font-size:16px;font-weight:bold;}
.container h2 {width:auto;}
.actividad h4 {font-size:11px; font-weight:normal; color:#6695FF;}
.actividad h4 a {font-size:12px;}
.actividad .datos { margin-left:120px;}
.actividad .imagen {width:100px;}
.actividad label {margin-right:4px;}
.actividad div.seleccion {text-align:left;padding-bottom:5px;}
.piedescripcion {color:#6695ff;}
.datos span { margin-right:2px;}
#content .container { padding:10px;border:1px solid #716F6E; margin-bottom:10px;}
#content .container h3 {font-size:16px;color:#6695FF;padding:10px 0;}
#content .container p {padding-bottom: 10px;}
#content .container .grid2col p {padding:0;}
.galeria {/*margin-bottom:10px;*/overflow:hidden;}
.galeria #canvas {width:366px;}
.galeria .logo {position:absolute; left:15px; top:75px;}
.galeria .logo img {width:80px;}
.mapa img { width:176px; height:130px;padding-left:10px;}
.imgancho { width:368px;}
.img_cont {display:block;height:50px;overflow:hidden;width:50px;}
.img_small {cursor:pointer;width:50px;height:50px;}
.img_table {padding-right:10px;padding-top:5px;}

/*= PRESUPUESTO
----------------------------------------------- */
#titular a{color:#FFF;text-decoration:underline;}
#titular2{ color:#FFF;background-color:#716F6E;padding:15px;margin-bottom:10px}
#content div.container table { width:100%; border-spacing:0px; border-collapse:separate;}
#content div.container table th{ color:#6695FF; font-size:13px;font-weight:bold;border-bottom:1px solid #716F6E;padding-bottom:5px;text-align:left;}
#content div.container table td{ line-height:20px;padding:0 10px;border-bottom: 1px dotted #716F6E;margin:10px -10px;padding:5px 0;}
#content div.container table .moneda {text-align:right;}
#content .container .total {font-size: 18px;text-align:right;}
#content .container .nota {font-size: 10px; padding-top:10px}

/*= SUBHOME
----------------------------------------------- */
.descripcionactividad {border-bottom:1px dotted #666666;font-size:12px;padding-bottom:20px;}
.descripcionactividad h3.precio {color:#6695FF; padding:15px 0 10px 0;font-size:16px!important;font-weight:bold;text-align:left;}
.descripcionactividad ul {color:#6695ff;}
.descripcionactividad li {padding-top:10px;background:url(../images/bullet_azul.gif) no-repeat scroll 0 15px;padding-left:15px;margin-left:-8px;}
.descripcionactividad h3 {padding:15px 10px 0 0!important;font-size:12px!important;text-align: right;}
.descripcionactividad .imagen { float:left;width:150px;}
.descripcionactividad .boton img {padding:10px;}
.descripcionactividad p {padding-bottom:10px!important;}
.destacadoplanb {min-height:264px;height:264px !important;margin-bottom: 10px;}
.destacadoplanb h2 {text-indent:-9999em;width:745px;height:263px;background:transparent  url(/images/BV/PlanB/subhome/img_subhome_planb.jpg) no-repeat 0;}
.destacadoplanb h3 {color:#fff; padding:20px 10px 10px;font-size: 14px;}
.destacadoplanb ol {list-style-type: none;list-style-position: inside;color: #FFF;font-size: 12px;font-weight: bold;}
.destacadoplanb li {padding: 10px 10px 5px 43px;}
.destacadoplanb li span { color:#FFFF00;}
.destacadoplanb h3 a {color:#FFF;cursor:pointer;text-decoration:underline;}
.destacadoplanb h3 a:hover {text-decoration:none;}
.destacadoplanb .bt_banner {position:absolute; left:15px; top:200px;}
.destacadoplanb .texto_destaca {color:#FFFFFF;left:471px;position:absolute;top:70px;width:250px;}
.itemsubhome {border:1px solid #716F6E;height:130px; margin-bottom:10px;}
.titulositems {font-size:18px;font-weight:normal;color:#716F6E!important;padding:5px 0;}
.titulositems span {color:#6699FF;padding-left: 4px;}
.detalleitems {font-size:16px;font-weight:bold;color:#6699FF;padding: 5px 0 0;}
.bulletplanb1{background-color:transparent;background-image:url(../images/planb/bullet.gif);background-position:1pt 4px;
background-repeat:no-repeat;}
.bulletplanb2{background-color:transparent;background-image:url(../images/planb/bullet.gif);background-position:1pt -46px;
background-repeat:no-repeat;}
.bulletplanb3{background-color:transparent;background-image:url(../images/planb/bullet.gif);background-position:1pt -95px;
background-repeat:no-repeat;}
.precio span {font-size: 14px; padding-left:4px;}
.contboton span {margin-top:20px;}
.listabox {margin-left:160px;}

/*= POPUP
----------------------------------------------- */
.containerpopup {margin:15px auto;text-align:left;width:540px;padding:15px;}
#planb .containerpopup .adorno {background: url(../images/planb/barras.gif) scroll repeat-x;height: 32px;}
.containerpopup h2 {font-size:36px; color:#6695FF; padding:10px 0;}
.containerpopup p {padding:7px 0px 15px 38px;font-size: 16px; font-weight:bold;background: url(../images/planb/bt_help.gif) no-repeat scroll left 0;}
.contenido { padding-bottom:20px;}
#planb .containerpopup .contenido ol {list-style:decimal outside; padding:0 0 30px 10px;}
#planb .containerpopup .contenido li {font-size:12px;color:#666; margin-top:4px;}

/*= COMO FUNCIONA?
----------------------------------------------- */
.como_funciona {margin:0 90px;text-align:left;}
.como_funciona p{padding-bottom:15px;}
.como_funciona p.ayuda {padding:6px 0px 15px 38px;margin:10px 0 5px;font-size: 16px; font-weight:bold;background: url(../images/planb/bt_help.gif) no-repeat scroll left 0;}
.como_funciona  {padding-bottom:20px;}
.como_funciona .banner {margin-left:-50px;display:inline-block;}
.como_funciona ol {list-style:decimal outside; padding:20px 0 15px 10px;}
.como_funciona li {font-size:12px;color:#666; padding-bottom:10px;}
.como_funciona h2 {font-size:36px; color:#6695FF; padding:10px 0 5px 0;}
.li-hover {color: #666 !important; cursor: pointer; width:50%;}

/*= OHTOOLS
----------------------------------------------- */
.ohtoolsSub {height:128px;overflow:hidden;}
.ohtoolsSub .cont {height:118px;margin: -4px 0 0 7px;}

/*= RESET MARGIN ENVIAR AMIGO
----------------------------------------------- */

#enviaramigo {margin:0 !important;}