/* CSS Document */
/* IAR - SGM */
.input {
	width:250px;
	border:1px solid #CCCCCC;
	font-family:Tahoma, Verdana;
	font-size:small;
	padding:1px;
	color: #330066;
}
#mensaje{color:#ff3300;text-align:center;font-weight:bold;}
#contenido {}
/*GENERALES Poner margin top a los linksabajo */
/*LAYOUT*/
* {margin:0;padding:0;border: none}
/*h1, h2, h3, h4, h5, h6 {font-weight:bold; font-size:1em}*/
table {font-size:1em}
html {font-size:100%}
body {font-size:.75em;text-align:center;color:#414B56;background:#FFF url(../img/degradado_body.jpg) 0 0 repeat-x}
html, body {font-family:tahoma, helvetica, verdana, arial, sans-serif;text-align:center}
#cabecera, #cuerpo, #pie {width:972px;margin:0 auto; font-size:.9em; text-align:left}
#envol {background:url(../img/fnd_body.gif) 50% 0 repeat-y}
p{
	margin-bottom:15px;
}
/*Clearfix*/
.cf:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.cf {display: inline-table}
/* \*/
* html .cf {height: 1%}
.cf {display: block}
/*GENERALES*/
acronym, abbr {cursor: help; border-bottom:1px dotted #999999}
.oculto {position:absolute;left:0;top:-5000em;width:1px;height:1px;overflow:hidden;display:inline;text-indent:-1000em;font-size:0}
address {font-style:normal}
a {color:#3D0073;text-decoration:underline}
a:hover {text-decoration:none}
.rojo, a.rojo {color:#F30}
span.morado {color:#306}
/*a:visited {color:#1D3C6B}*/
.cent {display:block;margin:0 auto;text-align:center}
.primero {margin-left:0 !important}/**/
.p51 {width: 51px; height:auto}
p.flecha , .flecha li, a.flecha, span.flecha {background:url(../img/flechas1.gif) 0 5px no-repeat; padding-left:8px;list-style:none;}
/*Reutilizables*/
.frmtxt {background-color:#FFF; border:1px solid #7F9DB9;padding:2px; font-size:.9em}
/*CABECERA**/
#cabecera {background-position: 0 0; background-repeat:no-repeat !important; padding:21px 0 18px}
#cabecera h1 {display:inline; float:left; margin:3px 0 0 45px}
#navrec {padding:4px}
#navrec span {background:url(../img/punteado_recursiva.gif) bottom left no-repeat; padding:0 6px 0 9px}
#navrec span.primero {background-image:none}
#navrec a, #idioma a {color:#F30; padding:2px 4px}
#navrec a:hover, #idioma a:hover {background-color:#E25A32; color:#FFF}
p#idioma {float:right; margin:-7px 10px 0 0;padding:4px}
p#navrec {float:left; margin:-7px 0 0 66px}
/*MENU DE CABECERA**/
#barra_inferior {clear:both;margin-top:-21px;}
* html #barra_inferior {margin-top:-8px}
/*Desplegable*/
#menuppal {margin-left:239px;width: 600px; float:left;margin-top:-8px}
* html #menuppal {margin-left:120px; margin-top:0}
#menuppal a {display: block}
#menuppal ul {list-style:none; z-index:120}
#menuppal li {float:left; list-style:none;}
#menuppal li ul {position:absolute;width:151px;left: -999em;background-image: url(../img/fnd_inf_desplegable.gif); background-position:left bottom;background-repeat:no-repeat; margin-top:0; padding-bottom:8px}
#menuppal li ul ul {margin-top:0;padding-bottom:15px}
#menuppal li ul li{width:151px;left:0px;}
#menuppal li ul li {font-weight:normal}
#menuppal li ul li a {width:126px;padding:1px 8px 3px 15px;text-decoration:none;color:#306;background:url(../img/pixel_morado.gif) 8px 6px no-repeat;margin:0 1px 5px}
#menuppal li ul li li a {background: url(../img/flechas1.gif) 14px .6em no-repeat; padding-left:23px; width:118px}
#menuppal li ul li a:hover {color:#FFF;background:#E25A32 url(../img/pixel_blanco.gif) 8px 6px no-repeat}
#menuppal li ul li li a:hover {background:#306 url(../img/flechas2.gif) 14px .6em no-repeat; }
#menuppal li.sec-submenuppal {font-weight:bold}
#menuppal li.primero {background: url(../img/fnd_sup_desplegable.gif) top left no-repeat; padding:13px 0 0}
#menuppal ul li span {display:block;width:133px;color:#306; padding:10px 9px}
#menuppal li.primero span {padding-top:0}
#menuppal ul li.raya {border-bottom:1px solid #CCC; padding-bottom:5px; margin-bottom:12px}
#menuppal li:hover ul {left: auto}
#menuppal li:hover ul, #menuppal li.sfhover ul {left: auto}
#menuppal li#li-contenidos ul {height:17em}

/*PIE**/
#envol-pie {background: url(../img/fnd_sombra_pie.gif) 50% 100% no-repeat; padding:30px 0 39px; clear:both;}
#pie {text-align:center; background: url(../img/fnd_pie.gif) 0px 105% no-repeat;padding:0 0 13px}
#pie address {margin:0px 0 12px 80px}
#pie p {padding-left:80px}
#linksabajo{background:url(../img/fnd_links_abajo.gif) 0 0 no-repeat;padding:10px 0 11px;margin:10px 0 73px}
#linksabajo a {margin: 0 8px}
#pie #linksabajo p {padding-left:0}
h2.subrayado, h3.subrayado {background:url(../img/punteado_horizontal.gif) 0 100% repeat-x; padding-bottom:7px}
/*HOVERS**/
#pie a{padding:2px 4px}
#pie a:hover {background-color:#E25A32; color:#FFF}

#col-izda.home h4 a,  .cuerpo .disponible a, .mod-lateral p.flecha.dcha a{padding: 2px 3px; margin:-2px -3px}
#cuerpo .cesta-compra .cont-cesta a {padding: 2px 4px; margin:-2px -4px}
ul.disponible li a {padding:2px 3px 3px; margin:-2px -3px -3px}
#cuerpo .mod-relacionados p.flecha a {padding:2px 3px 3px; background-position:0 .6em}
.mod-lateral p.flecha.dcha a {padding:2px 4px 3px}


div.hr {height:1px;background:url(../img/punteado_horizontal.gif) 0 0 repeat-x;float:left; width:99%; margin:0 2px 25px}
div.hr hr {display: none}
/*MENU VERTICAL**/
.menu-vertical {float:left;background:url(../img/fnd_menu_vertical.gif) 0 0 no-repeat; width:170px; padding-top:25px}
.menu-vertical.alto {margin-top:-3px}
.menu-vertical .contenedor {background:url(../img/fnd_menu_vertical_inf.gif) 0 100% no-repeat; padding-bottom:30px; float:left; width:86%; padding: 10px 10px 30px}
.contenedor {}
.menu-vertical ul {margin-bottom:20px}
.menu-vertical ul li {margin:0 0 3px 10px; padding:0 0 0 14px;list-style: none; background:url(../img/bolo_menu_vertical.gif) 0 .22em no-repeat}
.menu-vertical p {font-weight:bold; color:#306; margin:0 0 5px 10px}
.menu-vertical a , .menu-vertical li.activa li a{color:#414B56}
.menu-vertical li.activa {color:#306}
.menu-vertical li ul{ margin:5px 0 0}
.menu-vertical li li {margin:0 0 3px 0px;padding:0 0 0 9px;background:url(../img/flechas1.gif) 0 .5em no-repeat}
.abierto {display:block}
.cerrado {display:none}

/*li#item1 {cursor:pointer}*/


/* list-style: outside;padding-left:15px; margin:0 0 3px 15px*/
/*Migas*/
#ubicacion {margin-bottom:12px; padding:0 15px; float:left;width:95%}
#ubicacion p {float:left; background-color:#FFF}
#ubicacion ul {list-style:none;float:left;margin-left:0}
#ubicacion ul li {float:left;margin-left:4px;padding-left:9px}
#ubicacion ul li a {padding:1px}
#ubicacion .flecha li.primero { background-image:none}
/*Cabecera*/

.miBoton
{
	font-family:Tahoma, Verdana;
	font-size:x-small;
	border:1px solid #CCCCCC;
}
.miTitu {font-size:1.45em; color:#306; margin:15px 0 13px;font-weight:bold;}

#central{float:left;}

#central .titulo{padding:35px;margin-bottom:2px;}

#central h2{color:#330066;font-size:large;margin-bottom:10px;}
h3{
	margin-bottom:10px;
	color:#330066;
	font-size:medium;
}
h4{
	color:#330066;
	font-size:small;
		margin-bottom:10px;

}

.medio {width:684px;margin:5px 0px 0px 60px;background:url(../img/fnd-txt-sombrasup.gif) 0 0 no-repeat;}
#central.medio .contenedor{background:url(../img/fnd-txt-sombrainf.gif) 0 0 no-repeat;background-position:bottom;padding:0px 35px 35px 35px;}

.grande{width:972px;margin:5px 0px 0px 0px;background:url(../img/fnd-txt-sombrasup2.gif) 0 0 no-repeat;}
#central.grande .contenedor{background:url(../img/fnd-txt-sombrainf2.gif) 0 0 no-repeat;background-position:bottom;padding:0px 35px 35px 35px;}
.catalogo td{
	border-bottom:1px dashed #CCCCCC;
}
.punteado_der{
	border-right:1px dashed #CCCCCC;
}
.descripcion {
	font-size: small;
	font-weight: bold;
	color: #330066;
}
.coltest{
	font-weight: normal;
	font-style: italic;
	margin-top: 0px;
}
ul{
	margin-left:25px;
}