.clear { clear:both; height:0px; font-size:0px; }

.note {font-style: italic;}
.highlight {font-weight: bold;}
.smallfont {font-size: 11px;}
.error {color:Red; font-weight: bold;}
.important {color:Blue; font-weight: bold; font-size:26px;}
.importantErr {color:red; font-weight: bold; font-size:26px;}
.inblue{color:blue;}

.indented {padding:0px 20px; line-height:16px;}

body {
	margin:0; padding:0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	/* background: url(./img/bk-fondo3.png) repeat-x; */
	/*background-color:#666;*/
	/*background: url(./img/fondo.png);*/
	background-color: #333;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
    color:#226;
	border-bottom: 1px solid #226;
	width:500px;
	line-height: 16px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
    color:#226;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
    color:#333;
}

#container {
	text-align:left;
	margin: 8px auto;  /* 5px on top */
	padding: 0px;
	width:760px;
	/*min-height: 600px;         solo lo interpreta el firefox */
	/*height: auto !important;   Para el Firefox dejamos height a auto */
	/*height: 600px;              El IE interpreta height como min-height*/
    border:2px solid #666;
	/*background-color:#000;*/
	overflow:hidden;
	/*overflow: hidden; 	/* Dice al navegador que hacer con el contenido que no cabe en la caja */
					/* Visible (lo muestra) Hidden (lo oculta) Scroll (muestra un scroll) */
 }

#header {
   clear:both; /* Se utiliza para que ningún elemento flotante pueda posicionarse a ninguno de los dos lados*/
   margin:0px; padding:0;
   width: 760px;
   min-height: 110px;        /* solo lo interpreta el firefox */
   height: auto !important; /* Para el Firefox dejamos height a auto */
   height: 110px; /* El IE interpreta height como min-height*/
   color:#333;
   border-bottom:2px solid #666;
   background-color: #aa0;
   background: url(./img/ftop2009.jpg) no-repeat;
   background-position: 0px 0px;
   position:relative;
}

#content {
	margin: 0px; padding:10px;
	width:740px;
	min-height: 400px;        /* solo lo interpreta el firefox */
	height: auto !important; /* Para el Firefox dejamos height a auto */
	height: 400px; /* El IE interpreta height como min-height*/
    /*background-color:#000;*/
    color:#333;
	float:left;
	text-align : justify;
	background-position: 0px 700px;
	background: #ffd url(./img/fondoContent2009.png) repeat-y;
	/*background-color:#ffd;*/
	/*border:1px solid #fff;*/
	/*overflow:hidden;*/
}


#footer {
	margin:0px; padding:5px 10px;
	clear:both;  /*Se utiliza para que ningún elemento flotante pueda posicionarse a ninguno de los dos lados del pie*/
	width:740px;
	min-height: 15px;        /* solo lo interpreta el firefox */
	height: auto !important; /* Para el Firefox dejamos height a auto */
	height: 15px; /* El IE interpreta height como min-height*/
	text-align:center;
	/*overflow:hidden;*/ 
	font-size:smaller;
	color:#e3e3e3;
	background-color:#226;
    border-top:2px solid #666;
}

#header2{
	height:5px;
	padding:0;margin:0;
	width:760px;
	display:block;
	line-height:5px;
	background-color: #226;
	position:absolute; bottom:0px; left:0px;
}






.activeform {
	z-index:50;
	margin: 0 auto; padding: 4px 10px 0 10px;
	width:400px;
	min-height: 100px;        /* solo lo interpreta el firefox */
	height: auto !important; /* Para el Firefox dejamos height a auto */
	height: 100px; /* El IE interpreta height como min-height*/
	background-color:#666;
	color:#fff;
	text-align : left;
	border:1px solid #fff;
}
.activeform h2{
	margin: 8px 0 0 0;
	color:#fff;
}

input.mibutton,input.mibutton:active,input.mibutton:visited{ 
    background-color:#aa0;
    border:1px solid #333;
	margin: 4px 0; padding:2px;
    color:#fff;
	text-align:center;
    font-size:80%;
	height:20px;
}
input.mibutton:hover{ 
	color:#666;
}

.activeform select {
    background-color:#fff;
    border:1px solid #000;
	color:#666;
}

input {
    border:1px solid #000;
	color:#666;
}

.noDec{
	border:0; margin:0; padding:0;
}

table.little{
	padding:0;
	/* margin:0 auto; */
	border-spacing:2px;
	background-color:#000;
	font-size:80%;
}

table.little thead{
	font-weight:bold;
	color:#666;
	background-color:#e3e3e3;
}

table.little tbody{
	color:#e3e3e3;
	background-color:#666;
}

table.little tr.clar{
	color:#333;
	background-color:#FFC34E;
}


table.little tr.pend{
	color:#333;
	background-color:#F75;
}

table.little tr.blavet{
	color:#333;
	background-color:#69c;
}


table.little td{
	padding:2px 8px;
}



.mlang{position:absolute; bottom:5px; right:5px; } 
.menutop{position:absolute; bottom:5px; left:3px;}
.logo{float:left;}



.textLeftDiv{float:left; margin:0; padding:0; width:450px;}
.linkh{float:right; background-color:#e3e3e3; border:1px solid #666; padding:3px; margin:0;}

.midLeft{float:left; width:480px;}
.midRight{float:right;}

.linkimg{border:0px; margin:0; padding:0;}
.linkimg2{ border: 4px solid #fff; margin: 0px auto;}

.regularImg{ border: 4px solid #fff; display:block; margin: 0px auto;}

.miniText{float:left; margin:0; padding:0; width:300px;}




a.calendar{text-decoration:none; color:#666;}

a.enlace{text-decoration:none; font-weight: bold; color:#333;} 
a.enlace:hover{color:#666;}

a.enlaceb{text-decoration:none; font-weight: bold; color:#fff;} 
a.enlaceb:hover{color:#e3e3e3;}

.imgcentrada {margin: 1em auto;}
.txtcentrado{text-align:center;}

.divcentrado{	margin:0; padding:0; text-align:center; }


/* ------------- Formulario Login ------------------------------------------------------------- */
.login_form { 
  margin:4px auto; padding:0; width:200px; text-align:center;
}

.login_form fieldset {
  background-color:#fff;  border:1px solid #666; padding: 5px; margin: 0;
}
.login_form fieldset legend {
    color:#333; font-weight:bold;  margin:0; padding:0 2px;
}

.login_form label {
    min-height: 18px;        /* solo lo interpreta el firefox */
    height: auto !important; /* Para el Firefox dejamos height a auto */	
	height:18px;
    padding: 0; margin:2px 2px 0 0;
    text-align:right;
}

.login_form input {
    min-height: 20px;        /* solo lo interpreta el firefox */
    height: auto !important; /* Para el Firefox dejamos height a auto */	
	height:20px;
	margin: 0 0 2px 2px; padding:2px;
    font-size:80%;
}

.login_form input#name {
    border:1px solid #A0A0A0;
    background:#eee url(icons/user.png) no-repeat left;
	width: 92px;
	padding:2px 0 0 20px;
}

.login_form input#pass {
    border:1px solid #A0A0A0;
    background:#eee url(icons/key.png) no-repeat left;
	width: 92px;
	padding:2px 0 0 20px;
}

/* ----------------------------------------------------------------------------------------- */

/* ------------- Formulario Normal ------------------------------------------------------------- */
.normal_form { 
  margin:4px auto; padding:0; width:520px;	text-align:left;
}

.normal_form fieldset {  background-color:#fff;  border:1px solid #666; padding: 5px; margin: 0 0 10px 0; }
.normal_form fieldset legend {  color:#333; font-weight:bold;  margin:0; padding:0 2px; }

.normal_form select{
	float:left;
	display:block;
	width:155px; 
}

.normal_form select.lsel{
	float:left;
	display:block;
	width:50px; 
}
.normal_form select.longsel{
	width:240px; 
}


.normal_form label{
	float: left;
	padding:0;
	margin: 4px 2px 0 8px;
	width: 80px;
	display:block;
}

.normal_form label.slab{
	width: 50px;
}

.normal_form label.llab{
	width: 120px;
}

.normal_form label.llab2{
	width: 450px;
}

.normal_form label.newLine{
	clear:both;
}

.normal_form label.radiob{
	width:55px !important;
	width:40px;

}

.normal_form label.long{
	margin: 4px 2px 4px 8px;	
	width: 300px;
	font-weight:bold;
	color:#666;
}

.normal_form label.long2 {
	width: 400px;
}

.normal_form input{
	margin: 4px 0; padding:2px;
    font-size:80%;
	float:left;
}
.normal_form input.short {
	margin: 4px 14px 4px 0;
	width:135px;
	display:block;
}
.normal_form input.short2 {
	width:135px;
	display:block;
}
.normal_form input.long {
	width:380px;
	display:block;
}

/* ----------------------------------------------------------------------------------------- */




/* ------------- Menú de Navegación DropDown ------------------------------------------------------------- */
ul.nav {list-style:none; margin:0; padding:0;}
ul.nav  li{margin:0;padding:0 1px;float:left;text-align:center; position:relative;  width:100px; }
ul.nav  li a{text-decoration:none; background-color:#226; color:#fff; font-weight: bold; display:block; 
				line-height:17px; border-top:1px solid #fff;border-left:1px solid #fff; 
				border-right:1px solid #fff; padding:0;}
ul.nav  li a:hover{background-color:#fff; color: #226; border-top:1px solid #fff;border-left:1px solid #fff; border-right:1px solid #fff;}

/* Parte Drop Down IMPORTANTE: Para que se seleccióne tb la de arriba hay que superponer el div con top:0 */
/* Para IE 6 hace falta javascript */
ul.nav  li ul{list-style:none; padding:0; margin:0; display:none; position:absolute; top:100%;left:0;}
ul.nav  li ul li{display:block; color:#fff; font-weight: bold;background:#226; line-height:18px; border-bottom:1px solid	
				 #666;}
ul.nav  li ul li a:hover{color:#226; background:#fff;}
ul.nav  li:hover ul,ul.nav  li.over ul{display:block;}
/* ---------------------------------------------------------------------------------------------------------- */

.listaPremios .dp33, .listaPremios .dp50, .listaPremios .dp100 {
	text-align: center;
}

.listaPremios .dp33 p, .listaPremios .dp50 p, .listaPremios .dp100 p{
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
}

.listaPremios {

}

.listaPremios ol li{
	text-align: left; 
	margin-left: 40px;
	
}

.listaPremios h4 {
	font-size: 12px;
}

.pay_button {
	border: 1px solid black;
	background: white;
	padding: 5px;
	font-weight: bold;
	font-size: 1.1em;
	margin-left: auto;
	margin-right: auto;
}

.pay_div {
	margin:4px auto;
	padding:0; 
	width:520px;
	padding: 5px;
}

.pay_submit {
	height: 34px;
	border: 1px solid black;
}


.hidden {
	display: none;
}