/* ------------------------------------------------------------------------------- 
	garantia
------------------------------------------------------------------------------- */
body.garantia{background:#000 url(img/bg-body-garantia.jpg) no-repeat center 0 fixed;}

/* =interactive --------------------------------------------------- */
#interactive{background:url(img/bg-garantia.jpg) no-repeat;}

#garantia{position:relative; width:45em; height:43.33em; display:inline; float:right; margin:.83em .83em 0 0; background:url(img/bg-garantia-overlay.png); color:#adadad;}
#garantia #garantia-int{margin:1.75em;}
#garantia p.intro{margin:0 0 .69em 0; font:1em Helvetica,Arial,Verdana,sans-serif; color:#fff;}
#garantia p.link a{background:url(img/bul-menu-sub-li-hover.png) no-repeat 0 .37em; color:#2179a2;}

#frmMatricula ul.ordered{height:33px; overflow:hidden;}
ul.ordered li{width:20.5em; margin:0 .25em 0 0; float:left; position:relative; background:url(img/bg-ol-li.png) no-repeat;}
ul.ordered li span.num{position:absolute; top:0; left:0; display:block; width:1.5em; padding:.17em 0 0 0; text-align:center; font-weight:bold; color:#fff;}
ul.ordered li span.txt{display:block; padding:0 0 0 2.25em;}

#garantia form{margin:1.2em 0 2.5em 0;}
#garantia form p{margin:0 0 .82em 0;}
#garantia form p.fleft,#garantia form p.fright{height:3.3em;}
#garantia form p.alto{height:4.6em;}

#garantia form p.radio{margin:0;}
#garantia form p.margin{width:21em;}

#garantia form p.datos-obligatorios{position:absolute; bottom:1em; left:1.67em;}
#garantia form p.datos-obligatorios span.mandatory{color:#2179a2; font:bold 1.2em Helvetica,Arial,sans-serif;}
#garantia form p.datos-obligatorios span.note{font-size:.9em;}
#garantia p.right-button{position:absolute; bottom:.58em; right:1.67em;}

#garantia p#boton-matricula.right-button{position: static;}
#garantia p#boton-matricula.right-button a{position:absolute; bottom:1.6em; right:1.4em; }
#garantia p#boton-matricula.link-boton a{display:block; }
#garantia p#boton-matricula.link-boton a span{display:block;}

#garantia form#frmLogin{width:34em; margin:2em 0;}
#frmLogin label{float:left; padding-top:.7em; width:10.61em; font-weight:normal;}
#frmLogin input{width:19.6em; padding:.7em .3em; background:url(img/bg-input-login.png) no-repeat; font-weight:bold;}
#frmLogin p.pedir_datos{margin:0;}
#frmLogin p.pedir_datos a{margin:0 .5em 0 0; font-size:.9em; color:#adadad;}
#frmLogin p.button{margin:0 0 0 11.5em;}

#garantia .datos{width:42em; position:relative; margin:1.67em 0 0 0;}
#garantia .datos p.link{margin:0; position:absolute; top:.25em; right:.83em;}
#garantia .datos h2{margin:0 0 .76em 0; font:bold 1.1em Helvetica,Arial,sans-serif; color:#fff;}
#garantia .datos ul{background:url(img/bg-dotted-dark.png) repeat-x; font:1.1em Helvetica,Arial,sans-serif;}
#garantia .datos li{padding:.38em 0 .61em 0; background:url(img/bg-dotted-dark.png) repeat-x 0 bottom;}

#errores{position:absolute; top:-9000em; left:-900em;}

#garantia form ul.ordered li{float:left; width:auto; margin:0 1.5em .83em 0; color:#fff;}
#garantia form ul.ordered li.inactive{background:url(img/bg-ol-li-unactive.png) no-repeat; color:#706e6f;}
#garantia form ul.ordered li span.num{}
#garantia form ul.ordered li.inactive span.num{color:#464646;}
#garantia form ul.ordered li span.txt{padding:0 0 1em 2em; font:bold 1.1em Helvetica,Arial,sans-serif;}
#garantia form a{color:#2179a2;}

.modelo select{width:11.7em;}
.modelo input{width:11.3em;}
.talla label{margin-left:1.52em;}
.talla input{width:4.73em; margin-left:1.52em;}

label.texto_largo{width:22.22em; font:.9em Arial,Helvetica,sans-serif;}
p.txt{font:1.1em Helvetica,Arial,sans-serif;}
p.legal{clear:both; padding:1.39em 0 .93em 0; font:.9em Arial,Helvetica,sans-serif;}

#garantia form p.ancho{clear:both;}
#garantia form p.ancho label.texto_largo{width:auto; margin:0 0 .46em 0;}
#garantia form .multiple label{font:.8em Arial,Helvetica,sans-serif;}
#garantia form .multiple label.checkbox{float:left; width:120px;  padding:0 0 .46em 0;}
#garantia form .multiple span.otros{display:block; clear:both; padding:.42em 0;}
#garantia form .multiple span.otros label{}
#garantia form .multierror label.checkbox{color:#f27467;}

/* registro */
#garantia.registro form{margin:0 0 2.5em 0;}
#garantia.registro form p.fleft,#garantia.registro form p.fright{height:3em;}
#garantia.registro p.legal{clear:both; padding:.15em 0; font:.9em Arial,Helvetica,sans-serif;}

/* ocultar antes de load */
.mat_data,#sin_matricula,#con_matricula{display:none;}