html, body{
    height: 100%;
    width: 100%;
}

*{
    margin: 0;
    padding: 0;
}

.br{
	clear: both;
	margin: 0;
	padding: 0;	
}

.invisible{
	display:none;
}

body{
    background: #8aa2df url("../img/background.png") repeat-x;
    font-family: Arial,Helvetica,sans-serif;
    color: #3F547E;
    font-size: 11px;
}

h1{
    color:#3F547E;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:20px;
	text-transform:uppercase;
	height: 23px;
}

h2{
	color:#3F547E;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:17px;
	text-transform:uppercase;
}

h3{
	color:#3F547E;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:17px;
	font-weight: bold;
}

.subtitulo{
	color:#3F547E;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:17px;
	text-transform:uppercase;
}

/*
* FORMULARIOS
*/

input.boton {
    color: #000000;
    font-size: 11px;
    BORDER: #183560 1px solid; 
}

input.texto {
    background-color: white;
    border: 1px solid #183560;
    color: #000000;
    font-size:11px;
    padding:2px;
    width:150px;
    font-family:Arial,Helvetica,sans-serif;
}

input.textoFormulario, input.textoFormularioAncho {
	background-color:white;
	border-color:#183560 rgb(24, 53, 96) rgb(119, 135, 158);
	border-style:solid;
	border-width:0px 0px 1px;
	color:#334872;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:2px;
	width:70px;
}
input.textoFormularioAncho{
	width:160px;
}
input.readonly{
	background: #dadada;
}

textarea {
    border: 1px solid #183560;
    color:#000000;
    font-size:11px;
    padding:2px;
    width:300px;
    background-color:white;
}

textarea.textoFormularioAncho {
	background-color:white;
	border-color:rgb(119, 135, 158);
	border-style:solid;
	border-width: 1px;
	color:#334872;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:2px;
	width: 320px;
	height: 70px;
}

select {
    border: 1px solid #183560;
    color: #000000;
    font-size: 11px;
    padding: 2px;
    width: 150px;
    background-color: white;
}

select.comboFormulario, select.comboFormularioChico{
	background-color:white;
	border-color:#183560 rgb(24, 53, 96) rgb(119, 135, 158);
	border-style:solid;
	border-width:0px 0px 1px;
	color:#334872;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	padding:2px;
	width:180px;
}
select.comboFormularioChico{
	width:80px;
}

.formFieldColumn{
	float: left;
	width: 49%;
}

.formFieldRow{
	padding: 5px 0;
}

.formFieldRow label{
	width: 100px;
	display: block;
	float: left;
}
.naranja{
	color:#FF3300;
}




a:link, a:visited, a:active {
	color:#3F547E;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
}

a:active {
	color:#3F547E;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
}

a:hover{
	color:#CC0000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
}

.enConstruccion{
	margin: 50px 0;
	text-align: center;	
}

#contenedorPrincipalWrapper{
    margin: 0 auto;
	width: 769px;
	background: url("../img/background_bottom.jpg") repeat-y bottom left;
}

#contenedorPrincipalBordeIzq{
    background: url("../img/background_left_top.jpg") no-repeat top left;
	padding-left: 19px;
}

#contenedorPrincipalBordeDer{
	background: url("../img/background_right_top.jpg") no-repeat top right;
	padding-right: 10px;
}

#contenedorPrincipal{
    background: #ffffff;
	position: relative;
}

.contenedorMenu,
.contenedorMenu2{
    font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	text-align: right;
	top: 190px;
	right: 20px;
	*right: 30px;
}
.contenedorMenu2{
	top: 225px;
}

.contenedorMenu a.menuItem, 
.contenedorMenu a.menuItem:link, 
.contenedorMenu a.menuItem:visited,
.contenedorMenu a.menuItem:hover {
    font-size: 14px;
    color: #1c3f95;
    text-decoration: none;
    font-weight: bold;
	display:block;
	float:left;
	background: url("../img/menu_sepapador.gif") no-repeat top left;
	padding: 0 8px;
	height: 36px;
	line-height: 34px;
}

.contenedorMenu a.level2{
	float:right;
} 

.contenedorMenu a.first, 
.contenedorMenu a.first:link, 
.contenedorMenu a.first:visited,
.contenedorMenu a.first:hover {
	background: none;
}

div#contenedorPrincipal div#contenido{
    padding: 50px 10px 50px 10px;
}

div#botonesHome{
	margin-top: 10px;
}

div.separador{
    background: url("../img/sep.gif") repeat-x top left;
	height: 10px;
}

div.separador_vertical{
    background: url("../img/sep_vert.gif") repeat-y top right;
}

p.error{
	color: red;
	font-size: 12px;
}
td.error{
	color: red;
	font-size: 12px;
}
label.error{
	color: red;
	font-size: 11px;
	padding-left: 5px;
}

table thead tr .header {
	background-image: url(../img/tablesorter_bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right: 5px;
}

table thead tr .headerSortUp {
	background-image: url(../img/tablesorter_asc.gif);
}

table thead tr .headerSortDown {
	background-image: url(../img/tablesorter_desc.gif);
}

table.subtabla{
	margin: 10px 0 10px 10px;
	border-left:1px solid #3F547E;
	border-right:1px solid #3F547E;
}

p.BtnVolver{
	text-align : right;
	margin-top: 20px;
}

td p{
	margin-bottom:10px;
}

.mensajeMailEnviado{
	text-align:center; 
	font-size:17px; 
	border: 1px solid #3F547E; 
	padding: 4px;
	margin-bottom: 25px;
}

.mensajeResaltado {
	text-align:center; 
	border: 1px solid #3F547E; 
	padding: 4px;
	margin: 10px 0;
}

.mensajeErrores {
	text-align:center; 
	font-size:15px; 
	border: 2px solid red; 
	padding: 4px;
	margin-bottom: 25px;
	display: none;
	color: red;
}

.textoRojo{
	color:#FF3300;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:15px;
}

ul.lista{
	list-style-position: inside;
	margin-left: 20px;
}

div.galeriaVideos2008 img{
	margin: 2px;
}

/*editar registros*/

img.editar,
img.noEsMio,
img.enviar,
img.eliminar,
img.guardar{
	cursor: pointer;
}
img.enviar,
img.guardar{
	display:none;
}
.editRow input{
	width: 95%;
}
th.right{
	text-align: right;
}

a#generarCuponera,
a#generarCuponera:link,
a#generarCuponera:hover,
a#generarCuponera:visited{
	font-size: 16px;
	font-weight: bold;
}

/*paginado*/
#paginado{
	font-size: 14px;
	font-weight: normal;
	border: 1px solid #3F547E; 
	padding: 4px;
	margin-top: 10px;
	position: relative;
}
#paginado #totalRecords{
	position: absolute;
	top: 4px;
	left: 4px;
	font-size: 11px;
	line-height: 13px;
	_line-height: 18px;
}
#paginado #paginas{
	text-align: center;
}
#paginado a{
	margin-left: 5px;
}
#paginado a.current{
	font-weight: bold;
}

/* Date Picker */
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
	font-size:10px;
	margin-top:0;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 99999;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
	border-bottom: none;
}
div.dp-popup td.disabled {
	cursor: default;
}
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 1px 0 0 3px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
/* End Date Picker */


/* autocomplete */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 10px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/img/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
/* end autocomplete */


/* start preventistas torneo */
#preventistaTorneoWrapper{
	background: #6E6F73 url('/img/preventistas_home_torneo_bottom.jpg') bottom center no-repeat;
	margin: 0 auto;
	width: 720px;
	color: white;
	padding-bottom: 8px;
}
#preventistaTorneoWrapper.noHome{
	background: #6E6F73;
	padding-bottom: 0;
}
#preventistaTorneoWrapper .columnaTorneo{
	float: left;
	position: relative;
	display: inline;
	background: url('/img/preventistas_home_torneo_sep_vert.gif') top left repeat-y;
	padding-left: 18px;
	margin-bottom: 20px;
	height: 85px;
}
#preventistaTorneoWrapper #puntos{
	width: 150px;
	background: none;
}
#preventistaTorneoWrapper #puntos img{
	margin: 10px 0 0 10px;
}
#preventistaTorneoWrapper #puntos p{
	margin: 8px 0 0 10px;
}
#preventistaTorneoWrapper #torneo2010{
	
}
#preventistaTorneoWrapper .columnaTorneo h2{
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-transform: none;
	padding: 5px 0 15px;
}
#preventistaTorneoWrapper .columnaTorneo a.linkTorneo,
#preventistaTorneoWrapper .columnaTorneo a.linkTorneo:hover,
#preventistaTorneoWrapper .columnaTorneo a.linkTorneo:visited,
#preventistaTorneoWrapper .columnaTorneo a.linkTorneo:link{
	color: white;
	text-decoration: none;
	display: inline;
	background: url('/img/preventistas_torneo_flecha.gif') center left no-repeat;
	padding: 5px 0 5px 15px;
	margin-right: 20px;
	white-space: nowrap;
}
#preventistaTorneoWrapper .columnaTorneo a.selected,
#preventistaTorneoWrapper .columnaTorneo a.selected:hover,
#preventistaTorneoWrapper .columnaTorneo a.selected:visited,
#preventistaTorneoWrapper .columnaTorneo a.selected:link{
	color: black;
}
#preventistaTorneoWrapper a#basesCondiciones,
#preventistaTorneoWrapper a#basesCondiciones:link,
#preventistaTorneoWrapper a#basesCondiciones:hover,
#preventistaTorneoWrapper a#basesCondiciones:visited{
	background: url('/img/dot_rojo2.gif') 8px -8px no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
	color: white;
	margin-left: 10px;
}
#preventistaTorneoWrapper #cuerpo{
	background: #EAEBEF;
	color: #3F547E;
	padding: 20px;
}
#preventistaTorneoWrapper #cuerpo.noPadding{
	padding: 0;
}
#preventistaTorneoWrapper #pie{
	background: #75767A url('/img/preventistas_cuenta_torneo_bottom.gif') bottom left no-repeat;
	padding-bottom: 7px;
	text-align: right;	
	padding-right: 20px;
	padding-top: 7px;
}
#preventistaTorneoWrapper #pie a,
#preventistaTorneoWrapper #pie a:link,
#preventistaTorneoWrapper #pie a:hover,
#preventistaTorneoWrapper #pie a:visited{
	color: white;
	text-decoration: none;
	display: inline;
	background: url('/img/preventistas_torneo_flecha.gif') center left no-repeat;
	padding: 3px 0 3px 20px;
	margin-right: 20px;
}





#torneoCuentaWrapper #cabecera{
	background: url('/img/preventistas_cuenta_torneo_top.jpg') top left no-repeat;
	height: 161px;
	position: relative;
}
#torneoCuentaWrapper #cabecera #puntos{
	position: absolute;
	top: 55px;
	left: 178px;
	color: white;
	font-size: 14px;
	font-weight: bold;
}
#torneoCuentaWrapper #menu{
	background: #6D6E72;
	padding-left: 178px;	
	padding-bottom: 10px;
}
#torneoCuentaWrapper #menu h2{
	color: white;
	text-transform: none;
	margin-bottom: 10px;
	font-size: 12px;
}
#torneoCuentaWrapper #menu a.linkTorneo,
#torneoCuentaWrapper #menu a.linkTorneo:link,
#torneoCuentaWrapper #menu a.linkTorneo:hover,
#torneoCuentaWrapper #menu a.linkTorneo:visited{
	color: white;
	text-decoration: none;
	display: inline;
	background: url('/img/preventistas_torneo_flecha.gif') center left no-repeat;
	padding: 3px 0 3px 20px;
	margin-right: 20px;
}
#torneoCuentaWrapper #menu a.selected,
#torneoCuentaWrapper #menu a.selected:link,
#torneoCuentaWrapper #menu a.selected:hover,
#torneoCuentaWrapper #menu a.selected:visited{
	color: black;
}
#torneoCuentaWrapper #cuerpo {
	background: #EAEBEF;
}
#torneoCuentaWrapper #cuerpo table{
	text-align: center;
	width: 100%;
	border-right: #596271 1px solid;
	border-top: #596271 1px solid;
	empty-cells: show;
}
#torneoCuentaWrapper.ventasjefe #cuerpo table{
	width: auto;
	margin: 15px 0 10px 15px;
}
#torneoCuentaWrapper #cuerpo table td{
	border-bottom: #596271 1px solid;
	border-left: #596271 1px solid;
	padding: 2px 3px;
}
#torneoCuentaWrapper #cuerpo table tr.cabecera td{
	background: #C8CDD4;
}
#torneoCuentaWrapper #cuerpo table tr.principal td{
	padding: 4px;
}
#torneoCuentaWrapper #cuerpo table tr.cabecera td.mes{
	background: #A9AFBF;
	white-space: nowrap;
}
#torneoCuentaWrapper #cuerpo table tr.cabecera td.mes span{
	width: 145px;
	display: block;
	float: left;
}
#torneoCuentaWrapper.ventasjefe #cuerpo table tr.cabecera td.mes span{
	width: 75px;
}
#torneoCuentaWrapper #cuerpo table tr.cabecera td.mes a{
	font-weight: bold;
	width: 20px;
	display: block;
	float: left;
}
#torneoCuentaWrapper #cuerpo table tr.cabecera img{
	margin: auto 5px;
}
#torneoCuentaWrapper #cuerpo table tr.total td{
	font-weight: bold;
	background: #A9AFBF;
}
#torneoCuentaWrapper #cuerpo table tr.total td.spacer{
	background: none;
	border-bottom: none;
	border-left: none;
}
#torneoCuentaWrapper #cuerpo table td.verDetalleComercios{
	cursor: pointer;
}
#torneoCuentaWrapper #cuerpo table td.expandibleHover{
	background: #A9AFBF;	
}
#torneoCuentaWrapper #cuerpo #puntos {
	height: 30px;
	line-height: 30px;
}
#torneoCuentaWrapper #cuerpo #puntos span{
	background: url('/img/preventistas_cuenta_torneo_sep_vert.gif') center left no-repeat;
	padding: 0 15px;
}
#torneoCuentaWrapper #cuerpo #puntos span.primero{
	background: none;
}
#torneoCuentaWrapper #pie{
	background: #75767A url('/img/preventistas_cuenta_torneo_bottom.gif') bottom left no-repeat;
	padding-bottom: 10px;
	text-align: right;	
	padding-right: 20px;
	padding-top: 8px;
}
#torneoCuentaWrapper #pie a,
#torneoCuentaWrapper #pie a:link,
#torneoCuentaWrapper #pie a:hover,
#torneoCuentaWrapper #pie a:visited{
	color: white;
	text-decoration: none;
	display: inline;
	background: url('/img/preventistas_torneo_flecha.gif') center left no-repeat;
	padding: 3px 0 3px 20px;
	margin-right: 20px;
}

/* end preventistas torneo */



/* preventistas SE USA? */
#contenedorTitulo{
	position: relative;	
}

#contenedorTitulo p{
	margin-top: 4px;
	font-size: 13px;
}

#eslabones{
	position: absolute;
	right: 45px;
	top: -5px;
}

.botoneraInferior{
	float:left;
	padding: 10px;
	margin-bottom: 10px;
}

#tablaPuntosAdicionales{
	color:#3F547E;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:15px;
	text-transform:uppercase;
}
/* end preventistas */



/* tabla global */
table.molinosTable{
	margin-top: 20px;	
}
table.noMarginTop{
	margin-top: 0;
}
table.molinosTableBorders{
	border-right:1px solid #3F547E;
}	
table.molinosTable th{
	border-top:1px solid #3F547E;
	text-align: left;
	background-color: #c8cdd4;
}
table.molinosTable th,
table.molinosTable td{
	border-bottom: 1px solid #3F547E !important;
}
table.molinosTable tr.noborderBottom th,
table.molinosTable tr.noborderBottom th{
	border-bottom:none;
}
table.molinosTableBorders th,
table.molinosTableBorders td{
	border-left:1px solid #3F547E;
}
table.molinosTable td{
	background-color: #e9ebed;
}
table.molinosTable td.center,
table.molinosTable th.center{
	text-align: center;
}
table.molinosTable td.nowrap{
	background-color: #e9ebed;
	white-space: nowrap;
}		
table.molinosTable th, 
table.molinosTable td{
    color:#3F547E;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	line-height:13px;
	padding:4px !important;
}
table.molinosTable td a,
table.molinosTable td a:hover,
table.molinosTable td a:visited,
table.molinosTable td a:link,
table.molinosTable td a:active{
	text-decoration: underline;
}
table.molinosTable td.resul{
	background-color: #ccd1d7;
}


/* end tabla global */


/* tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #3F547E;
	background-color: #eee;
	padding: 6px 8px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size: 11px;
	opacity: 0.95;
}
#tooltip h3, 
#tooltip div { 
	margin: 0; 	
}
#tooltip h3{
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 4px;
}
#tooltip .body{
	line-height: 18px;
}
/* tooltip */