@charset "utf-8";
/*********************************************************************************************************
												INICIA
*********************************************************************************************************/
/******* Reset All */
* {margin:0; padding:0; outline:0; border:0; background:none;}
html {overflow:hidden; overflow-y:scroll;}
body, .Format {font-family:"Trebuchet MS", Arial; font-size:11px; color:#b09888;}
body {background:#494748;}
h1 {display:none;}
div, h2 {width:100%;}
#Maquetado {width:1031px; margin:0 auto;}
#Maquetado div, img, a, span, h2 {float:left; display:inline;}
p a, p span, p img {float:none;}
a {text-decoration:none; cursor:pointer; color:#b09888;}
a:hover, strong, em, .Color, h2 {color:#d4683c;}
h2 {font-size:21px; background:url(Line.gif) left 22px repeat-x; padding-bottom:22px; margin-top:30px; font-weight:normal;}
/******* Clases Genericas */
.Cuerpo {width:920px; margin-left:70px; font-size:14px; padding-bottom:30px;}
.Alma p {margin-bottom:11px; text-align:justify;}
.Right {float:right !important;}
.Center {text-align:center !important;}
.Mensaje {padding:50px 0;}
.Mensaje p {text-transform:uppercase; font-weight:bold; letter-spacing:1px; word-spacing:1px; text-align:center; margin-bottom:20px;}
.Arrow {background:url(Arrow.jpg) left no-repeat; padding-left:20px; text-decoration:underline; font-size:12px;}
.Ball {background:url(Ball.gif); width:49px; height:49px; color:#FFFFFF; font-weight:bold; font-size:40px; position:relative; margin:0 20px -20px 0; text-align:center;}
h2 img.Right {margin-top:-50px; position:relative;}
.errMsg {color:#000000; font-family:Verdana, Arial; font-size:9px; padding-bottom:0;
position:relative; margin-bottom:-3px !important;}
.BgFill {background: url(Body.jpg) center repeat-y}
/*********************************************************************************************************
												BODY
*********************************************************************************************************/
/******* Bienvenidos */
#Bienvenidos div.Left {width:450px;}
#Bienvenidos div.Right {width:346px; height:80px; background:url(Alert.jpg); margin-top:55px;}
#Bienvenidos div.Right p {padding:17px 20px 0 70px; font-size:18px;}
#Bienvenidos div.Right span {font-size:60px; margin-left:20px;}
#Bienvenidos .Encaje {width:750px; margin:-60px 0 0 70px; position:relative; font-size:12px;}
#Bienvenidos .Form {margin-top:-80px; position:relative;}
#Bienvenidos .Form span {margin-left:50px; width:120px;}
#Bienvenidos .Encaje p {float:left; display:inline; width:600px;}
#Bienvenidos .Encaje select {background:#d8d8d8; width:80px;}
#Bienvenidos .Encaje div {padding-bottom:14px;}
#Bienvenidos .Logos {margin-top:-30px !important;}
#Bienvenidos .Logos span {padding-top:15px; width:150px; height:30px; margin-left:20px;padding-bottom:20px}
#Bienvenidos .Logos span span {background-image:url(Logos.jpg); height:45px; margin:-15px 0 0;
position:relative; padding:0;}
#Bienvenidos .label_dolar {margin-left: -15px; position: relative; float: left; display: inline}
#Bienvenidos .label_dolar b {font-size: 40px;}
#Bienvenidos .Logos input {float:left; margin-right:10px;}
#Bienvenidos .Logos .Visa {background-position:left bottom; width:63px;}
#Bienvenidos .Logos .Rapi {background-position:-65px bottom; width:93px;}
#Bienvenidos .Logos .Master {background-position:-163px bottom; width:60px;}
#Bienvenidos .Logos .Trans {background-position:-297px bottom; width:115px;}
#Bienvenidos .Logos .Money {background-position:-233px bottom; width:60px;}
#Bienvenidos .Logos .West {background-position:-415px bottom; width:105px;}
#Bienvenidos .Logos .Cheque {background-position:-521px bottom; width:49px;}
#Bienvenidos .Logos .VisaActivo {background-position:left top; width:63px;}
#Bienvenidos .Logos .RapiActivo {background-position:-65px top; width:93px;}
#Bienvenidos .Logos .MasterActivo {background-position:-163px top; width:60px;}
#Bienvenidos .Logos .TransActivo {background-position:-297px top; width:115px;}
#Bienvenidos .Logos .MoneyActivo {background-position:-233px top; width:60px;}
#Bienvenidos .Logos .WestActivo {background-position:-415px top; width:105px;}
#Bienvenidos .Logos .ChequeActivo {background-position:-521px top; width:49px;}
#Bienvenidos .Center {padding-top:30px;}
/******* Registro */
#Registro .Left {width:500px;}
#Registro .Form div {width:415px;}
#Registro div.Right .Form div {width:295px;}
#Registro div.Right .Form div input {width:145px;}
#Registro div.Right .Form select {width:155px;}
#Registro div.Right {width:350px;}
#Registro .Form input.Right {margin-right:225px;}
#Registro div.Right .Form input.Right {margin-right:75px;}
#Registro .Right .Arrow {margin:30px 0 0 140px;}
/******* Cupon */
#Cupon a.Boton {margin-left:400px;}
#Cupon .Cupon {margin:30px 0 30px 117px;}
.Cupon {width:685px; font-family:Arial; color:#000000; font-size:14px;}
.Cupon div {padding:20px 37px; width:605px; border-left:3px #000000 solid; border-right:3px #000000 solid;
float:left; display:inline;}
.Cupon p {float:left; display:inline; width:100%; line-height:25px;}
.Cupon p b {float:left; display:inline; padding-right:10px;}
.Cupon .Punteado {border-bottom:#333333 1px dotted;}
.Cupon .Punteado .Curso {width:180px;}
/******* Formularios */
.Form {font-size:12px;}
.Form p {padding-bottom:20px;}
.Form div {margin-bottom:10px;}
.Form div input, .Form select {margin-left:20px; color:#777777; font-size:11px; display:inline;}
.Form div, .Form p {text-align:right;}
.Form div input {padding:2px 5px; width:265px;}
.Form div select, .Form div input {background:#d8d8d8;}
.Form div select {width:275px;}
.Form input.Right, .Boton {background:url(Buton.jpg); width:136px; height:40px; padding:0 36px 5px 10px;
text-align:left; color:#FFFFFF; font-size:16px; cursor:pointer;}
a.Boton {width:90px; height:25px; padding:10px 36px 5px 10px;}
a.Boton:hover {color:#FFFFFF;}
.Form p.Right {margin-right:214px; display:inline;}
/*********************************************************************************************************
												FINALIZA
*********************************************************************************************************/
/******* Cabeza */
#Cabeza {background:url(Head.jpg) top center no-repeat; height:182px;}
/******* Pie */
#Pie {background:url(Foot.jpg) bottom center no-repeat; padding-bottom:38px;}
#Pie .Datos {background:#f0f0ed url(Bottom.gif) bottom no-repeat; border-top:#e67425 1px solid;
width:929px; margin-left:40px; padding:10px;}
#Pie .Datos .Right {text-align:right;}
#Pie .Datos b {color:#66a730;}
#Pie .Links {width:530px; margin-left:20px;}
#Pie .Links a {width:130px; height:20px; padding-top:4px;}
#Pie .Copy {border-right:#b09888 1px solid; margin-right:20px; padding-right:20px; line-height:20px;}
#Pie .Btn {border:#b09888 1px solid; padding:0 2px;}
#Pie .Promaker {width:130px; height:20px; margin:5px 0 0 450px;}
/*********************************************************************************************************
												CATOMAN
*********************************************************************************************************/