/*
	Arnoia
	Metodología CSS: http://wiki.trevenque.es/index.php/Desarrollo_Web
	Anibal Barnés - GTK
	_Estilos tipográficos y sobreescritura de los estilos de framework/typography.css
*/
body{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#666;}
.menu li a{font-size:12px;color:#fff;font-weight:bold;text-transform:uppercase;text-decoration:none;}
.menu li a:hover{color:#fff;cursor:pointer;}
.buscador .boton, #contenido .boton3 {color:#fff;font-size:10px;font-weight:bold;}
input.boton{color:#fff;font-size:10px;font-weight:bold;}
input,select{color:#333;font-size:11px;padding:3px;}
.avanzada{color:#029ACC;text-transform:uppercase;font-size:10px;}
.avanzada:hover{color:#DDDEED;}

#pie {color:#fff;line-height:1;}
#pie a {color:#fff;font-weight:bold;}
#pie a:hover { color:#fff;text-decoration:none;}
h3{font-size:16px;color:#04488A;font-weight:bold;}
h3.cabecera{color:#333;font-size:12px;padding-bottom:16px;}
h3 span{font-weight:normal;}
.idiomas ul li a, .idiomas, ul.login li a, ul.login li {font-size:10px;color:#fff; font-weight:bold;text-decoration:none;}
.idiomas ul li a:hover{ color:#fff;text-decoration:underline;}
ul.login li a {text-decoration:underline;}
ul.login li a:hover {color:#fff;text-decoration:none;}
.caja .libro h2 a{font-size:14px;color:#0099CC;text-decoration:none;text-transform:uppercase;}
.caja .libro h2 a:hover{color:#0099CC;text-decoration:underline;}
.caja .libro .autor a{font-size:11px;font-weight:bold;color:#024689;text-decoration:none;text-transform:uppercase;}
.caja .libro .autor a:hover{color:#024689;text-decoration:underline;}
.caja .papeleria h2 {font-size:16px;color:#333;font-weight:bold;}
.caja .papeleria a{color:#024689;font-size:11px;font-weight:bold;}
.caja .papeleria a:hover{text-decoration:none;}
.caja .papeleria {color:#024689;font-size:11px;}
a.titulo{color:#024689;font-size:12px;text-decoration:none;line-height:13px;text-transform:uppercase;font-weight:bold;}
a.titulo:hover{color:#0099CC;text-decoration:underline;}
a.autor{color:#0099CC;font-size:11px;text-decoration:none;line-height:11px;text-transform:uppercase;}
a.autor:hover{color:#024689;text-decoration:underline;cursor: pointer;}
a.editorial,.precio{color:#666;font-size:11px;text-decoration:none;text-transform:uppercase;font-weight:bold;}
a.editorial:hover{color:#666;text-decoration:underline;}
.precio{font-size:14px;float:left;}
.comprar{color:#029ACC;font-weight:bold;text-decoration:none;float:left;}
.comprar:hover{color:#029ACC;text-decoration:underline;}
#form .titular h4, #form .titular2 h4{color:#333;font-size:14px;font-weight:bold;}
#form .titular a, #form .titular2 a{color:#029ACC;font-size:12px;font-weight:bold;}
#form .titular a:hover, #form .titular2 a:hover{color:#029ACC;text-decoration:none;}
.orden a{color:#0099CC;text-decoration:none;}
.orden a:hover{color:#0099CC;text-decoration:underline;}
.orden {color:#333;font-weight:bold;}
.orden li a.ordenSelect{background:#0099CC; color:#FFFFFF;text-decoration:none;padding: 1px 5px;}
.paginador {font-size:14px;font-weight:bold;color:#333;}
.paginador a{color:#0099CC;text-decoration:none;font-weight:bold;}
.paginador a:hover{color:#0099CC;text-decoration:underline;}
.ordenados {font-size:10px;}
.atras-siguiente {font-size:10px;}
.herramientas a{font-size:10px;font-weight:bold; text-transform:uppercase;color:#30689F;}
.herramientas a:hover{color:#30689F;text-decoration:none;}
.fichacompleta .herramientas a,.fichacompleta .herramientas a:hover{color:#109FCF;}
div.cesta .herramientas a{color:#666;text-decoration:none;}
div.cesta .herramientas a:hover{color:#666;text-decoration:underline;}
span.rojo{color:#FB4348;}
#albaranes label{color:#333;}
#albaranes label span{color:#0099CC;}
#albaranes label.fecha{color:#666;}
th { color: #04488A; font-size: 11px; text-transform: uppercase; }
td { color: #333; }
td.libros-lis a { font-weight: bold; color: #0099CC; text-decoration: none; display: inline-block; margin-top: 2px; }
td.libros-lis a:hover { color: #0099CC; text-decoration: underline; }
td.libros-lis span.subtitulo { display: inline-block; width: 100%; color: #007399; font-size: 11px; text-transform: uppercase; }
td.libros-lis span.ean {
	color: #535353;
	display: block;
	font-size: 11px;
	margin-top: 2px;
}
td.cantidad{font-weight:bold;}
.caja-comprar .caja-precio {color:#024689;font-size:20px;font-weight:bold;}
.caja-comprar a{color:#fff;text-decoration:none;font-size:12px;font-weight:bold; width: 130px; float:left;}
.caja-comprar a:hover{color:#fff;text-decoration:underline; }
.fichacompleta .titulo { color: #0099CC; font-size: 18px; font-weight: normal; }
.fichacompleta .subtitulo { color: #007399; font-size: 14px; font-weight: normal; }
.fichacompleta label, .fichacompleta span {text-transform:uppercase;font-size:11px;}
.fichacompleta span {font-weight:bold;}
.fichacompleta span.detalle {
	font-weight:bold;
	width: 120px;
}
.fichacompleta span a {color:#666;}
.fichacompleta span a:hover {color:#666;text-decoration:none;}
.fichacompleta .info span{font-weight:normal;text-transform:none;font-size:12px;}
.fichacompleta a.autor{font-size:12px;text-decoration:underline;}
.fichacompleta a.autor:hover{text-decoration: none;}
tr.info td { font-size: 11px; }
div.cesta .caja-precio strong {
	color: #000;
	font-size: 11px;
	margin-right: 10px;
	vertical-align: middle;
}
div.cesta td {color:#333;}
.info-cesta strong{color:#000;font-size:14px;}
td.total{font-size:14px;font-weight:bold;}
div.cesta td.cantidad{font-weight:normal;}
.repartos span{font-size:12px;font-weight:normal;}
.repartos span.faltan{color:#fff; background-color:#0099CC;font-weight:bold;padding:0 0px;}
#contenido h3.encabezado{color:#04488A;font-size:16px;padding-bottom:11px;margin-top:20px;}
a.anadir{font-size:11px;color:#666;text-decoration:none; text-transform:uppercase;}
a.anadir:hover{color:#666;text-decoration:underline;}
strong.anadir{color:#999;font-size:11px;font-weight:normal;}
.enlaces-opc a{color:#0099CC;text-decoration:underline;font-size:10px;font-weight:bold;}
.enlaces-opc a:hover{color:#0099CC;text-decoration:none;}
a.finalizar{color:#fff;text-decoration:none; text-transform:uppercase;font-weight:bold;}
a.finalizar:hover{color:#fff;text-decoration:underline;}
.preventas .datos{font-size:11px;}
strong.azul{color:#04488A;margin-right:10px;}
ul.categorias a{color:#333;text-decoration:none;}
ul.categorias a:hover{color:#333;font-weight:bold;}
ul.enlaces a{color:#029ACC;text-decoration:underline;font-weight:bold;}
ul.enlaces a:hover{color:#029ACC;text-decoration:none;}

/* MENU MATERIAS */
.menu-materias {
	background: url('../images/menu-comercial-fondo.png') no-repeat scroll left top / 204px auto #DAE8F4;
	box-shadow: -3px 3px 5px #CFCFCF;
	margin: 0 auto;
	width: 198px;
	padding: 0 3px 5px;
}
.menu-materias h2 { color: #04488A; font-size: 14px; font-weight: bold; }
.menu-materias li a { color: #04488A; text-decoration: none; font-size: 11px; }
.menu-materias li a:hover { color: white; text-decoration: none; }
.menu-materias .nombre {
	background-color: #04488A;
	color: white;
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
	padding-left:16px;
	margin: 5px 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.menu-materias .nombre.materia {
	background-color: transparent;
	color: #04488A;
}
.menu-materias .nombre.red {
	color: red;
}
.menu-materias .nombre a {
	text-decoration: none;
	color: red;
}
#columna_izq_a .menu-materias .nombre a {
	color: white;
}
.menu-materias h2 { line-height:14px;margin:0;padding:16px 0 5px 16px;float:left; }
.menu-materias ul { padding-bottom:5px; background-color:silver }
.menu-materias li { list-style-image:none;list-style-position:outside;list-style-type:none;margin-left:16px; font-size: 10px; }
.menu-materias li a {
	background: transparent url(../images/flechita-azul.gif) no-repeat scroll left top;
	padding-left: 14px;
	text-decoration: none;
	cursor: pointer;
}
.menu-materias li a.selected {
	background-color: white;
	background-image: url(/html/images/icon-close-circled-blue.png);
	background-position-x: 169px;
	background-position-y: center;
	display: block;
	font-weight: bold;
	padding: 5px 20px 5px 5px;
	margin-left: -10px;
	margin-right: 5px;
}
.menu-materias li a:first-letter {
	text-transform: uppercase;
}
.menu-materias li a.selected:hover {
	color: black;
	background-image: url(/html/images/icon-close-circled-black.png);
}
.menu-materias a.salir {background:transparent url(../images/salir.gif) no-repeat scroll left top;padding:2px 0 0 17px;height:15px;float:right;margin:15px 15px 0 0;}
.menu-materias ul ul.submateria {
	background-color: white;
	padding-top: 5px;
	width: 210px;
}
.menu-materias ul ul.submateria a:hover {
	color:black;text-decoration:none;
}
.menu-materias .nombre2 {
	padding-left:30px;
	margin-bottom:5px;
	cursor: pointer;
	color: #04488A;
	font-size: 11px;
	text-transform: lowercase;
	margin-bottom: 0px;
}
.menu-materias .menu3 {
	float: right;
	position: absolute;
	left: 165px;
	border: 1px solid black;
	z-index: 999;
}
.menu-materias.filtros_izq {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* MENU atributos */
.menu-atributos {background:#DAE8F4 url(../images/menu-comercial-fondo.png) no-repeat scroll left top;margin:0px auto;width:190px;border-bottom: 1px solid #B6C9DD;}
.menu-atributos h2{line-height:14px;margin:0;padding:16px 0 5px 16px;float:left;}
.menu-atributos ul {padding-bottom:5px; background-color:silver}
.menu-atributos li {list-style-image:none;list-style-position:outside;list-style-type:none;margin-left:16px; font-size: 10px;}
.menu-atributos li a {background:transparent url(../images/flechita-azul.gif) no-repeat scroll left top;padding-left:14px; text-decoration: none;}
.menu-atributos li a.selected {
	background-color: white;
}
.menu-atributos a.salir {background:transparent url(../images/salir.gif) no-repeat scroll left top;padding:2px 0 0 17px;height:15px;float:right;margin:15px 15px 0 0;}
.menu-atributos .nombre {
	padding-left:16px;
	margin-bottom:5px;
	cursor: pointer;
	margin-top: 5px;
}
.menu-atributos .nombre a {
	text-decoration: none;
	color: red;
}
.menu-atributos ul ul.submateria {
	background-color: white;
	padding-top: 5px;
	width: 210px;
}
.menu-atributos ul ul.submateria a:hover {
	color:black;text-decoration:none;
}
.menu-atributos .nombre2 {
	padding-left:30px;
	margin-bottom:5px;
	cursor: pointer;
	color: #04488A;
	font-size: 11px;
	text-transform: lowercase;
	margin-bottom: 0px;
}
.menu-atributos .menu3 {
	float: right;
	position: absolute;
	left: 165px;
	border: 1px solid black;
	z-index: 999;
}

.tachado {
	text-decoration: line-through;
}
.linkKalaikiPrincipal {
	display: block;
	margin: 15px 0;
	width: 120px;
}
#columna_izq_a h2.tipo_articulo {
	color: #FFF;
	text-shadow: 0 0 1px #000;
	text-transform: capitalize;
}
.boton_1_clic {
	background-image: url(../images/1clic.png?v1), url(../images/boton3.png);
	background-repeat: no-repeat, repeat-x;
	background-position: 4px 2px, center;
	background-size: 17px 17px, auto;
	font-size: 11px;
	font-weight: bold;
	width: 80px;
	height: 19px;
	color: white;
	padding-left: 24px;
	padding-top: 3px;
	border-radius: 5px;
	cursor: pointer;
	float: left;
	margin-bottom: 8px;
}
.boton_cesta {
	background-image: url(../images/carrito.png?v1), url(../images/boton2.png);
	background-repeat: no-repeat, repeat-x;
	background-position: 4px 2px, center;
	background-size: 17px 17px, auto;
	font-size: 11px;
	width: 67px;
	height: 19px;
	color: white;
	padding-left: 37px;
	padding-top: 3px;
	border-radius: 5px;
	font-weight: bold;
	cursor: pointer;
	float: left;
}

.boton_avion {
	background-image: url(../images/avion.png?v2), url(../images/boton2.png);
	background-repeat: no-repeat, repeat-x;
	background-position: 4px 3px, center;
	background-size: 17px 17px, auto;
	font-size: 11px;
	width: 75px;
	height: 19px;
	color: white;
	padding-left: 37px;
	padding-top: 3px;
	border-radius: 5px;
	font-weight: bold;
	cursor: pointer;
	float: left;
	margin-bottom: 5px;
}

.boton_barco {
	background-image: url(../images/crucero.png?v2), url(../images/boton3.png);
	background-repeat: no-repeat, repeat-x;
	background-position: 4px 2px, center;
	background-size: 17px 17px, auto;
	font-size: 11px;
	width: 75px;
	height: 19px;
	color: white;
	padding-left: 37px;
	padding-top: 3px;
	border-radius: 5px;
	font-weight: bold;
	cursor: pointer;
	float: left;
}

.mas_menos {
	background-color: #04488A;
	cursor: pointer;
	width: 10px;
	height: 10px;
	color: white;
	border-radius: 5px;
	padding-left: 4px;
	padding-bottom: 7px;
	font-weight: bold;
	float: left;
	margin-bottom: 3px;
	margin-left: 4px;
}
.cantidad_pedir {
	width: 25px;
	height: 18px;
	border: 1px solid black;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 3px;
	border-radius: 5px;
	font-weight: bolder;
}
.cantidad_pedir_select {
	width: 50px;
	height: 25px;
	border: 1px solid black;
	float: left;
	margin-left: 25px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 3px;
	border-radius: 5px;
	font-weight: bolder;
}

.capitalize {
	text-transform: capitalize;
}
.ucfirst {
	display: block;
}
.ucfirst::first-letter {
	text-transform: uppercase;
}