form#presupuesto{
	width:100%;
	float:left;
	margin-right:20pt;
	margin-bottom:20pt;
}

form#presupuesto label{
	display:block;

	color:#333;
	padding:0;
	margin:0;
}

form#presupuesto input,form#presupuesto select{
	float:left;
	width:100%;
	padding: 6px;
	margin: 0 0px 3px 0px;
	background:#eee;
	border:0px solid #999;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
	font-size:9pt;
	font-family:Verdana;
	box-shadow: inset 0 4px 6px #ccc;
}



form#presupuesto fieldset{
	display:block;
	float:left;
	width:210px;
	margin:3px 20px 0 0;
}

		@media screen and (max-width: 959px) {
		form#presupuesto fieldset{
			width:150px;
		}
}


		@media screen and (max-width: 770px) {
		form#presupuesto fieldset{
			width:100%;
		}
}

		
form#presupuesto input.f{
 	width:106px;
 }

form#presupuesto .sub, .sf .sub{
	padding-top:5pt;
	clear:both;	
	text-align:center;
}


form#presupuesto .sub input,.sf .sub input{
	background:#333;
	float:left;
	color:white;
	padding:4px;
	margin-top:-15px;
	font-weight:bold;
	border:1px solid white;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0 0 3px #AAA;
	-webkit-box-shadow:0 0 3px #AAA;
	box-shadow:0 0 12px #AAA;
	cursor:pointer;
		width:100px;
}
form#presupuesto .sub input:hover,.sub input:hover{
background:#666666
	
}

#resultado b{
	display:block;
	color:orange;
	font-weight:bold;
	font-size:20pt;
	margin:20px 0 0 0;
	text-align:left;

}


#resultado small{
	float:left;
	margin:0 0 20px 0;
	padding:0;
	display:block;
}


/* -------------------- CALENDARIO ----------------------- */



#ui-datepicker-div{
	background:white;
	width:200px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0 0 3px #AAA;
	-webkit-box-shadow:0 0 3px #AAA;
	box-shadow:0 0 12px #AAA;
	padding:8px;
	display:none;
	position:absolute;

	
}

#ui-datepicker-div table{
	background:white;
	width:200px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0 0 12px #AAA;
	-webkit-box-shadow:0 0 12px #AAA;
	box-shadow:0 0 12px #AAA;
	padding:5px;
}

#ui-datepicker-div table th{
	color:#3388C9;
	
}


#ui-datepicker-div table td{
	text-align:center;
	background:#EEE;
	
	border:1px solid #CCC;

	
}

#ui-datepicker-div table td a{
	text-decoration:none;
	color:#333;
	display:block;

}
#ui-datepicker-div table td a:hover{
	-moz-box-shadow:0 0 12px #AAA;
	-webkit-box-shadow:0 0 12px #AAA;
	box-shadow:0 0 12px #AAA;
	background:white;
}





.ui-datepicker .ui-datepicker-header { position:relative; height:30px; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { 
	position:absolute; top: 2px; 
	width: 20px; 
	height: 20px;
	background-color:white; 
	-moz-box-shadow:0 0 12px #AAA;
	-webkit-box-shadow:0 0 12px #AAA;
	box-shadow:0 0 12px #AAA;
	
}

.ui-datepicker .ui-datepicker-prev { left:2px;background:url('prev.gif') white center center no-repeat;}
.ui-datepicker .ui-datepicker-next { right:2px;background:url('next.gif')  white center center no-repeat;}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { 
	cursor:pointer; 
	-moz-box-shadow:0 0 4px #3388C9;;
	-webkit-box-shadow:0 0 4px #3388C9;;
	box-shadow:0 0 4px #3388C9;;
}



.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }


/* -------------------- FORMULARIOS AJAX -------------------*/



 form.sf{


	background:transparent;
	margin:0px;
	padding:0px;
	float:center;

}

 form.sf label{
	display:block;
	float:left;
	width:240px;
	text-align:left;
	color:#333;
	margin-left:0px;
	
}	
 form.sf .checks{
	padding:20px;
}

 form.sf .checks input{
	width:auto;
	margin:0 12px  0 0;
	float:left;
	clear:left;
	margin-right:14px;
	
}
 form.sf .checks label{
	width:auto;
	float:none;
	font-size:11pt;
	text-align:left;
	margin-bottom:6px;
	color:#111;
	font-weight:bold;
}


 form.sf .checks div{
	color:#333;
	margin-bottom:1em;
	font-size:10pt;
	width:auto;
	border:1px solid #CCC;
	padding:1em;
	background:white;
	
}


 form.sf .checks small{
	width:auto;
	margin:0 0 10px 0;

}


 form.sf input, form.sf textarea, form.sf select{
	font-family:Verdana;
	font-size:9pt;
	border:0px solid #CCC;
	padding:6px 25px 6px 6px;
	margin:0 0 3px 0px;
	background:#eee;
	width:90%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    box-shadow: inset 0 4px 6px #ccc;
}




 form.sf select{

	padding:6px;
}

 form.sf textarea{
	width:90%;
	height:170px;
}

 form.sf input.error,  form.sf textarea.error{

	border:1px solid #8D141D;
}


form p{
	color:black;
	background:#f3f3f3;
	border:1px solid #CCC;
	margin:0pt 0pt 10pt 0;
	padding:10pt;
}

form rojo{
	color:red;

}

form.sf h1{
	font-family:Helvetica, Arial, Tahoma, sans-serif;
	margin:0;
	padding:0 ;
}
form.sf ul{

}

form.sf ul li{
	padding:0;
	margin:0 0 0 5px;
}
form.sf ul li b{
		color:#000;
}










.captcha{
	text-align:center;
	padding:10px;
}


 form.sf .captcha small{
	text-align:center;
	padding:10px;
	margin:10px 20px 20px 0;
	display:block;
	width:100%;

}

 form.sf .captcha input{
	width:86px;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	padding:4px;

}

 form.sf small{
	background:#DDD;
	font-family:Verdana;
	font-size:8pt;
	border:1px solid #CCC;
	padding:6px;
	display:block;
	width:100%;
	margin:5px 20px 5px 0;
	color:#444;
	text-shadow:1px 1px white;
}

 form.sf div.contador{
	font-family:Arial;
	color:green;
	text-align:center;
	text-shadow:1px 1px white;
	font-size:8pt;
	font-weight:bold;
	margin-top:-4px;
}


form.sf table{
	width:100%;
}
form.sf td,form.sf th{
	background:#fff;
	padding:2px 10px 2px 15px; 
	border:1px solid #CCC;
}

form.sf th{
	color:#333;
	text-align:left;
}

form.sf td.der{
	text-align:right;
}
form.sf table tfoot td{
	font-weight:bold;
	text-align:right;
}
form.sf table tfoot td.der{
	color:#333;
}