/* form style */

.box { margin: 0px; text-align: left; padding-bottom: 20px;} 

/*.fondo-input{ background-image: url(../images/sombra-input.jpg); background-repeat: no-repeat; width: 235px; height: 38px;}
.fondo-textarea{ background-image: url(../images/sombra-textarea.jpg); background-repeat: no-repeat; width: 517px; height: 140px;}
*/
#myform {
	padding: 0px 20px 0px 0px;
	color: #5b5e71;
	width:500px;
	margin: 0;
	/*position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
}

/* nested  */
#myform fieldset {
    border:0;
    margin:0;
    padding:0;
}


/* typography */
#myform h3 { color:#5b5e71; margin-top:0px; }
#myform p { 
	font-size:13px; 
	color: #5b5e71;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding-bottom: 4px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	
	}


/* input field */
#myform input.caja {
    /*border:1px solid #0098a1;
    background-color:#fff;
    padding:5px;*/
	/*border:1px solid #cfe18f;*/
	border: none;
    background-color:#fff;
    padding:7px;
    color:#5b5e71;
    font-size:13px;
	height: 16px;
	width: 230px;
	margin-bottom: 20px;
	font-family:  Arial, Helvetica, sans-serif;
	
	/*-webkit-border-top-right-radius: 16px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 16px;
	-moz-border-radius-topright: 16px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 16px;
	border-top-right-radius: 16px;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 16px;
	*/

    /* CSS3 spicing 
    -moz-border-radius:4px;
    -webkit-border-radius:4px;*/
}


#myform input:focus { color:#000; background-color:#cccdd2; }
#myform input:active { background-color:#cccdd2; }


#myform textarea {
    /*border:1px solid #cfe18f;*/
	border: none;
    background-color:#fff;
    padding:7px;
    color:#000;
    font-size:13px;
	height: 117px;
	width: 500px;
	margin-bottom: 15px;
	font-family:  Arial, Helvetica, sans-serif;

    /* CSS3 spicing 
    -moz-border-radius:4px;
    -webkit-border-radius:4px;*/
	
	/*-webkit-border-top-right-radius: 16px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 16px;
	-moz-border-radius-topright: 16px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 16px;
	border-top-right-radius: 16px;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 16px;*/
	resize: none;
}

#myform textarea:focus { color:#000; background-color:#cccdd2; }
#myform textarea:active { background-color:#cccdd2; }




/* button */
#myform button {
    outline:0;
    border:1px solid #0e5495;
	color: #0098a1;
	font-weight:bold;
	background-color: #c2e5f2;
}


/* error message */
.error {
    height:15px;
    background-color:#cccdd2;
    font-size:12px;
    border:1px solid #5b5e71;
    padding:4px 10px;
    color: /*#0098a1;*/ #000;
    display:none;

	/*border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-topleft:0;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-top-left-radius:0;

    -moz-box-shadow:0 0 6px #ddd;
    -webkit-box-shadow:0 0 6px #ddd;
	*/
}

.error p {
    margin:0;
	font-size: 13px;
}

/* field label */
label {
	display:block;
	color: #5b5e71;
	font-family:  Arial, Helvetica, sans-serif;
	width: 214px;
}

#deseo label {
    float:left;
}

#deseo input {
	float:left;
    margin-top: 3px; 
	margin-right: 5px;
}

#myform p.obligatorio {margin-top: 0px; font-size: 11px; font-weight:normal;}

#botones button { float: left; margin-right: 10px; padding:5px 12px;
/* CSS3 spicing */
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
	border-radius: 4px;
}

#myform input.submit{
	width:91px;
	height:33px;	
	border:0px;
	margin-top:0px;
	background:url(../images/btn-enviar.jpg) no-repeat;
	cursor: pointer;
}


/*** toltip **/

.clear {
    clear:both;
}

.error {
	
    margin:7px 0px 2px 112px;
	
    padding:2px 10px 6px 8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	border-radius: 8px;
	background-color: #cccdd2;/**/
}

.error em {
    border:5px solid;
    border-color:#5b5e71 transparent transparent;
    bottom:-10px;
    display:block;
    height:0px;
    left:20px; 
    position:absolute;
    width:0;
}

p.obligatorio{ width: 240px; padding-top:9px;}

p.enviar {width: 91px; /*margin-right: 10px;*/}

.izquierdaform {float: left; width: 230px;}
.derechaform{float: left; width: 230px; margin-left: 40px;}

.izquierda {float: left; }
.derecha{float: right; }