@import url("base.css");

#container {
  width: 960px;
  margin: 10px auto;
}
#container #menu {
  margin-top:10px;
  margin-left:0px;
  width: 180px;
  float: left;
}
#container #content {
  width: 570px;
  min-height: 375px;
  margin-left:12px;
  float: left;
}
#container #side_menu {
  width: 180px;
  float: right;
  margin-top:-30px;
}

#container #menu .menu_cont {
  padding: 10px;
  background-color:#F9F9F9;
}
#container #content .content_cont {
  padding: 0 10px;
}
#container #side_menu .side_menu_cont {
  padding: 10px;
  background: #fff url("../imag/bg_side_menu.png") bottom left repeat-y;
}

/* menu */

#container #menu h3 {
  background: url("../imag/bg_h3_column.png") top left repeat-x;
  font: bold 1em Arial;
  color: #fff;
  margin: 0;
  padding: 4px 6px;
}
#container #menu .menu_cont ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#container #menu .menu_cont ul li {
  
  margin: 0;
}
#container #menu .menu_cont ul li a {
  color: #333;
  text-decoration: none;
  line-height: 20px;
  background: url("../imag/bullet.png") 0 5px no-repeat;
  padding-left: 15px;
  font-size: .9em;
}
.noLink{
  color: #333;
  text-decoration: none;
  line-height: 20px;
  background: url("../imag/bullet.png") 0 5px no-repeat;
  padding-left: 15px;
  font-size: .9em;
}

/* side menu */

#container #side_menu .cabecera_side_menu {
  background: url("../imag/top_menu_side.png") top left no-repeat;
  padding: 4px 6px;
  width: 168px;
}
#container #side_menu .cabecera_side_menu h3 {
  float: left;
  font: bold .9em Arial;
  color: #fff;
  margin: 0;
}
#container #side_menu .cabecera_side_menu a {
  float: right;
  font: bold .9em Arial;
  color: #fff;
  margin: 0;
}
#container #side_menu .side_menu_cont {
  color: #666;
  font-size: .9em;
  width: 180px;
  margin: 0 auto;
}
#container #side_menu .side_menu_cont p {
  margin: 0 0 4px 0;
  font-weight: bold;
}
#container #side_menu .side_menu_cont p a{
	color: #666666;
	text-decoration: none;
}
#container #side_menu .side_menu_cont p a:hover{
	color: #FF7520;
	text-decoration: underline;
}
#container #side_menu .side_menu_cont p a:visited{
	color: #666666;
	text-decoration: none;
}
#container #side_menu .side_menu_cont p a:focus{
	color: #666666;
	text-decoration: none;
}
#container #side_menu .side_menu_cont p a:active{
	color: #666666;
	text-decoration: none;
}
#container #side_menu .side_menu_cont p.alertas {
  background: url("../imag/ico_alertas.png") top left no-repeat;
  padding-left: 20px;
  line-height: 16px;
  height: 25px;
}
#container #side_menu .side_menu_cont p.busquedas {
  background: url("../imag/ico_busquedas.png") top left no-repeat;
  padding-left: 20px;
  line-height: 20px;
  height: 25px;
}
#container #side_menu .side_menu_cont p.acrobat {
  background: url("../imag/ico_acrobat.png") top left no-repeat;
  padding-left: 20px;
  line-height: 20px;
  height: 25px;
}
#container #side_menu .side_menu_cont p.sheet {
  background: url("../imag/ico_sheet.png") top left no-repeat;
  padding-left: 20px;
  line-height: 20px;
  height: 25px;
}
#container #side_menu .side_menu_cont p.seguridad {
  background: url("../imag/ico_seguridad.png") top left no-repeat;
  padding-left: 20px;
  line-height: 20px;
  height: 25px;
}

#container #side_menu .side_menu_cont ul {
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  list-style: none;
  width: 160px;
  border-top: 1px solid #EAEAEA;
}
#container #side_menu .side_menu_cont ul li a {
  font-weight: bold;
  color: #0066CC;
}
#container #side_menu .esq_inf {
  display: block;
  width: 180px;
  height: 12px;
  background: url("../imag/down_menu_side.png") top left no-repeat;
}

/* content */
#container #content .content_cont h2 {
  font: normal 1.4em Arial;
  color: #333;
  margin: 0;
  padding: 0 0 0 22px;
}
#container #content .content_cont p.bienvenida {
  color: #666;
  margin: 3px  0 0 0;
  padding: 0 0 0 22px;
}
#container #content .content_cont .breadcrumb {
  float: left;
}
#container #content .content_cont a.volver {
  float: right;
  color: #FF7520;
  font-weight: bold;
}
#container #content .content_cont .block {
  width: 555px;
  margin-top: 10px;
  padding-top: 12px;
  background: url("../imag/esq_sup_block.png") top left no-repeat;
}
#container #content .content_cont .block .block_content {
  background: #F9F9F9;
  padding: 0 14px 0 14px;
  width: 527px;
}
#container #content .content_cont .block h4 { 
  margin: 0;
  padding: 0;
  font: bold 1em Arial;
  color: #333;
}
#container #content .content_cont .block p.subtitulo {
  color: #666;
  font-size: .9em;
  margin: 2px 0 15px 0;
}
#container #content .content_cont .block .item {
  width: 525px;
  margin: 5px auto;
  color: #666;
  margin: 8px 0 0 0 ;
  font-size: .95em;
}
#container #content .content_cont .block .item p { 
  line-height: 20px;
  width: 400px; 
  float: left; 
  padding-left: 10px;
  margin: 0;
  background: url("../imag/bullet_item.png") 0 8px no-repeat;
}
#container #content .content_cont .block .item p a { text-decoration: none; font-weight: bold; }
#container #content .content_cont .block a { color: #0F6FCF; }
#container #content .content_cont .block .item p.accion {
  width: 75px;
  float: right;
  font-size: .9em;
  text-align: right;
}
#container #content .content_cont .block  a.accion {
  width: 75px;
  float: right;
  font-size: .9em;
  text-align: right;
} 
 
#container #content .content_cont .block a.pdf {
  background:  url("../imag/ico_pdf.png") 0 0 no-repeat;
  padding-left: 20px;
  line-height: 20px;
}
#container #content .content_cont .block .premium_ofertas .item {
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
#container #content .content_cont .block .premium_ofertas .last { border: 0;  margin-bottom: 0; }
#container #content .content_cont .block .premium_ofertas p { 
  background: none;
  padding-left: 0; 
}
#container #content .content_cont .block .premium_ofertas span.precios {
  font: bold 1.4em Arial;
}
#container #content .content_cont .block .premium_ofertas span.precios del {
  color: #999;
}
#container #content .content_cont .block .premium_ofertas .item .accion a.comprar {
  display: block;
  width: 82px;
  height: 19px;
  background: #F9F9F9 url("../imag/boton_comprar.png") top left no-repeat;
  margin: 15px auto;
}
#container #content .content_cont .block .premium_ofertas .item .accion a.comprar span { display: none; }
#container #content .content_cont .block .item img {
  float: left;
  margin-right: 10px;
}
#container #content .content_cont .block .item .item_cont {
  float: left;
  width: 300px;
}
#container #content .content_cont .block p.ver_mas {
  text-align: right; 
  margin: 0;
  padding: 0 14px 14px 0;
  font: bold .95em Arial;
  height: 10px;
  background: #F9F9F9 url("../imag/esq_inf_block.png") bottom left no-repeat;
}
#container #content .content_cont .block p.ver_mas a { 
  color: #FF7520; 
}
 
#container #content .content_cont .libros .item p {
  background: none;
  width: 300px;
  color: #333;
  margin: 0;
}
#container #content .content_cont .libros .item p.estado {
  width: 150px;
  float: right;
  text-align: right;
}

#container #content .content_cont .libros table {
  border-collapse: collapse;
  width: 527px;
  font-size: .9em;
  color: #666;
}
#container #content .content_cont .libros table tr td { 
  background: #fff;
  padding: 5px 10px;
}
#container #content .content_cont .libros table tr td.der { text-align: right; }
#container #content .content_cont .libros table tr td.center { text-align: center; } 
#container #content .content_cont .libros table tr td a { 
  font-weight: bold;
  text-decoration: none; 
} 
#container #content .content_cont .libros table tr th { padding-bottom: 5px;}
#container #content .content_cont .libros table tr th.titulo {
  text-align: left;
  width: 265px;
}
#container #content .content_cont .libros table tr th.isbn { width: 100px; }
#container #content .content_cont .libros table tr th.uds, 
#container #content .content_cont .libros table tr th.precio { width: 55px; text-align: right; padding-right: 5px;}

#container #content .content_cont .premium {
  background: url("../imag/esq_sup_block_premium.png") top left no-repeat;
}
#container #content .content_cont .premium .block_content {
  background: #DFF1FF;
}
#container #content .content_cont .premium p.ver_mas {
  background: #DFF1FF url("../imag/esq_inf_block_premium.png") bottom left no-repeat;
  margin: 0;
}

/*bloque comunicaciones*/
#container #content .content_cont .comunicaciones {
  background: url("../imag/esq_sup_block_comunicaciones.png") top left no-repeat;
}
#container #content .content_cont .comunicaciones .item_comunicacion {
  background: url("../imag/ico_comunicacion.png") 0 12px no-repeat;
  padding: 10px 0 10px 24px;
  margin: 0;
  border-bottom: 1px solid #FFD578;
}
#container #content .content_cont .comunicaciones .last { border: 0; }
#container #content .content_cont .comunicaciones .block_content { background: #FFF2A4; }
#container #content .content_cont .comunicaciones p.ver_mas {
  background: #FFF2A4 url("../imag/esq_inf_block_comunicaciones.png") bottom left no-repeat;
  height: 1px;
}

#container #content .content_cont .comunicaciones .item_comunicacion p {
  margin: 0;
  padding: 0;
  color: #666;
  font-size: .95em;
}
#container #content .content_cont .comunicaciones .item_comunicacion p.asunto { 
  color: #FF7520;
  font-weight: bold;
}

#container #content .content_cont form .item p { background: none !important; }
#container #content .content_cont p.enviar {
  text-align: right;
  width: 100%
  margin-top: 15px;
}
#container #content .content_cont form .lista_campos {
  float: left;
  width: 150px;
}
#container #content .content_cont .item .lista_campos p { width: 150px; }

/* mis datos */

#container #content .content_cont form .campos_formulario {
  margin-top: 10px;
  color: #666;
}
#container #content .content_cont form .campos_formulario label {
  color: #666;
  display: block;
  line-height: 24px;  
}
#container #content .content_cont form .campos_formulario p { margin: 3px 0;}
#container #content .content_cont form .campos_formulario p label {
  display: inline;
  margin-right: 20px;
}
#container #content .content_cont form .campos_formulario p label.puerta {
  margin-left: 15px;
}
#container #content .content_cont form .campos_formulario p input {
  display: inline;
  margin: 0 15px 0 0;
}
#container #content .content_cont form .campos_formulario p input.nombre_via {
  margin-left: 10px;
}
#container #content .content_cont form .campos_formulario p.sin_floats { 
  padding-top: 10px;
  margin: 0;
}
#container #content .content_cont form .campos_formulario p.sin_floats input {
  float: left;
  margin: 5px 5px 5px 75px;
  width: 20px;
  border: 0;
}
#container #content .content_cont form .campos_formulario p.sin_floats label {
  float: right;
  width: 400px;
}
#container #content .content_cont form .campos_formulario p.link_datos_facturacion {
  margin: 0;
  padding-top: 10px; 
}
#container #content .content_cont form .campos_formulario input {
  display: block; 
  width: 250px;
  font-size: .9em;
  border: 1px solid #809DB9;
  color: #666;
}
#container #content .content_cont form .campos_formulario input.w150 { width: 150px; }
#container #content .content_cont form .campos_formulario input.w50 { width: 50px; }

#container #content .content_cont form .campos_formulario select {
  font-size: .9em;
  color: #666;
}
#container #content .content_cont form .campos_formulario h4 {
  margin-top: 20px;
} 

#container #content .content_cont .premium .item p input { 
  width: 12px;
}
#container #content .content_cont p.filtro_busqueda { text-align: right; }
#container #content .content_cont p.filtro_busqueda select{ float: left; }
#container #content .content_cont p.filtro_busqueda input {
  float: left;
  margin-left: 5px;
}

/* registro */

#container #content.registro {
  width: 100%;
}
#container #content.registro .content_cont {
  width: 575px;
  margin: 0 auto;
}
#container #content.registro .content_cont .block_registro {
  width: 272px;
  float: left;
  margin: 35px 0 0 10px;
  padding: 0;
  color: #666;
  background: #fff url("../imag/bg_block_registro.png") bottom left no-repeat;
}
#container #content.registro .content_cont .block_registro h4 {
  margin: 0;
  display: block;
  padding: 4px 9px 0 9px;
  font: bold .95em Arial;
  background: #fff url("../imag/top_nuevos_usuarios.png") top left no-repeat;
  color: #fff;
  height: 22px;
}
#container #content.registro .content_cont .block_registro .block_content .campos_formulario {
  width: 225px;
  margin: 0 auto;
}
#container #content.registro .content_cont .block_registro .block_content {
  width: 244px;
  background: none;
}
#container #content.registro .content_cont .block_registro .block_content input {
  width: 220px;
}
#container #content.registro .content_cont .block_registro .block_content select { display: block; }
#container #content.registro .content_cont .block_registro .block_content input.w65 { width: 65px; }
#container #content.registro .content_cont .block_registro .block_content p.enviar input {
  width: 100px;
  margin: 0 12px 5px 0;
}
#container #content.registro .content_cont .block_registro .block_content p {
  margin-top: 10px;
}
#container #content.registro .content_cont .block_registro .block_content p.seguridad {
  font-size: .9em;
  text-align: right;
  width: 100%;
  border-top: 1px solid #EAEAEA;
  padding: 7px 0 10px 0;
}
#container #content.registro .content_cont .block_registro .block_content p.seguridad a {
  background: url("../imag/ico_seguridad.png") top left no-repeat;
  padding: 0 0 3px 20px;
}
#container #content.registro .content_cont .block_registro .block_content p.olvide_pass a { background: none; }
#container #content.registro .content_cont .login h4 {
  background: #fff url("../imag/top_usuarios_registrados.png") top left no-repeat;
}


#container #content .content_cont table {
  border-collapse: collapse;
  margin: 10px 0;
  color: #666;
  font-size: .95em;
}
#container #content .content_cont table tr td {
  vertical-align: top;
  padding: 10px 3px; 
}
#container #content .content_cont table.suscripciones tr td { padding: 5px 3px; }
#container #content .content_cont table tr td label a { font-weight: bold; }
#container #content .content_cont table tr td p { margin: 0; text-align: right; }
#container #content .content_cont table tr td p select {
  margin: 5px 0 ;
  font-size: .9em;
}