@charset "utf-8";
/* CSS Document */
body{ margin:0px; background-image:url(../image/img_bg_body.png); background-repeat:repeat; font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:12px;}

.divContainer{ width:100%; height:100%; text-align:center;}
/*#divContainer{width:100%; height:100%; text-align:center; position:absolute; top:0px; left:0px; z-index:1;}*/
/*.divContainerPage{ width:900px; margin:auto; text-align:left; }*/
.divContainerPage{ width:980px; margin:auto; text-align:left; z-index:1;}
.divRowHeader{ padding:5px; height:180px; background-image:url(../image/img_header_back.png); background-repeat:repeat-x; background-position:top left; text-align:left; position:relative; margin:auto;}
.divRowBody{ padding:0px 5px 0px 0px; background-image:url(../image/img_body_back.png); background-repeat:repeat-x; background-position:bottom; background-color:#6A0088;}
.divRowBodyTrama{ padding:10px 0px 0px 0px; background-image:url(../image/img_body_trama.png); background-position:bottom; background-repeat:repeat-x;}
.divRowMenu{}
.divRowPie{ padding:0px; height:75px; background-image:url(../image/img_pie_back.png); background-repeat:repeat-x; background-position:top; border:#F90 solid 1px;}
.divRowPieTrama{ padding:5px; background-image:url(../image/img_pie_trama.png); background-repeat:repeat-x;  background-position:top left; height:75px;}
.divColumnaIzquierda{ padding:5px;}
.divColumnaDerecha{ padding:px;}
.divColumnaCenter{ padding:5px;}
/*172px;*/
.divContainerHeader{ background-image:url(../image/img_header.png); background-repeat:no-repeat; height:0px;}
.divContainerHeader_logo{ background-image:url(../image/img_header_logo.png); background-repeat:no-repeat; height:172px;}
.divContainerMenu{ background-image:url(../image/img_menu.png); background-repeat:no-repeat; height:52px;}
.divContainerPie{ background-image:url(../image/img_pie.png); background-repeat:no-repeat; height:40px;}
.divContainerBody{}
.divCBTop{ background-image:url(../image/img_contenido.png); height:10px; background-position:top;}
.divCBCenter{ background-image:url(../image/img_contenido_center.png); background-repeat:repeat-y; text-align:center; padding:0px 0px 0px 2px;}
.divCBBottom{ background-image:url(../image/img_contenido.png); height:10px; background-position:bottom;}
#tarjeta_azul{position:absolute; top:35px; left:520px; z-index:10;}
#tarjeta_naranja{position:absolute; top:10px; left:650px; z-index:9;}

/*Menu*/
.divHand{ cursor:pointer;}
.divMenu{ padding:0px 5px 5px 50px; font-family:calibri; color:#FFF; font-size:13px; font-weight:bolder;}
.divOption{ height:30px; padding:20px 10px 5px 10px; float:left; cursor:pointer; }
.divOptionHover{height:30px; padding:20px 10px 5px 10px; float:left; background-image:url(../image/img_option_hover.png); background-repeat:repeat-x; cursor:pointer; color:#F90; }

.divOH{ background-image:url(../image/degradeRed.png); background-repeat:repeat-x; cursor:pointer; background-position:bottom; }

.divSubMenu{ padding:0px 5px 5px 50px; font-family:calibri; color:#FFF; font-size:13px; font-weight:bolder;}
.divOptionS{ background-image:url(../image/barra_submenu.png); background-repeat:no-repeat; height:20px; padding:15px 0px 0px 0px; float:left; cursor:pointer; font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:bolder; }
/*.divOptionHover{ padding:5px 10px 5px 10px; float:left; background-color:#FFF; cursor:pointer;}*/

.divMenu2{ padding:5px 5px 5px 5px; font-family:calibri; color:#FFF; font-size:12px; font-weight:bolder;}

.divBoton{ padding:2px; border:#CCC solid 1px; background-image:url(../image/degrade_gray.gif); background-position:top; background-repeat:repeat-x;  float:left; cursor:pointer; color:#000; text-decoration:underline;}
.divBotonHover{ padding:2px; border:#FCECAB solid 1px; background-image:url(../image/degrade_jk.gif); background-position:top; background-repeat:repeat-x; float:left; cursor:pointer; color:#333}
/*.divBoton{ padding:2px;  float:left; cursor:pointer; color:#000; text-decoration:underline;}*/
/*.divBotonHover{ padding:2px; border:#999 solid 1px; background-color:#FFF; float:left; cursor:pointer; color:#333}*/
/*Menu*/

/*
botones
*/
/*.divBoton{ padding:2px; border:#666 solid 1px; background-color:#FC0; float:left; cursor:pointer; color:#333;}*/
/*.divBotonHover{ padding:2px; border:#999 solid 1px; background-color:#FF3; float:left; cursor:pointer; color:#666}*/
.divIcon{ padding:1px; float:left;}
.divMContainer{ padding:5px; float:left; cursor:pointer; }
.divMContainerHover{ border:#036 solid 1px; padding:2px; float:left; background-image:url(../image/degrade_hover_blue.gif); background-position:bottom; background-repeat:repeat-x; cursor:pointer;}
.divMContainerGreen{ border:#B4FA92 solid 1px; padding:2px; float:left; background-image:url(../image/degrade_hover_green.gif); background-position:bottom; background-repeat:repeat-x; cursor:pointer;}

.divBtnMnu{ cursor:pointer; background-image:url(../image/img_back_button.png); background-position:top left; background-repeat:no-repeat; float:left; height:15px; padding:15px 10px 10px 55px; font-family:"Lucida Sans"; font-size:16px; color:#000;}
.divBtnMnuEnd{background-image:url(../image/img_back_button.png); background-position:top right; background-repeat:no-repeat; float:left; width:10px; height:40px;}
.divBtnMnuHov{ cursor:pointer; background-image:url(../image/img_back_button_hover.png); background-position:top left; background-repeat:no-repeat; float:left; height:15px; padding:15px 10px 10px 55px; font-family:"Lucida Sans"; font-size:16px; color:#FFF; text-decoration:underline;}
.divBtnMnuEndHov{background-image:url(../image/img_back_button_hover.png); background-position:top right; background-repeat:no-repeat; float:left; width:10px; height:40px;}
.divRMenu{position:relative; margin:auto; float:left;}
#iconHome{position:absolute; top:-7px; left:5px; z-index:30;}

/*Style button*/
.btnStyle{ background-image:url(../image/degrade_jk.gif); background-repeat:repeat-x; background-position:bottom; padding:5px; border:#666 solid 1px; color:#333;}

input{ color:#333; padding:3px; border:#CCC solid 1px; font-family:calibri; font-size:14px; font-weight:bolder;}
textarea{ color:#333; padding:3px; border:#CCC solid 1px; font-family:calibri; font-size:14px; font-weight:bolder;}
.inputTxt{ color:#333; padding:3px; border:#CCC solid 1px; font-family:calibri; font-size:14px; font-weight:bolder;}
.inputTxtError{ color:#333; padding:3px; border:#CCC solid 1px; font-family:calibri; font-size:14px; font-weight:bolder; background-color:#FFDEDD; border:#C30 solid 1px;}

/*
headr cuadros
*/
.divHeader{ background-image:url(../image/bgheaderBox.png); background-repeat:repeat-x; background-position:top; height:15px;}

/* Columns */
.divColumnSp{float:left; padding:0px;}
.divColumn{float:left; padding:5px;}
.divColumn900{ width:900px; float:left; padding:5px;}
.divColumn850{ width:890px; float:left; padding:5px; margin:auto;}
.divColumn800{ width:800px; float:left; padding:5px;}
.divColumn700{ width:700px; float:left; padding:5px;}
.divColumn650{ width:650px; float:left; padding:5px;}
.divColumn600{ width:600px; float:left; padding:5px;}
.divColumn550{ width:550px; float:left; padding:5px;}
.divColumn500{ width:500px; float:left; padding:5px;}
.divColumn450{ width:450px; float:left; padding:5px;}
.divColumn400{ width:400px; float:left; padding:5px;}
/*.divColumn320{ width:300px; float:left; padding:5px;}*/
.divColumn300{ width:300px; float:left; padding:5px;}
.divColumn250{ width:250px; float:left; padding:5px;}
.divColumn200{ width:200px; float:left; padding:5px;}
.divColumn180{ width:180px; float:left; padding:5px;}
.divColumn150{ width:150px; float:left; padding:5px;}
.divColumn100{ width:100px; float:left; padding:5px;}
.divColumn80{ width:80px; float:left; padding:5px;}
.divColumn50{ width:50px; float:left; padding:5px;}
/* Columns */


/* Separadors #F9F9F9 */
.divSpaceRow{ padding:2px; border-bottom:#CCC dashed 1px;}
.divSeparador10{ width:10px; float:left;}
.divSeparador20{ width:20px; float:left;}
.divSeparador30{ width:30px; float:left;}
.divSeparador40{ width:40px; float:left;}
.divSeparador45{ width:45px; float:left;}
.divSeparador50{ width:50px; float:left;}
/* Separadors*/

/* Border */
.divBorderBlack{ border:#000 solid 1px;}
.divBorderGray{ border:#333 solid 1px;}
.divBorderBlue{ border:#036 solid 1px;}
.divBorderWhite{ border:#FFF solid 1px;}
.divBorderRed{ border:#690C25 solid 1px;}
/*.divBorderVino{ border:#690C25 solid 1px;}*/
.divBorderWhiteBottom{ border-bottom:#FFF solid 1px;}
/* Border */

#divAfiliados{ width:480px; height: 450px;}


/*Labels*/
.lblLink{ cursor:pointer; font-family:calibri; font-size:14px; color:#F30; text-decoration:underline;}
.lblLink:hover{ cursor:pointer; font-family:calibri; font-size:14px; color:#333; text-decoration:none;}

.lblLinkPie{ cursor:pointer; font-family:calibri; font-size:13px; color:#FFF; text-decoration:none; padding:3px;}
.lblLinkPie:hover{ cursor:pointer; font-family:calibri; font-size:13px; color:#FFF; text-decoration:underline; padding:3px;}


.lblTitle{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:bolder; color:#FFF;}
.lblDescripcion{ font-family:calibri; font-size:13px; color:#CCC;}

.lblTitle2{font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-style:italic; font-weight:bolder; color:#F93;}
.lblDescripcion2{ font-family:calibri; font-size:14px; color:#FFF;}
.lblDescripcion2B{ font-family:calibri; font-size:12px; color:#000;}

.lblTitle3{font-family:Tahoma, Geneva, sans-serif; font-size:16px; font-weight:bolder; color:#F00;}
.lblDescripcion3{ font-family:calibri; font-size:14px; color:#FFF;}
.lblDescripcion_small3{ font-family:calibri; text-decoration:underline; font-style:normal; font-size:14px; color:#F00;}

.lblTitle4{font-family:Tahoma, Geneva, sans-serif; font-size:16px; font-weight:bolder; color:#F00;}
.lblDescripcion4{ font-family:calibri; font-size:14px; color:#FFF;}
.lblDescripcion_small4{ font-family:calibri; text-decoration:underline; font-style:normal; font-size:14px; color:#F00;}

.lblTitle5{ font-family:Tahoma, Geneva, sans-serif; font-size:15px; font-weight:bolder; color:#FFF;}
.lblDescripcion5{ font-family:calibri; font-size:15px; color:#CCC;}
/*Labels*/

/*Titles*/
.lblTitle6{font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:bolder; color:#FFF;}
.lblDescripcion6{ font-family:calibri; font-size:15px; color:#FFF; padding:4px; font-weight:bolder;}
.lblDescripcion6B{ font-family:calibri; font-size:15px; color:#333; padding:4px; font-weight:bolder;}
.bien{font-family:calibri; font-size:15px; color:#FFF; padding:4px; font-weight:bolder; background-color:#FFF; border:#CCC solid 1px;}
.error{font-family:calibri; font-size:15px; color:#FFF; padding:4px; font-weight:bolder; background-color:#FFD7D7; border:#FFB0B0 solid 1px;}

/*
label especiales
*/

/*
 Link
*/

.divLink{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#FFF; padding:5px; cursor:pointer; text-decoration:underline;}
.divLinkHov{ font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#999; cursor:pointer; padding:5px;}

.divLink1{ font-family:calibri; font-size:12px; color:#FFF; padding:5px; cursor:pointer; text-decoration:underline;}
.divLinkHov1{ font-family:calibri; font-size:12px; color:#999; cursor:pointer; padding:5px;}
/*
inputs type
*/

.inputLbl{ font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bolder; color:#666; border:solid #999 1px; padding:5px;}


/*Spaces*/
.divClear{ clear:both;}
.divSpace3{ height:3px;}
.divSpace5{ height:5px;}
.divSpace10{ height:20px;}