/* 
Ultima Actualización: 02/03/09


Modificado por: Octavio Suárez Ávila
 */


/*	-------------------------------------------------------------
	Reset para cross-browsing
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym,address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*	-------------------------------------------------------------
	Estilos globales 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
a {
	font-size:14px;
	font-weight:bold;
	color:#c41230;
	text-decoration:none;
}
a:hover {
	color:#f68428;
}

body {
	background-image:url(images/background.jpg);
	font-family:trebuchet MS;
	font-size:12px;
}
.wrapper {
	width:900px;
	height:auto;
	margin:0px auto;
}
.header {
	width:900px;
	height:70px;
	float:left;
	background-image:url(images/header.png);
}
.content {
	width:900px;
	height:505px;
	float:left;
}
.footer {
	width:900px;
	height:90px;
	float:left;
	background-image:url(images/footer.jpg);
}
/*	-------------------------------------------------------------
	CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.col_izq {
	width:650px;
	height:auto;
	float:left;
}
.col_der {
	width:250px;
	height:auto;
	float:right;
}
.txt_supe {
	width:630px;
	height:auto;
	float:left;
	font-size:25px;
	color:#c41230;
	font-weight:bold;
	padding:30px 0 0 20px;
}
.formulario {
	width:550px;
	height:auto;
	float:left;
	margin-top:30px;
	margin-left:100px;
	_margin-left:0px;
}
.gracias {
	width:630px;
	height:auto;
	float:left;
	font-size:25px;
	color:#c41230;
	font-weight:bold;
	padding:200px 0 0 20px;
	text-align:center;
}
.logo {
	width:200px;
	height:230px;
	float:right;
	margin:30px 25px 0 25px;
	_margin:30px 15px 0 15px;
	text-align:center;
}
.datos {
	width:230px;
	height:215px;
	float:right;
	margin-top:10px;
	padding:10px;
}
/*	-------------------------------------------------------------
	CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.content_form form{
	width:400px;
	height:auto;
	float:left;
	margin-top:20px;
	margin-left:40px;
}
.lbl {
	float:left;
	width:120px;
	margin-left:20px;
	margin-right:20px;
	color:#C41230;
	font-size:18px;
	font-weight:bold;
}
.lbl_input {
	float:left;
	width:100%;
	margin-top:15px;
}
.cont_input {
	float:left;
	width:220px;
	text-align:left;
}
.cont_input input, .cont_input select, .cont_input textarea {
	background-color:transparent;
	border: 1px solid #C41230;
	color:#253449;
	font-size:12px;
	padding:5px 10px;
	font-family:trebuchet MS;
}
.error {
	background-image:url(../images/error.png);
	background-repeat:no-repea;
	float:left;
	height:auto;
	padding-left:15px;
	/*visibility:hidden;*/
	display:none;
	width:auto;
	margin:5px 0 5px 105px;
	color:#696969;
	font-weight:bold;
}
.link_correo {
	font-size:11px;
	color:#006a91;
}
.link_correo a{
	font-size:11px;
	color:#666;
}
.link_correo a:hover{
	font-size:11px;
	color:#5D1A32;
}
.product_enviar {
	width:60px;
	height:15px;
	float:left;
	padding:5px;
	background-image:url(images/bt_buscar.jpg);
	background-repeat:no-repeat;
	margin:10px 0 0 220px;
	*margin:0 0 0 170px;
	_margin:0 0 0 120px;
	text-align:center;
}
.product_enviar a{
	color:#fff;
	font-size:14px;
	text-decoration:none;
}
.product_enviar a:hover{
	color:#C41230;
}
.leyenda {
	width:200px;
	height:15px;
	float:left;
	padding:5px;
	margin:10px 240px 0 20px;
	_margin:10px 100px 0 25px;
	text-align:left;
	color:#C41230;
	font-weight:bold;
}