/* elementos básicos */
body {position:relative;margin:0;padding:0;}
#page div, #page ul, #page li, #page h1, #page h2, #page h3, #page h4, #page h5, #page h6, #page img, #page table, #page span {position:relative;overflow:hidden;margin:0;padding:0;float:none;border:none;}
#page {font:normal 12px/150% Geneva, Arial, Helvetica, sans-serif; color:#333;line-height:17px}
#page p {position:relative;overflow:hidden;margin:0;padding:0 0 5px 0;float:none;border:none;}

/* elementos de Títulos */
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {padding:0;line-height:normal;font-weight:bold;}

#page h1 {font-size:17px;border-bottom:1px solid #CCC;margin:0 0 10px 0;color:#3D261C;}
#page h2 {font-size:16px;color:#3D261C;margin-bottom:5px;padding-bottom:2px; border-bottom:1px solid #CCC;} 
#page h3 {font-size:14px;color:#333;}
#page h4 {color:#333;}
#page h5 {color:#333;}
#page h6 {color:#333;}

/* elementos de texto */
#page small {font-size:11px;color:#868686;}
#page b,#page strong{color:#5B8C3E;}
#page em,#page i{/*cursiva*/}
#page u{ /*subrayado*/}
#page strike{ /*tachado*/}
#page hr {overflow:hidden;clear:both;height:1px;border:none;border-top:1px solid #dedece;margin:10px 0 0 0;*margin:0;}

/* política de enlaces */
#page a:link {font-weight:bold;text-decoration:underline;color:#5B8C3E; }
#page a:visited {font-weight:bold;text-decoration:underline;color:#5B8C3E;}
#page a:hover, #page a:active {text-decoration:underline;color:#086647;}
#page a img {border:0;}
#page #container small a {color:#999; font-weight:normal}

/* listas */
#page ul {list-style:none;}
#page ul li {list-style:none;margin-bottom:10px;}

/* formularios */
#page fieldset {border:none; margin:0; padding:0;}
#page legend{display:none;}
#page input {background-color:#EEE; border:1px solid #CCC; color:#333; padding:5px;} 
#page select {height:25px; background-color:#eee; border:1px solid #CCC; padding:4px; font-size:12px; color:#333;} 
#page textarea{height:100px; border:1px solid #CCC; border:1px solid #CCC; color:#333; background-color:#EEE;} 
#page textarea:focus, #page input:focus, #page select:focus {background-color:#FFFF99; color:#000;} 
#page label {color:#333; font-size:11px; display:block; padding-top:10px;}


/********************** MAQUETACIÓN *******************************/

/* page */
#page {width:100%; background:url(/config/skin/wolters_kluwer_common/images/fnd_shortcuts.jpg) 0 0 repeat-x;}
#page .wrap {margin:0 auto;}
#page .wrap .wrap {width:900px; margin:0 auto;}
#page .wrap .wrap .wrap {width:auto; margin:0;}


/* header */
#page #header {width:100%; height:218px;}
#page.interior #header {width:100%; height:150px;}
#page #header_wrap {height:220px;}

/* logo*/
#page #header #logo {width:330px; top:-10px; _top:0}
#page #header #logo .wrap {position:relative;width:500px;}
#page #header #logo #txt {display:none;}
#page #header #logo #txt #welcome {color:#999;font-weight:bold;font-size:18px;}
#page #header #logo #txt h1 {color:#7E3F00;font-size:34px;font-weight:bold;border-bottom:none;}
#page #header #logo #img {margin-top:35px}

/* shortcuts */
#page #header #shortcuts {float:left;color:#807E6B;font-size:11px;padding-top:10px; width:100%;}
#page #header #shortcuts .wrap {width:auto;}
#page #header #shortcuts a {color:#CCC; font-weight:normal; text-decoration:none}
#page #header #shortcuts .separador {margin:0 4px}
#page #header #shortcuts h3 {float:right; margin-top:-18px; font-size:100%; /*background:url(/config/skin/wolters_kluwer_common/images/ico_arrows.gif) center right no-repeat; padding-right:13px;*/}
#page #header #shortcuts h3 a {color:#FFF; font-weight:bold;}

/* search */
#page #search {margin:0;}
#page #search .wrap {width:900px; height:60px;}
#page #search #search_txt {float:left; text-align:right; width:270px; overflow:visible}
#page #search #search_txt h2 {margin:0; padding:0;  color:#333; top:20px;}
#page #search #search_form {top:15px; width:380px; position:absolute; left:280px;}
#page #search #search_form input {width:275px; height:30px; background:url(/config/skin/wolters_kluwer_common/images/fnd_input_search.png) 0 0 no-repeat; border:none; padding:7px 0 0 27px; behavior: url(/config/skin/00_wolters_kluwer_common/css/iepngfix.htc);}
#page #search #search_form img { vertical-align: middle; top:-2px; *top:-13px}
#page #search #search_advanced {float:right; margin:10px 20px 0 0; _margin:10px 10px 0 0; border-left:1px solid #C6C6C6; padding-left:15px;}
#page #search #search_advanced p {font-size:11px}
#page #search .wbe_container_content {width:900px}



/* layer_nav */
#page #layer_nav {height:30px; overflow:visible;}
#page #layer_nav_wrap {overflow:visible;} 
#page #layer_nav ul {position:relative;float:right;margin-top:12px;padding:0;list-style: none; overflow:visible; height:20px}
#page #layer_nav li {margin:0;padding:0 0 24px 16px;display:inline;text-align:center;}
#page #layer_nav li.selected a {color:#268426; border-bottom:2px solid#268426}
#page #layer_nav li a{text-decoration:none;font-size:17px;color:#333;font-weight:bold;}
#page #layer_nav li a:hover{color:#CC2A3A;}


/* destacado */
#page #destacado {position:absolute; top:80px; width:100%;}
#page.interior #destacado {position:absolute; top:70px; width:100%; border:1px solid red; display:none}
#page #destacado_wrap {}
#page #destacado .mensaje {float:right; padding:10px 0;  margin-right:15px; width:365px; text-align:right;}
#page #destacado .mensaje  h3 {font-size:14px;font-weight:normal;border-bottom:none;margin:0;color:#4A4A4A;letter-spacing:0px;text-transform:none}
#page #destacado .img {float:right; width:215px; }
#page #destacado .btn {float:right; margin:13px 0 0 0;}


/* container */
#page #container {width:100%;margin-top:30px;}

body.doscol #page #container #content {float:left; width:600px; margin-right:30px; _margin-right:20px;}
body.doscol #page #container #container_wrap {background: url(/config/skin/wolters_kluwer_common/images/fnd_right.gif) repeat-y;}

#page #container #content .untercio {float:left;width:272px;margin-right:40px;padding-bottom:20px;}
#page #container #content .untercio h1 {margin-bottom:18px;}
#page #container #content .untercio h2 {margin-bottom:5px;}

#page #container #content .dostercios {float:left;width:590px; margin-right:30px;padding-bottom:20px;}
#page #container #content .dostercios h1 {margin-bottom:18px;}

#page #container #content .unmedio {float:left;width:430px;margin-right:40px;padding-bottom:20px;}
#page #container #content .last {margin-right:0;}

#page #container #content .floatleft{float:left;width:49%; margin-bottom:10px;}
#page #container #content .floatright{float:right;width:49%;margin-bottom:10px;}
#page #container #content .img-especial{float:left;margin-right:5px;margin-bottom:10px}

#page #container #left {float:right; width:220px; padding:20px}
#page #container #left .wrap {padding:0; width:auto;}

/*breadcrumb*/
#page #breadcrumb{margin-bottom:10px;}
#page #breadcrumb a{margin:0 5px;}

/* footer */
#page #footer {width:100%;padding-top:5px;}
#page #footer hr {height:5px}
/*#page #footer #menufooter {height:23px;background-color:#E5E5E5;padding:7px 0 0 20px;color:#666;margin-bottom:15px}*/
#page #footer a {color:#999;}
#page #footer #subfooter{height:20px; padding-top:10px; border-top:4px solid #D5D5D5}
#page #footer #subfooter #logofooter {float:left;color:#999;margin-top:-5px}
#page #footer #subfooter #logofooter .logo {font-weight:bold;}
#page #footer #subfooter #powered {float:right; margin-top:-5px;color:#999;font-size:11px}
#page #footer #subfooter #company {font-weight:bold;}

/** categorías **/
#page #left ul.categorias {}
#page #left ul.categorias li {border-bottom:1px solid #CCCCCC;line-height:20px;text-align:right;}
#page #left ul.categorias li a {background:transparent url(../images/ico_bullet.png) no-repeat scroll right 5px;padding:0pt 10px 0pt 0pt;text-decoration:none;color:#CB2235}
#page #left ul.categorias li a:hover {color:#000;text-decoration:underline;}

#page #left ul.second_level ul {}
#page #left ul.second_level li {border-bottom:1px dashed #E5E5E5;font-size:11px;margin-bottom:5px;}
#page #left ul.second_level li a {background:transparent url(../images/bullet_blue.gif) no-repeat scroll right 5px;color:#242D3A;font-weight:normal;margin:0pt 15px 0pt 0pt;padding:0pt 15px 0pt 0pt;text-decoration:none;}
#page #left ul.second_level li a:hover {color:#7E3F00;text-decoration:none;}

#page #left ul.third_level ul {}
#page #left ul.third_level li {border:medium none;margin:0pt 15px 5px 0pt;}
#page #left ul.third_level li a {background:transparent none repeat scroll 0%;color:#666666;font-weight:normal;margin:0pt;text-decoration:underline; display:block;}
#page #left ul.second_level li a:hover {color:#7E3F00;}

#page #left ul li.last {border-bottom:medium none;}

/*suscribirse*/
#page #suscribir {margin:10px auto; margin-bottom:20px;  width:894px;  padding:15px 5px 0 0; overflow:visible; height:80px;}
#page #suscribir .wrap {overflow:visible;}
#page #suscribir #suscribir_form {/*position:absolute;right:0px;*/ display:inline; float:left;  width:230px;/* margin-top:-90px;  *margin-top:0px;*/}
#page #suscribir #suscribir_form label {display:none;}
#page #suscribir #suscribir_form input.medio {width:200px;float:left;margin:6px 10px 0 0; text-align:right;  background-color:#FFF}
#page #suscribir #suscribir_form img {margin:5px 0 0 10px;}
#page #suscribir #suscribir_txt h1 span{color:#0066CC;}
#page #suscribir #suscribir_txt h1 {margin:0; padding:0; border:none;}
#page #suscribir img.suscribir {display:inline; float:left;/*top:-25px; left:15px;  position:absolute; widh:150px*/}
#page #suscribir #suscribir_txt {display:inline; float:left; /*left:100px;*/ margin-right:40px; text-align:right; /*margin-top:-90px;*/ width:500px;}
#page #suscribir .boton{float:right; margin-right:14px; _margin-right:6px}
#page #suscribir #suscribir_wrap div {overflow:visible;}
#page #suscribir #suscribir_wrap div .wbe_container_content {overflow:visible;}

/*fin*/
#page #content p.fin {margin:10px 0; height:25px; padding:3px 5px 5px 30px; font-weight:bold; font-size:11px; background:url(../images/fnd_fin.gif) 0 0 no-repeat}
#page #left p.fin {margin:10px 0; height:20px; padding:3px 5px 2px 17px; font-weight:bold; font-size:11px; background-color:#CCC; }
#page p.fin a {text-decoration:none; font-size:11px;}

/* btn */
#page .btn {background:url(../images/btn_left.gif) 0 0 no-repeat;font-size:11px;margin:5px 0 5px 0;padding:0 5px;height:25px;float:left;}
#page .btn a {background:url(../images/btn_right.gif) right 0 no-repeat;padding:3px 10px 5px 5px; color:#FFF; font-weight:bold; font-size:14px;display:block;text-decoration:none;}
#page .btn a:visited {color:#FFF;text-decoration:none;}
#page .btn a:hover {text-decoration:none;*text-decoration:underline;color:#E5E5E5;}

#page .nobtn {background:none;padding:5px;float:right;}
#page .nobtn a {background:none;color:#04709F;font-size:12px;text-decoration:underline;padding:0;width:100%;}
#page .nobtn a:visited {color:#04709F;text-decoration:underline;}
#page .nobtn a:hover {color:#FF6600;}

/** carrito **/
#page #carrito{margin-bottom:20px; display:inline-block;}
#page #carrito_wrap {background: #CCC; padding:7px 0 5px 7px; border-bottom:5px solid #7E3F00}
#page #carrito a{text-decoration:none}
#page #carrito h1 {margin-bottom:2px}
#page #carrito form {padding:0; margin:0}
#page #carrito #carro_vacio{margin:5px -7px 0;padding:0 7px 10px;
font-size:9px;color:#eee;font-weight:bold;}

#page #carrito table {font-size:10px;font-weight:bold; margin:0 5px 10px 0;}
#page #carrito table td {vertical-align:top; border-bottom:1px solid #BBB}
#page #carrito table td {padding:4px 3px}
#page #carrito table .cantidad {width:25px}
#page #carrito table .titulo {width:115px; line-height:130%}
#page #carrito table .precio {width:47px}
#page #carrito table .img {width:16px}
#page #carrito table input{width:13px;height:13px; font-size:10px;}

#page #carrito #totalCompra{text-align:right; margin-right:5px; font-weight:bold;}
#page #carrito #actualizarPedido{background: url(img/neutral/boton_naranja.gif) no-repeat;padding:3px 0 3px 10px;}
#page #carrito .btn {float:right}


/*mensajes*/
#page .msgBox { border:1px solid #CCC; padding:15px; margin-bottom:20px; width:567px; background:#FFFFCC; width:525px;}
#page .msgBox p {margin-top:5px}
#page .msgChart {background:#FFFFCC url(/config/skin/wolters_kluwer_common/images/ico_chart.gif) 15px 12px no-repeat; padding-left:63px; width:520px;}
#page .msgEdit {background:#FFFFCC url(/config/skin/wolters_kluwer_common/images/ico_edit.gif) 15px 12px no-repeat; padding-left:50px; width:528px;}


/*****/
#page #container .bulletList li {background:url(/config/skin/wolters_kluwer_common/images/ico_bullet.gif) 0 6px no-repeat; padding-left:15px; font-weight:bold; font-size:90%; margin-bottom:5px 0}
#page #left .corpo {margin-bottom:20px}
#page #left .corpo p {margin:5px 0 0 0}


/*auxiliares*/
#page img.left {float:left;padding:0px 10px 20px 0;}
#page img.right {float:right;padding:0px 0px 20px 15px;}
#page .cleaner {clear:both;height:1px;font-size:1px;border:none;margin:0;padding:0;background:transparent;}
#page .cleanerBackground {clear:both;height:10px;font-size:1px;border:none;margin:0;padding:0; background:url(/config/skin/wolters_kluwer_common/images/img_separador.jpg) center bottom no-repeat;}
#page .backcolor {background-color:#DDD} 
#page .backcolor1 {background-color:#FFF;}
#page .backcolor2 {background-color:#E5E5E5; border-top:1px solid #CCC; border-bottom:1px solid #CCC} 
#page .backcolor3 {background-color:#7E3F00; color:#FFF}
#page .lessColor {color:#666;}
#page .moreColor {color:#333;}
#page .defaultColor {color:#333;} /*NEW*/
#page .noborder {border-bottom:none}
#page .borderDotted {border-bottom:2px dotted #DDD;}
#page .bigBorder {border-bottom:5px solid #999;}
#page .thinBorder {border-bottom:1px solid #BBB;}


/*png transparente*/
* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

/* paginacion */
#page .paginacion {background: url(/config/skin/wolters_kluwer_common/images/fnd_paginacion.gif) 0 0 no-repeat; color:#666666; padding: 5px 0 3px 12px;  margin: 1.5em auto 1.5em auto; overflow: hidden; position: relative; height:30px; width:600px; float:left;}
#page .paginacion * {margin:0}
#page .paginacion p {position:relative;	text-align:right; color:#CCC; font-weight:bold;float:right;padding:2px 22px 2px 5px;}
#page .paginacion p a:link, #page .paginacion p a:visited, #page .paginacion p a:hover, #page .paginacion p a:active {text-decoration:none;
color:#CC2939; padding:2px 5px;font-size:11px}
#page .paginacion p a:hover {background:#3D261C;color:#ffffff}
#page .paginacion p span {text-decoration:none;background-color:#CC2939;padding:2px 5px;color:#FFF;}
#page .paginacion h5 {margin:3px; border:none; font-size:11px; float:left; color:#666;}


/* lightbox */
#light, #lightE {position:absolute; width:100%; text-align:center;  z-index:1002;}
#msg, #div_shop_add_msg, #div_shop_add_msg_e{width:600px; margin:20px auto; border:4px solid #525252;font:normal 12px/150% Arial, Helvetica, sans-serif; color:#333333; line-height:14px; background-color:white; z-index:1003;}
#div_shop_add_alert{width:600px; margin:20px auto; border:4px solid #525252;font:normal 12px/150% Arial, Helvetica, sans-serif; color:#333333; line-height:14px; background-color:white; z-index:1003;line-height:1.4em;overflow:auto;text-align:left;}
.black_overlay {background-color:#000000; display:none; height:100%; _height:3000px; left:0%; opacity:0.8; filter: alpha(opacity=80); overflow:hidden; position:absolute; top:0%; width:100%; z-index:1001; }
/*.white_content {background-color:white; border:4px solid #000000; display:none; left:25%; overflow:auto; padding:16px; position:absolute; top:25%; width:45%; z-index:1002; }
*/
#light .border_top, #lightE .border_top {background-color:#E8E8E8; height:27px;}
#light .close, #lightE .close{float:right; margin-bottom:1px; padding:5px 10px 5px 0pt; text-align:right;}

#contenido, #contenido_carro {clear:both; line-height:1.4em; overflow:auto; padding:10px 15px 15px; text-align:left;}
#contenido h1, #contenido_carro h1{font-size:16px; padding:0;color:#342920;line-height:normal; border-bottom:#E5E5E5 solid 1px;}
#contenido p, #contenido_carro p{margin:0 0 20px 0;}

#contenido ul.list{float:left; margin:0; list-style:none; padding:0;}
#contenido ul.list li{margin:0 0 10px 0; list-style:none;}
#contenido ul.list li input{vertical-align:middle; margin:0 10px 0 0;}

/* btn */
#light .btn, #lightE .btn {background:url(../images/btn_left.gif) 0 0 no-repeat;font-size:11px;margin:5px 0 5px 0;padding:0 5px;height:25px;float:right;}
#light .btn a, #lightE .btn a {background:url(../images/btn_right.gif) right 0 no-repeat;padding:6px 10px 5px 5px; color:#FFF; font-weight:bold; font-size:14px;display:block;text-decoration:none;}
#light .btn a:visited, #lightE .btn a:visited {color:#FFF;text-decoration:none;}
#light .btn a:hover, #lightE .btn a:hover {text-decoration:none;}

a:hover, a:active {color:#001D3B; text-decoration:underline;}
a:link {color:#001D3B; text-decoration:underline;}
/* FIN lightbox */