img { behavior: url(iepngfix.htc); }
div { behavior: url(iepngfix.htc); }
.miSelectColor1 { font-family: arial; font-size: 11px; color: white; background-color:#F5EFFB;} 
.miSelectColor2 { font-family: arial; font-size: 11px; color: black; background-color:#FBEFEF;} 
.miSelectColor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border-color:#cccccc;
	border-width:1px;
	border-style:solid;
}
.miSelect {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border-color:#cccccc;
	border-width:1px;
	border-style:solid;
}
.miSelectC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border-color:#cccccc;
	border-width:1px;
	width: 140px;	
	border-style:solid;
}
.miSelectS{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	border-color:#cccccc;
	border-width:1px;
	border-style:solid;
	height: 20px;
	width: 85px;
	text-align: center;
	background-color:#a0c0e0;
}
.inputTextoS
{
	border-right: #cccccc 0px solid;
	border-top: #cccccc 0px solid;
	font-size: 12px;
	background-image: none;
	border-left: #cccccc 0px solid;
	color: black;
	border-bottom: #cccccc 0px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	height: 20px;
	width: 75px;
	background-color:#a0c0e0;
}
.inputTextoSe
{
	border-right: #cccccc 0px solid;
	border-top: #cccccc 0px solid;
	font-size: 10px;
	background-image: none;
	border-left: #cccccc 0px solid;
	color: black;
	border-bottom: #cccccc 0px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	height: 20px;
	width: 120px;
	background-color:#a0c0e0;
}
.inputtres
{
	border-right: #cccccc 0px solid;
	border-top: #cccccc 0px solid;
	font-size: 10px;
	background-image: none;
	border-left: #cccccc 0px solid;
	color: black;
	border-bottom: #cccccc 0px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: ;
	height: 15px;
	width: 25px;
}
.inputTextoSchico
{
	border-right: #cccccc 0px solid;
	border-top: #cccccc 0px solid;
	font-size: 10px;
	background-image: none;
	border-left: #cccccc 0px solid;
	color: white;
	border-bottom: #cccccc 0px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: ;
	height: 20px;
	width: 100px;
	background-color:#084fb9;
}
.inputTexto
{
	border-right: #cccccc 0px solid;
	border-top: #cccccc 0px solid;
	font-size: 10px;
	background-image: none;
	border-left: #cccccc 0px solid;
	color: black;
	border-bottom: #cccccc 0px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	width: 70px;
}
TD
{
	font-family:  verdana, arial,helvetica, sans serif;
	font-size:10px;
	font-style:normal;
	font-weight:regular;
	font-variant:normal;
	color:#000000;
}
.tablaConBorde {
	border: 1px solid #CCCCCC;
}
.divDiaTexto{
	font-family:  verdana, arial,helvetica, sans serif;
	font-size:10px;
	font-style:normal;
	font-weight:regular;
	font-variant:normal;
	color:#727272;
	background-color: #A3A3A3;
	width: 35px;
	text-align: center;
}
.celdaCalendario{
	border: solid #D1CCCC 1px;
	width: 12px;
	height: 12px;
	text-align: center;
	text-decoration: none;
}
.celdaCalendarioResaltado{
	border: solid #C0C0C0 1px;
	width: 12px;
	height: 12px;
	text-align: center;
	color: white;
	background-color: #A20303;
	font-weight:bold;
	text-decoration: none;
}
.titular{
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.cabecera{
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.cabecera1{
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.cabecera2{
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.reservado{
	background-image: url(images/ico_Reserva.gif);
}
.reservado_salida{
	background-image: url(images/ico_ReservaSalida.gif);
}
.reservado_entrada{
	background-image: url(images/ico_ReservaEntrada.gif);
}
.reservado_completo{
	background-image: url(images/ico_ReservaCompleta.gif);
}
.claseFila1{
	border-bottom: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}
.claseFila2{
	border-bottom: 1px solid #CCCCCC;
	background-color: #FAFAFA;
}
.colorFila1{
	background-color: #EEEEEE;
}
.colorFila2{
	background-color: #FAFAFA;
}
.noEstilo{
	text-decoration: none;
}
.asignado{
	background-image: url(images/ico_Asignado.gif);
}
.asignado_salida{
	background-image: url(images/ico_AsignadoSalida.gif);
}
.asignado_entrada{
	background-image: url(images/ico_AsignadoEntrada.gif);
}
.asignado_entrada_reservado_salida{
	background-image: url(images/ico_asignado_entrada_reservado_salida.gif);
}
.asignado_salida_reservado_entrada{
	background-image: url(images/ico_asignado_salida_reservado_entrada.gif);
}
.pestanaGrande{
	background-image: url(images/ico_pestanaGrande.gif);
	text-align: center;
	color: white;
	font-family: verdana;
	font-weight: bold;
	font-size: 14px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.fotoFicha{
	border: solid #9D0808 1px;
}
.nombreVivienda{
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 12px;
	font-family: verdana;
	background-color: #9D0808;
}
.body{
text-align:center;
}
.contenedor{
text-align:left;
   margin: 10px; 
}  
.contenedorsin{
text-align:left;
   margin: 0px; 
} 
 .contenedormuy{
text-align:right;
   margin: 100px; 
}  
.contenedorr3 {
border-radius:3px;
-moz-border-radius:3px; /* Firefox */
-webkit-border-radius:3px; /* Safari y Chrome */ 

/* Otros estilos */
border:1px solid #333;
background:#eee;
width:100%;
padding:5px;
}
.datosVivienda{
	text-align: center;
	color: black;
	font-size: 12px;
	font-family: verdana;
	font-weight: bold;
}
.inputText2
{
	font-size: 10px;
	color: black;
	border-bottom: #cccccc 0px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	border: solid black 1px;
}
.inputTexto2
{
	font-size: 10px;
	color: black;
	border-bottom: #cccccc 0px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	border: solid black 1px;
}
.inputTex
{
	font-size: 11px;
	color: black;
	border-bottom: #cccccc 0px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	border: none;
}
.inputTex1
{
	font-size: 11px;
	color: black;
	border-bottom: #cccccc 0px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	border: solid black 1px;
	text-align: right;	
}
.inputTex2
{
	font-size: 10px;
	color: black;
	border-bottom: #cccccc 0px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	border: solid black 1px;
	text-align: right;	
}
.inputTexto3
{
	font-size: 10px;
	color: black;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-align: left;
	background-color:transparent;
}
.inputTexto5
{
	font-size: 10px;
	color: black;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-align: left;
	background-color:#BDBDBD;
}
.inputTexto4
{
	background-color:#9D0808;
	color:#FFFFFF;
	font-size: 10px;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-align: left;
}
.inputTexto5a
{
	font-size: 10px;
	color: #BDBDBD;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-align: left;
	background-color:#BDBDBD;
}
.inputTexto4a
{
	background-color:#9D0808;
	color:#9D0808;
	font-size: 10px;
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-align: left;
}
.inputBotonRojo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #9D0808;
	border: 1px solid #000000;
	font-weight: bold;
}
.cabeceraOscura{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #9D0808;
	font-weight: bold;
}
.celdaListado{
	padding-left: 3px;
	padding-top: 3px;
}
.celdaPrecio{
	font-family:  verdana, arial,helvetica, sans serif;
	font-size:18px;
	font-style:normal;
	font-weight:bold;
	font-variant:normal;
	color:#9D0808;
}
.celdaDatos{
	font-family:  verdana, arial,helvetica, sans serif;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	font-variant:normal;
	color:#000000;
}
.bordeImagen{
	border: 1px solid #CCCCCC;
}
.inputBoton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #CCCCCC;
	border: 1px solid #333333;
	font-weight: bold;
}
.contenedorfoto { 
   float:left; 
   width:120px; 
   height:80px; 
   margin: 5px; 
   padding:5px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
}
#principal { 
   margin:0 auto;
}
.alertar{
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFA4;
}
LEGEND{
		font-family:  verdana, arial,helvetica, sans serif;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	font-variant:normal;
	color:#000000;
}
LEGEND1{
		font-family:  verdana, arial,helvetica, sans serif;
	font-size:25px;
	font-style:normal;
	font-weight:bold;
	font-variant:normal;
	color:#000000;
}
.pestana{
	text-decoration: none;
	color:black;
	border-left: solid black 1px;
	border-right: solid black 1px;
	border-top: solid black 1px;
	padding-left: 2px;
	padding-top: 1px;
	padding-right: 2px;
}
.caja {
    width: 615px;
    background-image: url("http://www.olecosta.com/images/ico_centro.jpg");
    background-repeat: repeat-y;
}

.cajaarriba {
    background-image: url("http://www.olecosta.com/images/ico_cabeceraMail.jpg");
    background-position: top center;
    background-repeat: no-repeat;
}

.cajaabajo {
    background-image: url("http://www.olecosta.com/images/ico_pie.gif");
    background-position: bottom left;
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-bottom: 20px;
} 
/* set millions of background images */
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }

/* estilo del ejemplo 2 */
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#888; margin:0 5px;}
.b2 {height:1px; background:#ddd; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3 {height:1px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4 {height:2px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.bcontent {background:#ddd; border-right:1px solid #888; border-left:1px solid #888; padding-left:5px; padding-right:5px;}