﻿/*
La nomenclatura de los estilos para cada sección
queda de la siguiente fo+rma:

REGISTRO:		REG
COLORES:		COL
PRECIOS:		PRE
CONFIGURADOR:	CFG
ENCUESTAS:		ENC
CONTACTANOS:	CON
VOTA AQUI:		VOT

*/

body 
{
	margin:0px 0px 0px 0px; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
}


.Legal
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt; 
	
	padding-left: 14px;
	padding-right: 14px;
	
	padding-top:14px;
	padding-bottom:14px;
	
	text-align:justify; color:#FFFFFF
}
/*********************** Registro ***********************************/
.REG_link
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight: normal; 
	color:#FFFFFF;
}
.REG_linkSmall
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	font-weight: normal; 
	color:#FFFFFF;
}
.REG_aster
{
	color:#FFFFFF;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:inherit;
    font-weight:bold;
    text-align:left;
}
.REG_ErrorMesg
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight: bold; 
	color:#C6002A;
	padding-left:7px;
}

.REG_tabla
{
	width:640px;
	background-color:#D7DBD2;
}


.REG_EncabezadoImg
{
	background-color:#B5BBAD;
}

.REG_EncabezadoTexto
{
	/*text-align: justify;*/
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 15px;
	/*padding-top: 14px;*/
    padding-left: 14px;
    padding-right: 14px;
    /*background-color:#B5BBAD;*/
    color:#000000;
}

.REG_lineaBlancaH
{
	background-color:White;
	height:1px;
}

.REG_lineaBlancaV
{
	background-color:White;
    width:1px;
}

.REG_lineaColorH
{
	background-color:#b5bbad;
	height:1px;
}
.REG_lineaColorV
{
	background-color:#b5bbad;
    width:1px;
}	

.REG_CamposIzq
{
	width:210px;
	color:#000000;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:inherit;
    font-weight:bold;
    text-align:left;
    padding-left:7px;
}

.REG_CamposDer
{
	width:120px;
	color:#000000;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif
    font-style:inherit;
    font-weight:bold;
    text-align:left;
    padding-left:7px;
}

.REG_CamposDer2
{
	width:260px;
	color:#5E5E5E;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:inherit;
    font-weight:bold;
    text-align:left;
    padding-left:7px;
}

.REG_TextBox
{
	width:200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:inherit;
	font-weight:inherit;
	border-style:solid;
    border-color:#9A9AA4;
    border-width:1px;
}

.REG_TextBoxCalle
{
	width:161px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:inherit;
	font-weight:inherit;
	border-style:solid;
    border-color:#9A9AA4;
    border-width:1px;
    margin-right:6px;
}

.REG_TextBoxNumero
{
	width:32px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:inherit;
	font-weight:inherit;
	border-style:solid;
    border-color:#9A9AA4;
    border-width:1px;
    text-align:right;
}

.REG_TextBoxFecha
{
	width:161px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:inherit;
	font-weight:inherit;
	border-style:solid;
    border-color:#9A9AA4;
    border-width:1px;
    margin-right:9px;
}

.REG_Validator
{
	height:30px;
	margin-right:0px;
}

.REG_Botones
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-style:normal;
    border-style:solid;
    border-width:2px;
    border-color:Black;
    background-color:#b5bbad;
}

.REG_DropDL
{
	width:200px;
	border-style:solid;
	border-color:#9A9AA4;
    border-width:1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:inherit;
	font-weight:bold;
	
}

.REG_RBtnn
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:inherit;
	font-weight:inherit;
}

REG_MsgErroFecha
{
	padding-left:300px;
}

REG_MsgError
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:inherit;
	font-weight:inherit;
}

strong
{
	color:#5E5E5E;
}

/*********************** LOGIN AUDI ********************/
	
.REG_LOGtabla
{
	width:479px;
	background-color:#D7DBD2;
}

.REG_LOGTablaCampos
{
	width:280px; 
}

.REG_LOGTablaBotones
{
	width:199px;
}

.REG_LOGEncabezado
{
	background-color:#B5BBAD;
}

.REG_LOGlineaBlacaH
{
	background-color:White;
	height:1px;
}

.REG_LOGlineaBlacaV
{
	background-color:White;
    width:1px;
}

.REG_LOGInstruccion
{
	color:#5E5E5E;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:inherit;
    font-weight:bold;
    text-align:left;
    padding-left:13px;
    height:20px;
}

.REG_LOGCampos
{
	width:30%;
	color:#5E5E5E;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:inherit;
    font-weight:bold;
    text-align:right;
    padding-right:7px;
}

.REG_LOGTextBox
{
	height:13px;
	width:145px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:inherit;
	font-weight:inherit;
	vertical-align:text-top;
	border-style:solid;
    border-color:#9A9AA4;
    border-width:1px;
}

.REG_LOGValidator
{
	width:13%;
	height:20px;
}

.REG_LOGBotones
{
	width:100%;
	height:20px;
    padding-left:30px;
    vertical-align:bottom;
}

.REG_LOGBotonesInfe
{
    text-align:left;
    padding-left:45px;
}

.REG_LOGMsgError
{
	color:Red;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:inherit;
    padding-left:30px;
    height:20px;
}
	

/*********************** RECUPERAR CONTRASEÑA ********************/

.REG_RECtabla
{
	width:479px;
	background-color:#D7DBD2;
}

.REG_RECTablaCampos
{
	width:325px; 
}

.REG_RECTablaBotones
{
	width:154px;
}

.REG_RECEncabezado
{
	background-color:#B5BBAD;
}

.REG_REClineaBlacaH
{
	background-color:White;
	height:1px;
}

.REG_REClineaBlacaV
{
	background-color:White;
    width:1px;
}

.REG_RECCampos
{
	width:50%;
	color:#5E5E5E;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:inherit;
    font-weight:bold;
    text-align:right;
    padding-right:7px;
}

.REG_RECTextBox
{
	height:13px;
	width:145px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:inherit;
	font-weight:inherit;
	vertical-align:text-top;
	border-style:solid;
    border-color:#9A9AA4;
    border-width:1px;
}

.REG_RECValidator
{
	width:7%;
	height:20px;
}

.REG_RECBotones
{
	width:100%;
	height:20px;
    padding-left:20px;
}

.REG_RECMsgError
{
	color:Red;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:inherit;
    padding-left:30px;
    height:20px;
}

/************************** Cambio de contraseña ****************************/


.REG_CHAtabla
{
	width:479px;
	height:131px;
	background-color:#D7DBD2;
}

.REG_CHATablaCampos
{
	width:339px; 
}

.REG_CHATablaBotones
{
	width:140px;
}


.REG_CHAEncabezado
{
	height:30px;
	width:479px;
	background-color:#B5BBAD;
}

.REG_CHAlineaBlacaH
{
	background-color:White;
	height:1px;
}

.REG_CHAlineaBlacaV
{
	background-color:White;
    width:1px;
}

.REG_CHACampos
{
	width:50%;
	color:#5E5E5E;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:inherit;
    font-weight:bold;
    text-align:right;
    padding-right:7px;
}

.REG_CHATextBox
{
	height:13px;
	width:145px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:inherit;
	font-weight:inherit;
	vertical-align:text-top;
	border-style:solid;
    border-color:#9A9AA4;
    border-width:1px;
}

.REG_CHAValidator
{
	width:7%;
	height:20px;
}

.REG_CHABotones
{
	width:28%;
    padding-left:11px;
    height:20px;
}

.REG_CHAMsgError
{
	color:Red;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:inherit;
    padding-left:11px;
}	


/*************************** registro recibido ****************************/
	

.REG_RRCContenido
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-variant:inherit;
    color:Black;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:30px;
}

.E-NL_RRCContenido
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-variant:inherit;
	font-weight:bold;
    color:Black;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:30px;
}

/************************************* stilos de calendario *************************************/

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color:#4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

/*
Definicion de estilos para Precios y Paquetes AUDI: PRE_AUDI
*/
.PRE_Version
{
	color: white;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #b5bbad;
}
.PRE_Header
{
	color: black;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	font-weight: bold;
	background-color: #b5bbad;
	direction: ltr;
	height:35px;
	
}
.PRE_HeaderTrans
{
	color: black;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	font-weight: bold;
	background-color: #b5bbad;
	direction: ltr;
	height:35px;
	width:40%;
}
.PRE_HeaderPaq
{
	color: black;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	font-weight: bold;
	background-color: #b5bbad;
	direction: ltr;
	height:35px;
	width:40%;
}
.PRE_HeaderPre
{
	color: black;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	font-weight: bold;
	background-color: #b5bbad;
	direction: ltr;
	height:35px;
	width:20%;
}
.PRE_Alterno1
{
	color: black;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	background-color: #d7dbd2;
	height: 20px;
}
.PRE_Alterno2
{
	color: black;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 20px;
}
.PRE_Transmision
{
	color: black;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	background-color: #d7dbd2;
	height:20px;
	width:40%;
	}
.PRE_Paquete
{
	color: black;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	background-color: #d7dbd2;
	height:20px;
	width:40%;
	}
.PRE_Precio
{
	color: black;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	background-color: #d7dbd2;
	height:20px;
	width:20%;
	}	
.PRE_Imprimir
{
	color: black;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	background-color: #b5bbad;
	height:20px;
	width:12%;
	}
.PRE_ImprimirImg
{
	color: black;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	background-color: #b5bbad;
	height:20px;
	}	
	
/*************************************************************
 *************************************************************
 * Definicion de estilos para CONTACTO
 */

.CON_obscura
{
	/*background-color: #B5BBAD;*/
	font-size:10px;
	}
	
.CON_clara
{
	/*background-color: #D8DBD2;*/
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:14px;
	}
.CON_separacion
{
	border-left: solid 1px #9999A3;
}

.CON_formulario
{
	/*padding-left:5px;*/
}
	
.CON_boton
{
	background-color:#B5BBAD;
	border: solid 1px #5D5D5B;
	font-size:11px;
	}	

.CON_titulo
{
    font-family: Verdana, Arial, Helvetica, sans-serif
    color:#000000;
    font-size:10px;
    padding-left:14px;
	padding-right:14px;
	
    font-weight:bold;
}

/*************************************************************
 *************************************************************
 * Definicion de estilos para Encuesta
 */


.ENC_opciones
{
	background-color: #D8DBD2;
	font-size:10px;
	color:#000000;
	padding:3px 5px 3px 5px;
	border-bottom: solid 1px #FFFFFF;
	}

.ENC_seccion
{
	margin: 10px 10px 10px 10px;
	font-size:10px;
	color:#FFFFFF;
	width:100%;
}
	
.ENC_espacio
{
	background-color: #D8DBD2;
	}	
	
.ENC_pregunta
{
	padding-right:10px;
	background-color:#CBCEC1;
	font-size:11px;
	font-weight:700;
	color:#5E5E5E;
	width:100%;
	padding:5px 5px 5px 5px;
	border-bottom: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
}
	
.ENC_areapreguntas
{
	background-color: #FFFFFF;
	padding:0px 0px 0px 0px;
}

.ENC_areapreguntassuper
{
	background-color: #D8DBD2;
	padding:0px 0px 0px 0px;
	border: solid 0px #FFFFFF;
}

.ENC_areabotones
{
	background-color: #D8DBD2;
	padding: 5px 5px 5px 5px;
}

.ENC_controles
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
}

.ENC_titulo
{
	background-color:#B5BBAD;
	height:60px;
	padding-left:18px;
	font-size:12px;	
	font-family:Arial, Verdana;
	font-weight:bold;
	color:#FFFFFF;
}



.ENC_mensaje
{
	/*background-color:#B5BBAD;*/
	/*padding:16px 18px 16px 18px;*/
	font-size:10px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*text-align:justify;*/
	font-weight:bold;
	padding-top:9px;
	padding-left: 14px;
	padding-right: 14px;
	
}
/*.ENC_mensaje
{
	font-size:11px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
*/
.ENC_tabla
{
	background-color: #FFFFFF;
	width:640px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*
Definicion de estilos para mapa Concesionarios
*/
.CONCE_bgBusqueda{
	background-image: url(../Img/dealers/bgbusqueda.gif);
	background-repeat: no-repeat;
	background-color: #E9E9E9;
}
.CONCE_bgResultado{
	background-image: url(../Img/dealers/bgresultado.gif);
	background-repeat: no-repeat;
	background-color: #E9E9E9;
}
.CONCE_subtitle{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 12px;
	font-weight: bold;
}
.CONCE_labels{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 11px;
	font-weight: bold;
}
.CONCE_nameAgencia{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
	text-transform: uppercase;
}
.CONCE_grlText{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 11px;
	font-weight: normal;
}
.CONCE_lnk{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}
.CONCE_fields{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 10px;
	font-weight: normal;
}

.CONCE_title{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 11px;
	font-weight: bold;
	background-color: #C1C1C1;
}
.CONCE_combosbg{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 11px;
	font-weight: normal;
	/*background-color: #E9E9E9;*/
}

.CONCE_lnk:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
}
.CONCE_lnk:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
}
.CONCE_lnk:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
}
.CONCE_lnk:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight:normal;
}
