html, body{height:auto; width:100%;}
html, body, div, img, h1,h2, form, table, td{margin:0px; padding:0px;}
html, body, div, img, h1,h2, form, table, td, textarea{font:normal 12px Trebuchet MS, Arial, Verdana, Helvetica;}
h1, .H2Titulo{background:#f6f6f6;font-size:17px; font-weight:bold; text-decoration:none; color:#F39A05;width:auto;margin-top:5px; padding:5px 10px 5px 20px}
h2 {font-size:15px; font-weight:bold; text-decoration:none; color:#F39A05;width:auto;margin-top:10px; padding:5px 10px 5px 20px}
.H2Titulo2 {background:#f6f6f6;font-size:15px; font-weight:bold; text-decoration:none; color:#F39A05;width:auto;margin-top:10px; padding:5px 10px 5px 20px}
.h2bis {width:auto;font-size:15px; font-weight:bold; text-decoration:none; color:#E88500;width:auto;margin:15px 0px 15px 0px;border-bottom:1px solid #F59B03;text-align:left;}
h3{font-size:14px; font-weight:bold; text-decoration:none; color:#003E5A;margin:0 0;}
h4{font-size:12px; font-weight:bold; text-decoration:none; margin:0 0;}
a img{border:0px;}
a {color:#237291;}
a:hover{color:#6A9EB5;}
a.texto{color:#005DA4; text-decoration:underline;}
a.texto:hover{text-decoration:none;}

a.enlaceL {color:#309CC5 !important;}
a.enlaceL:hover{color:#81C6E0 !important;}

a.enlaceLON {color:#F9A618 !important;}
a.enlaceLON:hover{color:#F9A618 !important;}

body{background:#ffffff url(../fondos/fondoBody.jpg) repeat-x center top;}

body.sinFondo{background:#ffffff; font:11px Arial, Verdana, Helvetica;}
li{list-style-type:disc;}
.contenidosCientificos{color:#4C4C4C;}
.borde{border:1px solid #D8D9D4;}
.sinBorde{border:0px;}
.blanco{color:#ffffff;font-size:11px;}
.titVer{color:#005DA4;font-size:15px;}
.titApartado{color:#D5EB50;font-size:15px;height:20px;}
.titulo{color:#013E5A;font-size:15px;font-weight:bolder;text-transform: uppercase;}
.subTitulo{color:#666;font-size:11px;}

.bordeGris{border:0px;}
.guia{display:none;visibility:hidden;}
.busca{color:#4C4C4C;font-size:10px;}
.azul{color:#005DA4;}
.titulo a{color:#ffffff;font-size:13px; text-decoration:none;}
.cabeceraTabla{color:#005DA4;font-size:11px; text-decoration:none;}
.aviso{font-size:15px; color:#F26C1C;padding:0px;}
.avisoBAD{font-size:15px; color:red;padding:0px;border-bottom:5px solid red;width:100%;}
.avisoOK{font-size:15px; color:green;padding:0px;border-bottom:5px solid green;}
.labelrevista{font-size:12px; font-weight:bold; text-decoration:none; color:#000000;padding-left:15px;}
.labelTXT{
	color:#666;
}
.tituloArticulo{font-size:13px;  color:#0988B3; }
.tituloSeccion{font-size:14px; font-weight:bold; text-decoration:none; color:#003E5A;margin:0 0;}

.enlaceAutor{color:#666 !important;}
.enlaceIdioma{color:#fff !important;}
.enlaceIdiomaON{color:#fff !important;font-weight:bolder;}



.buscador{
background:#f6f6f6;
font-size:17px;
 font-weight:bold;
  text-decoration:none;
   width:auto;
    padding:5px 10px 5px 20px;
}

#imgBox, #imgBox img { display:inline; width:180px;  margin:0;padding:0 }
#imgBoxMin, #imgBoxMin img { width:75px;  margin:0;padding:0 }

hr{
	color:#A9D4E7;
	height:1px;
	width:100%;
	
}

input,select,textarea{color:#333;
/*nuevos*/
	border:1px solid #cccccc;
	background:#ECF3FF;
	 line-height:15px; padding-left:5px;
/*nuevos*/
 }
select{ color:#333333; font-size:12px;}
textarea{ color:#333333; font-size:12px;}
.boton{height:25px; width:auto; text-align:center;
	padding:1px 3px 3px 5px;
   background-color:#015B7E;
   border-top-style:solid;
   border-top-color:#013E5A;
   border-top-width:1px;
   border-bottom-style:solid;
   border-bottom-color:#013E5A;
   border-bottom-width:1px;
   border-left-style:solid;
   border-left-color:#182467;
   border-left-width:1px;
   border-right-style:solid;
   border-right-color:#013E5A;
   border-right-width:1px;
  cursor:pointer; color:#FFFFFF; 
  font:bold 11px Arial, Verdana, Helvetica;
  text-decoration:none;

}

.boton:hover{
   background-color:#013E5A;
   color:#F39A05;
   
}


input.caja, select.caja{
	line-height:13px; 
	padding:2px 2px 3px 2px;
	margin-top:3px;

}
input.caja, .campo-texto{ 
	 font-size:12px;
/*nuevos*/
	border:1px solid #cccccc;
	background:#ECF3FF;
	line-height:13px;
/*nuevos*/
	 
	 
}
textarea.caja{
	border:1px solid #cccccc;
	margin-top:3px;
	padding:3px;
	background:#ECF3FF;
	 padding:3px; line-height:15px; padding-top:4px; padding-bottom:0px; padding-left:5px;
 }
input.caja2{border:1px solid #808080; color:#333; font:11px Arial, Verdana, Helvetica;  padding-left:3px; }
.area{ font-size:14px; text-transform:uppercase; font-weight:bold; color:#202020; padding-left:12px;}

.submit1{
	background:#015B7E;
	border:3px solid #06435F;
	color:#E6FFFF;
	font-size:11px;
	font-weight:bolder;
	padding:3px;
	cursor:pointer
}
.formBuscador input.caja, .formBuscador select{
	background:#ffffff;
}

.checkSinfondo{
	background:transparent;
	border:none;
}


.listaArticulos{
	color:#FAA61A;
 	margin:5px 20px;
}
.listaArticulos li span{
	color:#000;
}
.listaArticulos li span strong{
	font-size:13px;
}

.listaArticulos li{
 	margin:0px 0px 10px 0px;
}


/*nuevos layout*/


#contenedor {
	width: 766px;
	padding: 0 0;
	margin: 0 auto;
	height:auto;
}
#cabecera {
	width:auto;
	height: 137px;
	background:transparent url(../fondos/fondoCab.jpg) no-repeat 6px 0px;
	color: #fff;
}
#cabeceraLeft {
	float:left;
}
#cabeceraRight {
	float:right;
	font-weight:bolder;
	padding:10px 15px 10px 0px;
	text-align:right;
}

#contenido {
	width:auto;
	margin:0 0;
	padding:0 0;	
	height:auto;
	background:url(../fondos/fondoRight.gif) repeat-y right top;
}
.contenidoMargen {
	padding:0px 20px 20px 20px;
}

#contenidoLeft {
	width:161px;
	float:left;
	background:url(../fondos/fondoLeft.gif) repeat-y;
}
#contenidoRight {
	width:599px;
	float:left;
}
.contenidoRightMargen {
	padding:0 0 0 0;
}

#solapa1 {
	width:162px;
	height:66px;
	background:url(../fondos/fondoSolapaLeft.gif) no-repeat;
	text-align:center;
}
#solapa2 {
	position:relative;
	width:162px;
	height:118px;
	background:url(../fondos/fondoSolapaLeft2.gif) no-repeat;
	text-align:center;
	bottom:0%;
}

#pie {
	background:url(../fondos/fondoPie.gif) no-repeat;
	width:auto;
	height:10px;
	clear: both;
	color: #fff;
	padding: 0 0;
	margin: 0 0;
}

#privada {
	margin:0px 10px 0px 12px;
	color:#E6FFFF;
}


#privada a, #carritoMenu a {color:#6A9EB5;}
#privada a:hover, #carritoMenu a:hover{color:#fff;}


#carritoMenu {
	margin:0px 10px 0px 12px;
	color:#E6FFFF;
}

.objetoOculto{
	visibility:hidden;
	display:none;
}


/*menu*/
.menuRevista a, menu a{color:#E6FFFF;font-weight:bold; display:block; text-transform:uppercase; height:19px; text-decoration:none;}
.menuRevista a span, menu a{display:block; padding:2px 0px 0px 12px; }
.menuRevista a:hover, menu a:hover, .menuRevistaON{color:#FAA61A;background:url(../fondos/fondoMenuON.gif) no-repeat; text-decoration:none; }

.menuRevista ul{
	margin:0px 0px;
	padding:0px 0px;

}
.menuRevista ul li{
	list-style-type:none;
}

.menu{	margin-left:-27px;padding-left:-10px;}
.menu li{	list-style:none}

		.menu1{color:#fff;font-weight:bold; display:block; text-transform:uppercase; }
		.menu1:hover{text-decoration:none;color:#fff;}
		.menu2{color:#fff;font-size:13px;padding-left:0px;padding-bottom:0px; padding-top:0px; vertical-align:text-bottom;}
		.menu2:hover{color:#fff;text-decoration:none; color:#005DA4;}
		.menu2ON{color:#fff;font-size:13px; font-weight:bold;padding-left:2px;padding-bottom:0px; padding-top:0px; vertical-align:text-bottom;}
		.menu3{background:#5C8AC8 url(../fondos/flecha.gif) no-repeat right;color:#FFFFFF;font-weight:bold;padding:2px;padding-left:10px; display:block; text-transform:uppercase;}
		.menu3 a{color:#FFFFFF;}
		.menu3:hover{text-decoration:none;color:#FFFFFF;}
		
		.menu4{background:#5C8AC8 url(../fondos/flecha2.gif) no-repeat right;color:#FFFFFF;font-weight:bold;padding:2px;padding-left:10px; display:block; text-transform:uppercase;}
		.menu4 a{color:#FFFFFF;}
		.menu4:hover{text-decoration:none;color:#FFFFFF;}
.lineaSeparaMenu{margin:10px 0px 10px 0px;}
.divOculto{
	display:none;
	visibility:hidden;

}
.txtFormulario{
	color:#003E5A;
	font-weight:bolder;
}

.h2pasos{
	display:inline;font-size:15px; font-weight:bold; text-decoration:none; color:#999;
}
.pasoActivo{
	color:#E88500;
}


/* Formularios
--------------------------------------------------------------------------------------------------------- */
#form {	margin:0 0 0 0; text-align:left; width:500px; display:block;  }

#formulario {	width:100%;  display:block; }
#form .item{padding:0 1% 0 0; margin:0 0 5px 0; text-align:left; width: 49%; float:left; display:block;  }
#form .item-2{padding:0 0 0 0; margin:0 0 5px 0; text-align:left; width: 100%; float:left; display:block;  }
#form .campo-texto{	width: 98%; margin:0 0 5px 0;	 padding:2px;}
#form .item label{ margin: 0 0 5px 0; width: 98%;	padding:2px 0 0 0; text-decoration:none; display:block;  }
#form textarea{width:98%; height:150px;  }
#form .form-bts{padding:0;margin:15px 0 0 0;float:left;text-align:right;width: 280px;}
#form select{ padding:2px;}
#form .item-submit{padding:20px 0 0 0; margin:0 0 5px 0; text-align:left;  float:left; display:block;  }
#form  form{}



.formulario-2 {	padding:0 0 0 5%;margin:0 0 0 0; text-align:left; width:90%; display:block; float:left; color:#999;  }
.formulario-2 .item{padding:0 2% 0 0; margin:0 0 5px 0; text-align:left; width: 48%; float:left; display:block;  }
.formulario-2 .item-2{padding:0 0 0 0; margin:0 0 5px 0; text-align:left; width: 100%; float:left; display:block;  }
.formulario-2 .campo-texto{	width: 98%; margin:0 0 5px 0;	 padding:2px;}
.formulario-2 .item label, .formulario-2 .item-2 label{ margin: 0 0 5px 0; width: 98%;	padding:2px 0 0 0; text-decoration:none; display:block;  }
.formulario-2 textarea{width:98%; height:150px;  }
.formulario-2 .form-bts{padding:0;margin:15px 0 0 0;float:left;text-align:right;width: 280px;}
.formulario-2 select{ padding:2px;}
.formulario-2 .item-submit{padding:20px 0 0 4%; margin:0 0 5px 0; text-align:left; width: 45%; float:left; display:block;  }
.formulario-2 .pad{	padding-top:1em !important; float:left;} 





.formulario { float:left; width:555px; color:#003E5A; padding: 10px 0 20px 0;}
.formulario .item {margin:0 0 0px 20px; float:left;font-weight:bolder;}
.formulario .cuenta {margin:0 0 0px 20px; float:left;}
.formulario label {width:500px;display:block;float:left; text-align:right;padding:3px 20px 3px 0;}
.formulario label.uno {width:226px;display:block;float:left; text-align:right;padding:3px 14px 3px 0;}
.formulario label.dos {width:80px;display:block;float:left; text-align:right;padding:3px 10px 3px 0;}
.formulario .cuenta .cont {width:500px;display:block;float:left; text-align:right;padding:3px 20px 3px 0;}
.formulario  .item input {width:300px; padding:4px; margin: 4px 0 0 0;}
.formulario .cuenta input { padding:4px; margin: 4px 0 0 0;}
.formulario .campotexto {width:300px;padding:2px;}
.formulario label.uno .campo-texto {width:30px !important;padding:2px;}
.formulario label.dos .campo-texto {width:30px !important;padding:2px;}
.formulario .bts {padding:0 0 0 210px; float:left;}
.formulario .botonBis{background:#FFF;border:1px solid #CCC; color:#888;cursor:pointer;}
.formulario .botonBis:hover{background:#CCC;color:#FFF;cursor:pointer;}
.formulario .botonBis-2 {  text-align:center;}
.boton-3 { float:left; }
.formulario .botonBis-2 input {  font-size:14px;}
.formulario textarea {width:310px;padding:2px;}
#datos_envio {display:none;}
#tarjeta_credito {display:none;}
.formulario .titulo4 {float:left;width:537px; padding: 2px 0 2px 10px; margin:5px 0 10px 0; background:#c7c7c7; color:#FFFFFF; font-size:14px;}
.formulario fieldset { padding: 0 0 20px 0; border:none; clear:both;}

.formulario .check {padding:0 0 0 210px; float:left;  }
.formulario .check label {display:block;float:left; text-align:left;padding:3px 0 3px 0;width:320px}

.formulario .textoForm{	float:left;text-align:left;color:#000; }


#login { width:210px; float:left; margin:10px 0 0 0;}
#login .pad { width:200px; padding:0 0px 0 2px 0;float:left;}
#login .pad .item { margin: 5px 0 0px 0;float:left; width:100%;}

#login .pad .item input {margin: 5px 0 10px 0;float:left; width:100%; padding:2px;}
#boton-usuarios2  {margin: 8px 0 0px 0;float:left; }

#login .pad .item-2  { margin:5px 0 0 0; float:left; width:120px;  }



.separador { float:left; height:20px; width:100%;}

.pag {margin:20px 0 10px 0;	padding:1px 0 1px 0px; display:block; float:right; background:#f2f2f2; width:100%;  }

.pag li{margin:0;	padding:0 5px 0 0;	float:left;display:block; }
.pag li a{ color:#999;	margin:5px 0 5px 0;	padding:0 5px 0 5px; display:block; }
.pag li a:hover{display:block; color:#bc0000}
.pag li .sel{display:block; color:#bc0000}

#pedidos {width:100%; padding:4px 0 4px 0;  display:block; margin:0 0 0 0; }

#pedidos span {padding:4px;   }

.registro {margin:15px 0 0 0;background:#C7C7C7; padding:4px 0 4px 0; cursor:pointer; display:block; width::100%; }



#pedidos table {width:100%; background:#F0F0F0; padding:0 0 0 0;}

#pedidos table th {background:#F0F0F0; }

#pedidos table td {background:#FFF; }

#pedidos table .producto {width:40%;}

#pedidos table .referencia {width:10%;}

#pedidos table .precio_unitario {width:10%; }

#pedidos table .cantidad {width:10%;}

#pedidos table .total {width:20%;}

#pedidos table tfoot {width:100%; background:#FFF;}

#pedidos table tfoot .subtotal, #pedidos table tfoot .subtotal_num, #pedidos table tfoot .iva, #pedidos table tfoot .iva_num,#pedidos table tfoot .total , #pedidos table tfoot .total_num{text-align:right;  }

.pedidos_detalles{display:none;}


#tabla-cesta, .tabla-cesta{
	width:100%;
	empty-cells:show;
}
#tabla-cesta thead, .tabla-cesta thead{
	text-transform:uppercase;
}

#tabla-cesta thead th, .tabla-cesta thead th{
	border-bottom:3px solid #ccc;
}

#tabla-cesta tfoot td, .tabla-cesta tfoot td{
	border-top:3px solid #ccc;
}

#tabla-cesta tbody td, .tabla-cesta tbody td{
	background:#eeeeee;
	padding:5px;
	text-align:center;
}
.tabla-cesta.left tbody td{
	text-align:left;
}

#tabla-cesta tfoot td.total, .tabla-cesta tfoot td.total{
	border:1px solid #eee;
}
#tabla-cesta tfoot td.total, .tabla-cesta tfoot td.total{
	border-top:3px solid #ccc;
}

.pestanaRevista{
    text-decoration:none;
    padding:2px 5px;
}
.pestanaRevistaON, .pestanaRevista:hover{
    background-color:#f6f6f6;
    padding:2px 5px;
    text-decoration:none;
}
.pestanaRevistaON{
    font-weight:bolder;
}
.pestanaRevistaSeparador{
    padding:2px 5px;
}

.pestanaGris{
    color:#999;
}
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 590px; 
    height:30px; 
    margin-left:-15px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    text-decoration:none;
    font-weight:bolder;
    background-color:#f6f6f6;

}
div.scrollable div.items div a{  
    cursor:pointer;
    
} 

.checkoculto{
	visibility:hidden;
}

