/*
---------------------------------------------------------------
VIRAZON CONTACTO
---------------------------------------------------------------
*/

#tablaContacto 
{
	margin-left: 17px;
	margin-right: 27px;
	margin-top: 50px;
	background-repeat: no-repeat;
	background-position:0px 240px;
}

#tablaContacto .colDatos
{
	
	vertical-align:text-top;
	width:270px;
}
#tablaContacto .colDatos h2,
#tablaContacto .colForm h2
{
	margin: 0px 0px 0.5em;
	font-size:1.1em;
	color:#00548F;
	font-weight: bold;
}

#tablaContacto .colForm
{
	
	vertical-align:text-top;
	text-align:center;
}

#tablaContacto .colForm input
{
	background-color: Transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom: #D4D5E0 1px solid;
	width:180px;
}
#tablaContacto .colForm textarea
{
	border-right: #D4D5E0 1px solid;
	border-top: #D4D5E0 1px solid;
	border-left: #D4D5E0 1px solid;
	border-bottom: #D4D5E0 1px solid;
	background-color:#fff;
	width:180px;
}
#tablaContacto .colForm .botonEnviar
{
	
	background-image:url('imagenes/contacto/enviar.png');
	background-repeat:no-repeat;
	width:120px;	
	min-height:32px;
	height:32px;
	border-bottom:none;
	color:#00548F;
}

#tablaContacto .colForm .tablaContactoForm .col1
{
	font-weight:normal;
	text-align:right;
	padding-right:10px;
}
#tablaContacto .colForm .tablaContactoForm .col2
{
	width:100px;
}


#tablaContacto .colForm .MensajeError
{
	
	color: #ff0000;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 20px;
	margin-bottom: 10px;
	text-align: left;
	border-style: none;
}

#tablaContacto .colForm .pnlProgreso
{
	border-right: #FFFF00 1px solid;
	border-top: #FFFF00 1px solid;
	border-left: #FFFF00 1px solid;
	border-bottom: #FFFF00 1px solid;
	margin-bottom: 10px;
	vertical-align: middle;
	padding: 5px 5px 5px 5px;
	border-color: #FFFF00;
	background-color: #FFFFCC;
}






/*
---------------------------------------------------------------
FORMULARIO
---------------------------------------------------------------
*/

.tablaContactoForm {
}

.tablaContactoForm .col1 
{
	font-weight:bold;
	vertical-align:top;
	height:35px;	
}

.tablaContactoForm .col2 
{
	vertical-align:top;
}

.contactoNoEnviado
{
	width: 250px;
	border-right: #ff0033 1px solid;
	padding-right: 2px;
	border-top: #ff0033 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: #ff0033 1px solid;
	padding-top: 2px;
	border-bottom: #ff0033 1px solid;
	background-color: #ffffcc;
	color: #ff0000;
}

.contactoEnviado
{
	width: 250px;
	border-right: #33cc00 1px solid;
	padding-right: 2px;
	border-top: #33cc00 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: #33cc00 1px solid;
	padding-top: 2px;
	border-bottom: #33cc00 1px solid;
	background-color: #d5ffad;
	font-weight: bold;
	color: #66cc00;
}



/*
---------------------------------------------------------------
VIRAZON CONTACTO
---------------------------------------------------------------
*/



/*
---------------------------------------------------------------
Contacto Express
---------------------------------------------------------------
*/
#ContactoExpress
{
	display:none;
}
	

#ContactoExpress .contactoNoEnviado
{
	width: 95%;
}

#ContactoExpress .contactoEnviado
{
	width: 95%;	
}

#ContactoExpress .MensajeError
{
	width: 95%;	
	text-align:left;
}
	
.tablaContactoExpress 
{
	
}

.tablaContactoExpress .txt 
{
	font-weight:bold;
	text-align:left;
	color:#1C4C34;
	font-size:0.7em;
}

.tablaContactoExpress .ctrl 
{
	
}


.tablaContactoExpress .ctrl input,
.tablaContactoExpress .ctrl textarea,
.tablaContactoExpress .ctrl select
{
	border:solid 1px #1C4C34;
}

.tablaContactoExpress .ctrl .botonEnviar
{
	width:120px;	
	background-color:#fff;
	font-size:0.7em;
}