p{
float:left;
margin:2px 0px 2px 0px;
display:block;
width:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#003;
font-size:10px;
}


p label{
 width: 100px;
  margin-right:5px; 
  
 
 
}

p label, .listHorizontal li label{
 
  float: left;
  text-align: right;
 
  color:#003;
  font-size:10px;
}

p input, select, textarea{
  color: #000000;
  background-color:#FFCC66;
  border:1px solid #FF9900;
  float:left
 
}



fieldset{
 border: 2px solid #003366;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 width:350px;
 margin-top:5px; 
 padding-bottom:10px ;
 font-size:10px;

 
}

legend{
 color: #fff;
 background: #FF6600;
 border: 1px solid #003366;
 padding: 2px 6px;
 font-size:12px;
 font-weight:bold;
 
} 
 

.listHorizontal{
   border:none;
   float:left;
   width:300px;
   margin-left:100px   
   
}


.listHorizontal li label{
 width:200px; 
}

.submit{
 border:1px solid #000; 

}
.btn{
 float:right;
 margin:10px;
 text-decoration:none;
}
.btn img{
 margin-right:4px;
}

.btn:hover{
  font-weight:bold;
  color:#C60;

}

.titulo, .mensajeExitoso,.mensajeError,.mensajeAdvertencia{display:block;width:100%;margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif}
.titulo{ text-align:left}
.titulo h2 {font-size:14px;color:#FF6600;font-weight:bold;}

.mensajeExitoso , .mensajeError,.mensajeAdvertencia{background-position: 10px center;background-repeat: no-repeat;text-align:left;}
.mensajeExitoso h2, .mensajeError  h2 , .mensajeAdvertencia h2{ padding: 10px 70px;font-size:14px;font-weight:bold;}

.mensajeExitoso{ background-color:#DFF2BF ; border: 1px solid #009900;  background-image:url(../imagenes/correcto.png)}
.mensajeExitoso h2 { color:#4F8A10;}

.mensajeError{ background-color:#FFBABA ; border: 1px solid #990000;  background-image:url(../imagenes/error.png)}
.mensajeError h2 { color:#D8000C;}

.mensajeAdvertencia{ background-color:#FEEFB3 ; border: 1px solid #FFCC00;  background-image:url(../imagenes/info.png)}
.mensajeAdvertencia h2 { color:#FF9900;}