html,body{
	  height: 100%;
	margin:0; /* ESTO HACE QUE EL ENCABEZADO NO TENGA MARGENES ARRIBA Y A LOS COSTADOS*/
	/*scrollbar-face-color: #2F6C89; 
	scrollbar-shadow-color: #333333; 
	scrollbar-highlight-color: #333333; 
	scrollbar-3dlight-color: #cccccc; 
	scrollbar-darkshadow-color: #333333; 
	scrollbar-track-color: #cccccc; 
	scrollbar-arrow-color: #cccccc; 
	behavior:  url(../html/%22csshover3.htc%22);*/
	}
   
     
#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 100px;} 

#footer {position: relative;
         overflow: hidden;
         background-color: black;
	margin-top: -100px; 
	height: 100px;
        font: arial;
        font-size: 15px;
        text-align: center;
        color: white;
	clear:both;} 


body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}


#header{
	margin:0px;
    height:45px;
    background:#404040;
    /*border:1px solid;*/
    position:relative;
    top:0;
    left:0;
    right:0;
	font-size:14px;
	font-family:Tahoma;
	color:#FFFFFF;
	line-height: 18px;
	font-weight:bold;
        }

#logo_empresa{
	position: absolute;
	/*height: 100px;
	width: 100px;*/
	top: 3%;
	left: 12%;
        }

#logo_sistema{
	position: absolute;
	/*height: 100px;
	width: 100px;*/
	top: 3%;
	left: 70%;
        }
		
#beneficiario{
	margin:auto;
    height:60px;
    background:#1F1F1F;
    /*border:1px solid;*/
    position:relative;
    top:0;
    left:0;
    right:0;
     }
		
#datos_beneficiario{
	position: absolute;
	top: 15;
	left: 12%;
        
	}
	
#opciones_beneficiario{
	position: absolute;
	top: 20%;
	left: 71%;
	}	
	
#linea_header{
	margin:0px;
    height:1px;
    background:#E1E1E1;
    position:relative;
    top:0;
    left:0;
    right:0;
        }	
								


table{
	 padding-right: 5px;
	 padding-left: 5px;
 	}

td{
	font-size:14px;
	font-family:Tahoma;
	color:#333333;
	line-height: 18px;
	padding-right: 5px;
 	padding-left: 5px;
	}

td.turno_no_disponible{
	font-size:14px;
	font-family:Tahoma;
	background-color: #E1E1E1;
	color:#333333;
	line-height: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
 	padding-left: 20px;
	}
	
td.turno_disponible{
	font-size:14px;
	font-family:Tahoma;
	background-color: #277FCC;
	color:#FFFFFF;
	line-height: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
 	padding-left: 20px;
	}	

#nombre_sistema{ 
	font-size:14px;
	font-family:Tahoma;
	color:#FFFFFF;
	line-height: 18px;
	font-weight:bold;
	}

#texto_encabezado{
	font-size:16px;
	font-family:Tahoma;
	color:#FFFFFF;
	line-height: 18px;
        font-weight:bold;
	}

#titulo{
	font-size:16px;
	font-family:Tahoma;
	color:#FFFFFF;
	line-height: 18px;
	}        
        
#texto_encabezado_big{
	font-size:18px;
	font-family:arial;
	color:#FFFFFF;
	line-height: 18px;
	font-weight:bold;
	}

#texto_anaranjado{
	font-size:14px;
	font-family:Tahoma;
	color:#C56904;
	line-height: 18px;
	font-weight:bold;
	}


#texto_celeste{
	font-size:16px;
	font-family:Tahoma;
	color:#277FCC;
	line-height: 18px;
	font-weight:bold;
	}        
        
        
        
select
	{
    background: #f1f1f1;
	width: 250px;
	padding: 7px 7px 7px 10px;
    border: 2px solid #e8c291;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	}

select:select
	{
    background-color: #fff;
    border-color: #277FCC;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
	}


select:select
	{
    background-color: #fff;
    border-color: #277FCC;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
	}        
        
	
/*input[type=button]
{
    background-color: #F1AD3A;
    height: 30px;
    width: 250px;
    color: #000000;
    border-color: #C46903;
}*/	

/* enlace no visitado*/
a:link{
	font-size:14px;
	font-family:Tahoma;
	color:#277FCC;
	text-decoration:none;
	font-weight:bold;
	}


/* enlace visitado*/
a:visited{ 
	font-size:14px;
	font-family:Tahoma;
	color:#277FCC;
	text-decoration:none;
	font-weight:bold;
	}


/* enlace activo (pulsado) */
a:active{
	font-size:14px;
	font-family:Tahoma;
	color:#277FCC;
	text-decoration:none;
	font-weight:bold;
	}


/* rat�n en el enlace, sin pulsar. */
a:hover{
	font-size:14px;
	font-family:Tahoma;
	color:#277FCC;
	text-decoration:underline;
	font-weight:bold;
	}
	
        
        
.martin a:link{
	font-size:14px;
	font-family:Tahoma;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
 .martin a:active{
	font-size:14px;
	font-family:Tahoma;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
  .martin a:visited{
	font-size:14px;
	font-family:Tahoma;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
  .martin a:hover{
	font-size:14px;
	font-family:Tahoma;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
        
   .botoncito
{		
    background-color: #05B8BC;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #999999 #e3a037 #d5982d #e3a037;

    float: center;
    height: 35px;
    padding: 0;
    width: 120px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #ffffff;
}


.botoncito:hover,#submit:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}	

.botoncito:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

.botoncito::-moz-focus-inner
{
  border: none;
}




   .botoncito_big
{		
    background-color: #05B8BC;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #999999 #e3a037 #d5982d #e3a037;

    float: center;
    height: 35px;
    padding: 0;
    width: 200px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #ffffff;
}


.botoncito_big:hover,#submit:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}	

.botoncito_big:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

.botoncito_big::-moz-focus-inner
{
  border: none;
}








.redondito{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.tablita{
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    border-width: 3px;
    border-style: solid;
     /*border-color: #999999 #e3a037 #d5982d #e3a037;*/
 border-color: #E3E3E3 #E3E3E3 #E3E3E3 #E3E3E3;
    font:  15px Arial, Helvetica;
    color: #ffffff;
}

.texto_introductorio{
    font:  15px Arial, Helvetica;
    color: #000000;
}


hr.linea_gris { 
height: 1px;
border: 0;
color: #333333;
background-color: #333333;
/*width: 100%;*/
}
/*-------------------------------------------------------------------------------------------*/	







