/* CSS Document */

html,body, h2, h3, h4, h5, div, p, ul, li, input{
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	}

h3{
	height: 32px;
	margin-left:0px;
	margin-top:0px;
	}

h3 span{
	display: none;
	visibility: hidden;
	}

img{
	/*display:block;*/
	border:0;
	}

h1,h2,.invisible{
	display:none;
	}

cite {
	font-style: oblique;
}

body{
	font-size: 0.8em;
	text-align:left;
	background-image: url(../imagenes/cabecera-fondo.jpg);
	background-repeat: repeat-x;
	margin:0;
	padding:0;
	}
html, body { height: 100%; }
#cabecera{
	height: 138px;
	background-image: url(../imagenes/cabecera01.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 100%;
	min-width: 767px;
	float: left;
	}

/* ----------------- cesta ----------------------*/

#cesta{
	height: 138px;
	float:right;
	list-style: none;
	overflow:hidden;
	margin: 0;
	padding: 0;
	background-image: url(../imagenes/fondo-compra.gif);
	background-repeat: no-repeat;
	width: 238px;
	}

#cesta ul{
	list-style: none;
	overflow:hidden;
	margin: 0;
	padding: 0;
	font-size: 80%;
	text-align:right;
	margin-top:25px;
	}

#cesta li{
	list-style: none;
	overflow:hidden;
	margin: 0;
	padding: 0;
	width: 138px;
	height: 18px;
	padding-left: 10px;
	letter-spacing: 0.15em;
	padding-right: 40px;
	padding-top: 6px;
	background-repeat: no-repeat;
	background-position: 150px 5px;
	}
#cesta li a{
	text-decoration: none;
	color: #4466CC;
	}
#cesta li a:hover{
	text-decoration: none;
	color: #4466CC;
	font-weight: bolder;
	}
#cesta h3{
	display: none;
	}
#mi-cuenta{
	background-image:url(../imagenes/mi-cuenta2.gif);
	}

#ver-cesta{
	background-image:url(../imagenes/ver-cesta2.gif);
	}

#realizar-pedido{
	background-image:url(../imagenes/realizar-pedido2.gif);
	}
#login{
	background-image:url(../imagenes/login.gif);
	}
/* ----------------- contenedores ----------------------*/

#contenedor-general{
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
	width: 100%;
	
	}

#contenedor-ituci{
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
	width: 80%;
	}
	
/* ----------------- menu y migas ----------------------*/
	
#menu{
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
	background-image: url(../imagenes/fondo-menu.jpg);
	background-repeat: no-repeat;
	float: left;
	clear: left;
	width: 80%;
	font-size: 80%;
	height: 14px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6D81E3;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 14px;
	}
html>body #menu {
	height: 14px;
	}
#menu ul{
	display:inline;
	}
#menu ul li{
	display:inline;
	}
#menu li a:link, #menu li a:visited{
	text-decoration: none;
	padding-right:2px;
	padding-left:2px;
	border: 1px solid #FFFFFF;
	color: #3366CC;
	}
#menu li a:hover{
	text-decoration: none;
	padding-right:2px;
	padding-left:2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6D81E3;
	border-right-color: #6D81E3;
	border-bottom-color: #FFFFFF;
	border-left-color: #6D81E3;
	color: #000000;
	}
#migas{
	text-align:right;
	background-color:#E7EEFC;
	margin: 0;
	padding: 0;
	background-image: url(../imagenes/fondo-migas.gif);
	float: left;
	clear: both;
	width: 80%;
	font-size: 79%;
	height: 14px;
	min-height:19px;
	padding-top:5px;
	background-repeat: repeat-x;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 14px;
	}
html>body #migas {
	height: 14px;
	}
	
#migas p{
	margin: 0;
	padding: 0;
	padding-right: 3%;
	}

/* ----------------- columna izquierda corregida---------------------- */
#columna-izquierda dl{
	background-color:#f0f7fd;;
	font-size: 95%;
	margin:5px 5px 10px 5px;
	padding-left:5px;
	border-right: 1px solid #c5def5;
	border-bottom: 1px solid #c5def5;
	border-left: 1px solid #c5def5;
	height: 160px;
	padding-bottom: 15px;
	}

#columna-izquierda dt{
	font-weight: bold;
	font-style: italic;
	margin: 12px 5px 5px 0;
	width: auto;
	height: auto;
	color: #2754C3;
	}
	
#columna-izquierda dd{
	padding: 0;
	margin: 5px auto 0px auto;
	}

#columna-izquierda dd,#columna-izquierda dd form, #columna-izquierda dd form input{
	padding: 0;
	margin: 3px auto 3px auto;
	}
#columna-izquierda dd form input{
	padding: 0;
	margin: 3px auto 3px auto;
	width: 90%;
	}




/* ----------------- columna izquierda ---------------------- */
#columna-izquierda{
	float:left;
	clear: left;
	width:25%;
	padding: 0;
	margin: 0;
	}

#columna-izquierda h4{
	background-color:#f0f7fd;
	font-size: 95%;
	margin:5px 5px 0px 5px;
	text-align: right;
	padding: 2px;
	border: 1px solid #c5def5;
	background-image: url(../imagenes/fondo-ituci3.png);
	background-repeat: no-repeat;
	text-indent: 50px;
	}


/*#columna-izquierda dl{
	background-color:#f0f7fd;
	font-size: 95%;
	margin:0px 5px 10px 5px;
	text-align: left;
	padding: 2px;
	padding-left:5px;
	border-right: 1px solid #c5def5;
	border-bottom: 1px solid #c5def5;
	border-left: 1px solid #c5def5;
	}

#columna-izquierda dt{
	font-weight: bold;
	font-style: italic;
	}
	
#columna-izquierda dd{
	margin-left: 0px;
	}
*/	
.resumen{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C5DEF5;
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #666666;
	font-size:90%;
	}

.etiqueta{
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-weight: normal;
	color: #2754C3;
	
	}

.cajatexto{
	font-size:90%;
	width:95%;
	margin: 0;
	padding: 0;
	height: 2ex;
	}

/* ----------------- contenido central ---------------------- */

#contenido{
	float:right;
	width:74%;
	padding: 0;
	margin: 0;
	background-image: url(../imagenes/ituci-001.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}
	
#contenido p{
	margin-right: 10px;
	margin-left: 10px;
	font-size: 0.9em;
	}

#contenido p a:link,#contenido p a:visited{
	color: #0000CC;
	}

#contenido p a:hover,#contenido p a:focus{
	color: #FFFFFF;
	background-color: #0066CC;
	text-decoration: none;
	}

#contenido p strong{
	color: #0066CC;
	}
	
#contenido h4{
	font-variant: small-caps;
	color: #295AC6;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 5px;
	
	}	

/* ----------------- columna derecha ---------------------- */
	
#columna-derecha{
	background-color: 194dc3;
	width: 20%;
	float: right;
	margin: 0;
	padding: 0;
	background-image: url(../imagenes/fondo-col-der3.gif);
	height:100%;
	min-height:100%;
	background-repeat: repeat-x;
	text-align: right;
	}
html>body #columna-derecha{height:auto;}

#columna-derecha h4{
	font-size: 95%;
	margin:10px 5px 0px 5px;
	padding: 2px;
	background-image: url(../imagenes/ixxi-der.gif);
	background-repeat: no-repeat;
	text-indent: 20px;
	color: #F6F9FE;
	}

#columna-derecha h5{
	background-color:#598AE6;
	font-size: 95%;
	margin:5px 5px 0px 5px;
	padding: 2px;
	border: 1px solid #c8d8f3;
	background-image: url(../imagenes/fon-celd-der.gif);
	background-repeat: no-repeat;
	text-indent: 20px;
	}

#caja-editoriales {
	background-color:#598AE6;
	font-size: 95%;
	margin:0px 5px 0px 5px;
	padding: 2px;
	padding-left:5px;
	border-right: 1px solid #c8d8f3;
	border-bottom: 1px solid #c8d8f3;
	border-left: 1px solid #c8d8f3;
	list-style-type: none;
	}

#columna-derecha h6 {
	background-color:#7DA4EC;
	font-size: 95%;
	margin:0px 5px 0px 5px;
	padding: 2px;
	padding-left:15px;
	border-right: 1px solid #c8d8f3;
	border-bottom: 1px solid #c8d8f3;
	border-left: 1px solid #c8d8f3;
	list-style-type: none;
	background-image: url(../imagenes/fon-celd-der.gif);
	background-repeat: no-repeat;
	}

#columna-derecha ul{
	background-color:#598AE6;
	font-size: 95%;
	margin:0px 5px 0px 5px;
	padding: 2px;
	padding-left:5px;
	border-right: 1px solid #c8d8f3;
	border-bottom: 1px solid #c8d8f3;
	border-left: 1px solid #c8d8f3;
	list-style-type: none;
	height: auto;
	}


#columna-derecha dl{
	background-color:#7DA4EC;
	font-size: 95%;
	margin:0px 5px 10px 5px;
	padding: 2px;
	padding-left:5px;
	border-right: 1px solid #c5def5;
	border-bottom: 1px solid #c5def5;
	border-left: 1px solid #c5def5;
	height: auto;
	padding-bottom: 15px;
	}

#columna-derecha dt{
	font-weight: bold;
	font-style: italic;
	color: #D7EBFF;
	margin: 5px 0 5px 0;
	width: auto;
	height: auto;
	}
	
#columna-derecha dd{
	padding: 0;
	margin: 5px auto 0px auto;
	}

#columna-derecha dd,#columna-derecha dd form, #columna-derecha dd form input{
	padding: 0;
	margin: 3px auto 3px auto;
	}
#columna-derecha dd form input{
	padding: 0;
	margin: 3px auto 3px auto;
	width: 90%;
	}
#columna-derecha dd.resumen{
	color: #000000;
	
	}


.resumen2{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C5DEF5;
	color: #0066CC;
	font-size:90%;
	}

.etiqueta2{
	font-weight: normal;
	color: #2754C3;
	margin: 0;
	padding: 0;
	
	}

.cajatexto2{
	font-size:90%;
	width:95%;
	margin: 0;
	padding: 0;
	height: 3ex;
	background-color: #B5CBF4;
	}


#fecha{
	background-image: url(../imagenes/fondo-fecha.jpg);
	background-repeat: no-repeat;
	font-size: 80%;
	text-align: center;
	height: auto;
	margin: 0;
	padding: 0;
	}

/* ----------------- pie ---------------------- */

#pie{
	clear: left;
	width:100%;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #899AF4;
	background-image: url(../imagenes/fondo-pie.jpg);
	background-repeat: repeat-x;
	height:51px;
	}
#pie p{
	margin-top: 10px;
	padding: 0;
	font-size: 0.9em;
	}

	
#pie p a:link, #pie p a:visited{
	text-decoration:none;
	color: #000099;
	}
	
#pie p a:hover, #pie p a:focus{
	text-decoration:underline;
	color: #000099;
	}
/* --------------- registro ------------------- */

#registro h6{
	text-align:right;
}

.rojo{
	color:#FF0000;
}

#registro{
	float:right;
	width:95%;
	margin: 10px;	
	}


.etiquetaRegistro{
	font-weight: bolder;
	color: #2754C3;
	margin: 0;
	padding: 0;
	
	}

.cajatextoRegistro{
	font-size:90%;
	width:50%;
	margin: 0;
	padding: 0;
	height: 4ex;
	background-color: #B5CBF4;
	}
	
.cajatextoRegistroCorta{
	font-size:90%;
	width:12%;
	margin: 0;
	padding: 0;
	height: 3ex;
	background-color: #B5CBF4;
	}
	
.cajatextoRegistroLogin{
	font-size:90%;
	width:20%;
	margin: 0;
	padding: 0;
	height: 3ex;
	background-color: #B5CBF4;
	}	
#registro dd{
	margin-left:20%;
	margin-bottom:10px;
	color:#999999; 	
}

#registro dt{
	float:left;
	padding-left:10px;
	color:#999999;
}

.ficha{
	background-color: #EAF2FB;
	height: auto;
	margin: 0;
	padding: 0;
}

.ficha h3{
	width:80%;
	margin: 0 15px 10px 15px;
	padding: 0;
	color: #2D359F;
}

.ficha h5{
	background-color: #598AE6;
	border: 1px dashed #0066CC;
	color: #FFFFFF;
	letter-spacing: 0.2em;
	padding-left: 10px;
	font-variant: small-caps;
}
.ficha2{
	font-size: 85%;
	height: auto;
	margin-bottom:20px;
	
}
.titulo3{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C5DEF5;
	color: #0066CC;
	font-variant: small-caps;
}
#contenido{
	float:right;
	width:74%;
	padding: 0;
	margin: 0;
	}

#contenido h4{
	background-color:#f0f7fd;
	font-size: 90%;
	margin:5px 5px 0px 0px;
	text-align: right;
	padding: 2px;
	border: 1px solid #c5def5;
	background-image: url(../imagenes/fondo-ituci2.gif);
	background-repeat: no-repeat;
	text-indent: 50px;
	color: #275BCD;
	letter-spacing: 0.2em;
	}

#contenidodetalle{
	float:left;
	width:100%;
	padding: 0;
	margin: 0;
	}

#contenidodetalle h4{
	background-color:#f0f7fd;
	font-size: 90%;
	margin:5px 5px 0px 0px;
	text-align: right;
	padding: 2px;
	border: 1px solid #c5def5;
	background-image: url(../imagenes/fondo-ituci2.gif);
	background-repeat: no-repeat;
	text-indent: 50px;
	color: #333333;
	letter-spacing: 0.2em;
	}
	
/*.ficha{
	background-color:#f0f7fd;
	font-size: 95%;
	margin:0px 5px 10px 0px;
	text-align: left;
	padding: 2px;
	padding-left:5px;
	border-right: 1px solid #c5def5;
	border-bottom: 1px solid #c5def5;
	border-left: 1px solid #c5def5;
	}*/

.ficha {
	margin:0px 5px 10px 0px;
	text-align: left;
	border-right: 1px solid #c5def5;
	border-bottom: 1px solid #c5def5;
	border-left: 1px solid #c5def5;
	background-color: #FFFFFF;
	background-image: url(../imagenes/fondo-gotas.gif);
	background-repeat: no-repeat;
	height:auto;
	min-height:200px;
	padding-left: 5px;
	padding-top: 10px;
	}

.ficha dt{
	font-weight: bold;
	letter-spacing: 0.1em;
	}
	
.ficha dd{
	margin-left: 0px;
	font-size: 85%;
	}

.ficha img{
	float: right;
	clear: right;
	margin: 0px 5px 5px 8px;
	border: 1px solid #999999;
	}
.autor{
	color: #717EA4;
	font-weight: bold;
	font-style: italic;
	}
.precio{
	color: #993333;
	padding-bottom: 5px;
	}
.resumen3{
	color: #666666;
	}

.ficha2 {
	margin:0px 5px 10px 0px;
	text-align: left;
	border-right: 1px solid #c5def5;
	border-bottom: 1px solid #c5def5;
	border-left: 1px solid #c5def5;
	background-color: #FFFFFF;
	background-image: url(../imagenes/fondo-gotas.gif);
	background-repeat: no-repeat;
	height: auto;
	min-height:200px;
	padding-left: 5px;
	padding-top: 10px;
	}

.ficha2 dt{
	font-weight: bold;
	letter-spacing: 0.1em;
	}
	
.ficha2 dd{
	margin-left: 0px;
	font-size: 85%;
	}

.ficha2 img{
	float: right;
	clear: right;
	margin: 0px 5px 5px 8px;
	border: 1px solid #999999;
	}
.titulo2{
	color: #717EA4;
	font-weight: bold;
	font-style: italic;
	font-size: 120%;
	}
.precio2{
	color: #993333;
	padding-bottom: 5px;
	}
.resumen4{
	color: #666666;
	font-size: 80%;
	}
.tecnico{
	font-size: 80%;
	color: #251663;

	}

.ficha img{
	float: right;
	clear: right;
	margin: 0px 5px 5px 8px;
	border: 1px solid #999999;
	}

/*#columna-derecha dl.fondo{
	height: auto;
	padding-bottom: 15px;
	
	}
	
#columna-derecha dl.fondo dt{
	
	}

#columna-derecha dl.fondo dd{
	
	}*/