@charset "utf-8";
/* CSS Document */

.cssform p{
width: 200px;
/*clear: left;*/
margin: 0 300px;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray; -----Deshabilitando la opcion de el borde dashed*/
height: 1%;
}

.cssform label{
font-weight: bold;
font-size:90%;
float: left;
font-style:normal;
letter-spacing:2px;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"],input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
border:1px solid #e0dcdc;
}

.cssform textarea{
width: 250px;
height: 150px;
border:1px solid #e0dcdc;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:repeat-x left top;
background-image:url(../Imagenes/formbg.gif);
}


* html .threepxfix{
margin-left: 3px;
}



input:focus, textarea:focus {
background-color:#f0efef;
border:#bbb9b9 solid 1px;
}