﻿/* ================================================== FORMS */

input, select, textarea { font-family: Tahoma; }

option { padding: 2px; }

.error { border: 1px solid #ED174B !important; }

form br { clear: both; }

form.normal {
	overflow: hidden;
	width: 328px;
	padding-top: 4px;
	margin: 12px auto 16px auto;
	font-size: .8em;
}
form.normal label {
	float: left;
	width: 94px;
	padding-top: 3px;
	margin-right: 6px;
	margin-bottom: 8px;
	text-align: right;
	color: #A1A1A1;
}
form.normal input {
	float: left;
	width: 192px;
	height: 12px;
	padding: 2px 4px;
	margin-bottom: 8px;
	border: 1px solid #D0D0D0;
	background-color: #F8F8F8;
	font-size: 1em;
	color: #808285;
}
form.normal input.boton {
	width: auto;
	height: auto;
	float: right;
	padding-right: 18px;
	margin-right: 26px;
	border: 1px solid #D0D0D0;
	background: #F2F2F2 url(../images/botones/flecha-verde.gif) 97% 50% no-repeat;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	color: #808285;
	cursor: pointer;  
}
form.normal input.boton:hover { border: 1px solid #BBB; color: #666; }

form.normal img.form-icono { float: left; margin: 1px 0 0 6px; }

/* Contáctenos */
form.contactenos { padding-left: 10px; }
form.contactenos p { margin-bottom: 10px; }
form.contactenos label { width: 180px; float: left; }
form.contactenos input {
	background-color: #F9F7F8;
	border: solid 1px #D0D0D0;
	width: 192px;
	height: 12px;
	padding: 0 2px 2px 2px;
	font-size: .9em;
	color: #808285;
}
form.contactenos select {
	margin-left: 0;
	width: 197px;
	background-color: #F9F7F8;
	font-size: .9em;
}
form.contactenos textarea {
	background-color: #F9F7F8;
	border: solid 1px #D0D0D0;
	width: 250px;
	padding-left: 2px;
	color: #808285;
	font-size: .9em;
}
form.contactenos .enviar {
	width: 81px;
	height: 20px;
	cursor: pointer;
	margin: 20px 0 0 322px;
	padding: 0;
	background-color: white;
	border: none;
	overflow: hidden;
	display: block;
}

/* ------------------------------------------------- Form 2 */

.form_caja {
	width: 524px;
	padding-top: 8px;
	margin: 0 auto 20px auto;
	background: #F7F7F7 url(/Resources/Images/Sprites/Forms/form-borde-sup.png) top left no-repeat;
	color: #A1A1A1;
}
.form_caja .borde_inf {
	height: 8px;
	background: url(/Resources/Images/Sprites/Forms/form-borde-inf.png) top left no-repeat;
}
.form_caja_int {
	width: 510px;
	padding-top: 15px;
	margin-top: 10px;
	margin-left: 7px;
	background: #FFF url(/Resources/Images/Sprites/Tittles/form-borde2-sup.png) top left no-repeat;
}
.form_caja_int .borde_inf {
	margin-top: 7px;
	height: 8px;
	background: url(/Resources/Images/Sprites/Tittles/form-borde2-inf.png) top left no-repeat;
}
.form_caja h5 {
	margin: 2px 17px 10px 17px;
	font-weight: normal;
	font-size: 10px;
}
.form_caja_int h5 {
	margin: 14px 14px;
	padding-top: 12px;
	padding-left: 15px;
	border-top: 1px dotted #E0E0E0;
	background: url(/Resources/Images/Sprites/Tittles/flecha-azul-der.png) 0% 92% no-repeat;
	font-weight: bold;
	font-size: 10px;
}


.form_caja p .Label  
{
	width: 180px; 
	text-align:right;
	float:left;
	margin-right:40px;

}

.validate
{
	width:2px;
	text-align:inherit;
	float:none;
	margin:right:0px;
}

.form_caja p  
{
	margin: 10px 10px 10px 10px;
}

.form_caja p input 
{
	background-color: #F9F7F8;
	border: solid 1px #D0D0D0;
	width: 192px;
	height: 12px;
	padding: 0 2px 2px 2px;
	font-size: .9em;
	color: #808285;
	
}


.form_caja p select 
{
	background-color: #F9F7F8;
	border: solid 1px #D0D0D0;
	width: 192px;
	height: 20px;
	padding: 0 2px 2px 2px;
	font-size: .9em;
	color: #808285;
}


/* ===========================Solicitud(Custom Forms) ========================================================= */
.RqLabel  
{
	width: 180px; 
	text-align:right;
	float:left;
	margin-right:40px;
}

.RqInput 
{
	background-color: #F9F7F8;
	border: solid 1px #D0D0D0;
	width: 192px;
	height: 12px;
	padding: 0 2px 2px 2px;
	font-size: .9em;
	color: #808285;
	
}

rqControls
{
	margin: 10px 0px 10px 0px;
}

