﻿/* Elementos */
.etiquetaRegistro
{
    font:500 12px Arial, Helvetica, sans-serif;
    color:#8D8E93;
}

.textoRegistro 
{
    font:500 12px Arial, Helvetica, sans-serif;
    border:1px solid #DCE2E7;
	background:#D7EBF4;
}

.textArea 
{
    height: 65px;
    overflow: auto;
}

.textAreaMedium
{
    height: 150px;
    float:left;
	width:300px;
	border:1px solid #DCE2E7;
	background:#D7EBF4;
}

.textAreaLarge
{
    height: 300px;
    float:left;
	width:300px;
	border:1px solid #DCE2E7;
	background:#D7EBF4;
}

/* Formulario de Datos de Usuario */
.frmDatosUsuario
{
    padding: 20px 0px 0px 100px;
}

/* Formulario de registro de usuarios */
.frmReg p span {font:500 14px Arial, Helvetica, sans-serif;}
.frmReg label, .frmReg .text, .itemFrm, .itemFrm .txt {font:500 12px Arial, Helvetica, sans-serif;}
.frmReg p {font:500 13px Arial, Helvetica, sans-serif;}

.frmReg{
	width:686px;
	text-align:left;
	margin:0px auto 0px auto;		
}

.frmReg p{
	padding:22px 0px 3px 11px;
	margin:0px 0px 35px 0px;
	border-bottom:1px solid #C7CBD1;
	color:#8D8E93;
}

.frmReg p span, .frmReg label span{color:#E7691C;}

.frmReg p span, .frmReg .literal span{color:#E7691C;}

.frmReg .literal, span.rd label, .itemFrm label.literal{
	display:block;
	float:left;
	width:142px;
	color:#8D8E93;
	padding:0px 0px 0px 12px;
	text-align: left;
}

.frmReg .txt, .itemFrm label.txt{	
	float:left;
	width: auto;
	text-align:left;
}

.frmReg .txt, .itemFrm input.txt{	
	float:left;
	width:180px;
	border:1px solid #DCE2E7;
	background:#D7EBF4;
	text-align:left;
}

.itemFrm{
	clear:both;
	float:left;
	width:685px;
	margin:0px 0px 5px 0px;
	color:#8D8E93;
}

.itemRd{margin:15px 0px 15px 170px;}

.itemRd .rd label{	
	width:65px;
	padding:2px 0px 0px 0px;
}

.itemRd2 span.rd label{	
	width:20px;
	padding:2px 0px 0px 0px;
}

.itemRd2 .rd label, .itemRd2 span.lblRd{
	padding:2px 0px 0px 20px;
	display:block;
	float:left;
}

.itemRd .rd input, .itemRd2 .rd, .itemRd2 .rd input{float:left;}

.itemFrm .textarea{width:305px;}

.itemRdCon{
	display:block;
	float:left;
	width:131px;
}

.itemRd2 .itemRdCon span.rd label{width:110px;}

.rdCon{
	float:left;
	width:525px;	
}

/* Formulario de compra */
.formularioCompra 
{
    float:right;
    margin: 0px 0px 0px 20px;
}

.formularioCompra .itemFrm
{
    margin: 0x 0px 5px 60px;
    width: 500px;
}

/* Cesta de compra */
.calculoGastoEnvio .itemFrm .txt
{
    margin: 0px 20px 0px 0px;
}

/* Popup recomienda */
.itemPopupRecomienda 
{
    clear:both;
    float: left;
    text-align: left;
    width: 490px;
    margin: 2px 0px;
}

.itemPopupRecomienda .literal
{
    padding: 0px 0px 0px 50px;
    display:block;
    float:left;
    width: 75px;
}

.itemPopupRecomienda .literalDerecha
{
    padding: 0px 3px 0px 28px;
    width: 60px;
}

.itemPopupRecomienda .largo
{
    width: 332px;
}

.encabezadoPopUp
{
    border-bottom: 1px solid #C7CBD1;
    margin: 0px 10px 20px 10px;
    font:700 17px Arial, Helvetica, sans-serif;
    color:#FF7700;
}

.SubEncabezadoPopUp
{
    text-align:center;
    margin: 0px 10px 20px 10px;    
}

/* Modulo para ofrecer opciones verticalmente */
.listaRadioButton
{
    text-align: left;
    margin: 10px 0px 0px 50px;
}

.listaRadioButton .encabezado { margin: 0px 0px 20px; }
.listaRadioButton .otrasopciones { margin: 10px 0px 0px 20px; }
.listaRadioButton .textarea 
{ 
    margin: 5px 0px 0px 0px; 
    height: 126px;
    width: 525px;
}

/* Opciónes de pago */
.opcionescompra
{
    margin: 30px auto 10px auto;
}

.opcionescompra .opcion { margin: 30px auto 10px auto; }
.opcionescompra .opcion .parrafo { margin: 5px 0px 15px 0px;}

.opcionescompra .marquee
{
    border: 1px solid #C7CBD1;
}

.opcionescompra .title
{
    font:700 17px Arial, Helvetica, sans-serif;   
    text-align: left;
}
.opcionescompra .text
{
    margin: 10px;
    text-align: left;
}
