@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
/*	color: #FFFFFF; */
	background-image: url(images/rosas-fondo.jpg);
}


.thrColFixHdr #container {
	width: 957px;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border: 1px solid #000000;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	background-color: #280023;
} 
.thrColFixHdr #header { 
	
} 

.thrColFixHdr #sidebar1 {
	float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 239px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
	height: 700px;
	background: #330033; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
}
.thrColFixHdr #sidebar2 {
	float: right; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 104px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
	background: #240223;
	height: 700px;
}
.thrColFixHdr #mainContent { 
	margin: 0 105px 0 265px; /* los márgenes derecho e izquierdo de este elemento div crean las dos columnas externas de los lados de la página. Con independencia de la cantidad de contenido que incluyan los divs de las barras laterales, permanecerá el espacio de la columna. Puede quitar este margen si desea que el texto del div #mainContent llene el espacio de las barras laterales cuando termine el contenido de cada una de ellas. */
	padding: 0 10px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
} 
.thrColFixHdr #footer { 
} 
.thrColFixHdr #footer p {
background-color: #240223;
	height: 89px;
	background-repeat: repeat-x;
	background-image: url(images/bkg-foot.gif);
}

.clearfloat{
	clear:both;
}



.div-content-principal {
	width: 957px;
}
.div-left-column {
	float: left;
	width: 250px;
}

.div-right-column {
	float: right;
	width: 700px;
}


.legal-footer {
	font-family: Tahoma;
	font-size: 12px;
	color: #CCCCCC;
}
.div-left {
	width: 957px;
	float: none;
}
.div-columm-left {
	width: 230px;
	padding-right: 10px;
	padding-left: 10px;
}
.div-text-princ-home {
	height: 630px;
	background-color: #FFFFFF;
	overflow:auto;
	background-image: url(images/fondos.png);
}
.text-lef-home {
	font-family: "Trebuchet MS", Verdana;
	font-size: 14px;
	color: #666666;
	width: 430px;
	margin-left: 50px;
	float: left;
}

.div-right {
	width: 650px;
	float: right;
}

.div-content-principal {
	width: 957px;
}


.style1 {
	font-family: tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #663300;
}
.style2 {
	font-size: 18px;
	color: #330033;
	font-weight: normal;
}
.style3 {
	color: #240223;
	font-weight: bold;
}.left-form {
	background-image: url(images/bkg-form-green.gif);
	background-position: center top;
	width: 250px;
}
.left-form2 {
	background-image: url(images/bkg-green.gif);
	background-position: center top;
	width: 250px;
	height: 220px;
}
.bt {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF;
	height: 30px;
	width: 240px;
	background-repeat: no-repeat;
	background-position: center top;
	font-style: italic;
	text-decoration: none;
	font-weight: normal;
	background-image: url(images/bt-off.jpg);
	margin-right: auto;
	margin-left: auto;
}
.bt:visited {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF;
	height: 26px;
	width: 180px;
	background-repeat: repeat-x;
	background-position: center top;
	font-style: italic;
	margin-top: 2px;
}
.bt:hover {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF;
	height: 30px;
	width: 240px;
	background-repeat: repeat-x;
	background-position: center top;
	font-style: italic;
	background-image: url(images/bt-over.jpg);
	cursor: pointer;
}
.bt:active {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF;
	height: 30px;
	width: 240px;
	background-repeat: repeat-x;
	background-position: center top;
	font-style: italic;
}
a {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	color: #FFFFFF;
}
.sidebartxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
.sidebartitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #6600FF;
	font-weight: bold;
}
.b2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF;
	height: 30px;
	width: 240px;
	font-style: italic;
	text-decoration: none;
	font-weight: normal;
	margin-top: 2px;
}
.b2:visited {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF;
	height: 26px;
	width: 180px;
	font-style: italic;
	margin-top: 2px;
}
.b2:hover {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF;
	height: 30px;
	width: 240px;
	font-style: italic;
	margin-top: 2px;
}
.b2:active {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF;
	height: 26px;
	width: 180px;
	font-style: italic;
	margin-top: 2px;
}
p{
	font-size: 90%;
	margin-top: 1em;
	margin-bottom: 2em;
	color: #333;
}

h1 {
	color: #0099CC;
	font-size: 1.6em;
}


/* Form */
form {
	width: 400px;
	border: 1px solid #EEE;
	padding: 10px;
	margin: 40px auto;
}

label {
	display: block;
	margin-top : 8px;
	width: 100%;
	background-repeat: no-repeat;
}

.blue {
	color: #0099CC;
	font-weight: bold;
}


/* Congratulation message */
.MsgSent {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	text-align: center;
	border: 1px solid #EEE;
	background-color: white;
}

.MsgSent h1 {
	background: url(../images/MsgSent.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
}

/* Error message */
.MsgError {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	text-align: center;
	border: 1px solid #EEE;
	background-color: white;
}

.MsgError h1 {
	background: url(../images/MsgError.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
	color: #CC0000;
}

.MsgSent p, .MsgError p {
	font-size: 1.3em;
	color:#999;
}

/***** FormCheck *****/
.tipsbox .tipsbox_top_left{
	background : url('../images/top_left.png') no-repeat;
	_background : url('../images/top_left.gif') no-repeat;
	_background-position : 9px 8px;
}

.tipsbox .tipsbox_top{
	background : url('../images/top.png') repeat-x;
	height : 17px;
	_background : url('../images/top.gif') repeat-x;
	_background-position : 0px 8px;
}

.tipsbox .tipsbox_top_right{
	background : url('../images/top_right.png') no-repeat;
	_background : url('../images/top_right.gif') no-repeat;
	_background-position : 0px 8px;
}

.tipsbox .tipsbox_left{
	background : url('../images/left.png') repeat-y;
	width : 17px;
	_background : url('../images/side.gif') repeat-y;
	_background-position : 9px 8px;
}

.tipsbox .tipsbox_right{
	background : url('../images/right.png') repeat-y;
	width : 22px;
	_background : url('../images/side.gif') repeat-y;
	_width : 9px;
}

.tipsbox .tipsbox_bottom_left{
	background : url('../images/bottom_left.png');
	_background : url('../images/bottom_left.gif') no-repeat;
	_background-position : 9px 0px;
}

.tipsbox .tipsbox_mark{
	background : url('../images/mark.png') no-repeat;
	height : 36px;
	_background : url('../images/mark.gif') no-repeat;
}

.tipsbox .tipsbox_bottom_right{
	background : url('../images/bottom_right.png');
	_background : url('../images/bottom_right.gif') no-repeat;
}

.tipsbox .tipsbox_inner, .tipsbox .tipsbox_inner_ie6{
	background : url('../images/inner.png');
}

.tipsbox .tipsbox_inner_ie6 {
	padding : 4px;
}

.tipsbox .tipsbox_error {
	background : url('../images/error.png') no-repeat;
	_background : url('../images/error.gif') no-repeat;
	width: 40px;
	height: 40px;
	margin-top: 5px;
	float: left;
	clear: left;
}

.tipsbox p, .tipsbox {
	font-size: 1em;
	font-family: tahoma, verdana, "sans-serif";
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
}

.tipsbox p {
	padding-left: 55px;
	line-height: 15px;
}

.tipsbox p span {
	font-size: 1em;
	font-weight: bold;
	color: red;
	line-height: 35px;
}


.error_f {
	border : 1px dotted #666;
	margin-top : 5px;
	background-color : #EAEAEA;
}

.error_f p {
	margin : 5px;
	color : #A00;
}

.error_f p span {
	font-size : 1.1em;
	color : #000;
	margin : 5px 0px 0px 0px;
}

/*Forms defaults - change as needed*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
label.chosen {color:#333;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(../images/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(../images/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(../images/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(../images/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(../images/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

.txtarea .tr, .txtarea .tr_xon {background:url(../images/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../images/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(../images/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../images/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../images/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../images/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(../images/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(../images/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(../images/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(../images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(../images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(../images/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}