/********************
FORMULARIO
********************/

#for * {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
margin: 0;
padding: 0
}

#for {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width: 596px;
margin-left: -4px;
}

#for h4 {
margin: 0px 0px 0px 4px;
padding: 1px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 10px;
color: #FFFFFF;
background: #3399FF;
}

#for h5 {
font-family: Arial, Helvetica, sans-serif;
margin: 20px 0px 8px;
padding-left: 5px;
font-size: 12px;
font-weight: bold;
	
}


#for ul .list {
margin: 0;
padding: 0px;
list-style: none;
}

#for li .list {
margin: 0;
padding: 0px;
list-style: none;
}

#for .listdescription {
margin-left: 0 !important;
}

#for LI.list {
margin-left: 0 !important;
}

#for .attributename {
height: 17px;
width: 130px;
padding: 4px 0 0 6px;
background: #45acc5;
}

#for p.attributename {
background: none;
}

#for .mediose .attributenamed  {
height: 17px;
width:130px;
padding: 4px 0 0 6px;
float: left;
background: none;
}

#for .mediose .attributename  {
float: left;
}

#for .required {
height: 17px;
text-decoration : none;
padding: 4px 0 0 6px;
font-weight: normal;
background: #45acc5;
}

#for input {
margin-right: 0px;
margin-left: 6px;
}

#for input.attributeinputb {
margin-left: 4px;
}


#for .attributeinput {
width:452px;
padding: 1px 2px;
background: #0089ab;
border: 1px solid #34a4bf;
margin: 0px;
}

#for .attributeinput .attributeinput {
border: none;
}


#for .mediose .attributeinput {
width:452px;
padding: 1px 0px;
margin-left: 0px;
background: none;
border: 1px solid #34a4bf;;
}

#for textarea{
width: 461px !important;
font-family: Arial, Helvetica, sans-serif!important;
font-size:11px!important;
padding: 2px;
background: none;
border: 1px solid #34a4bf;
margin: 0px;
}

#for .mediose .tabdia { 
border-left: 1px solid #34a4bf;
border-bottom: 1px solid #34a4bf;
}

#for .mediose .dias td { 
padding: 3px 0 3px 5px;
height: 17px;
border: 1px solid #34a4bf;
border-left: none;
}

#for .mediose .diasb td { 
padding: 3px 6px 3px 0px;
border-right: 1px solid #34a4bf;

}

#for .mediose .diasb input { 
margin-right: 3px;
margin-left: 3px;
}

#for .mediose .diasb input.attributeinputb { 
margin-left: 3px;
}


#for #error { 
margin: 5px 0 15px 6px;
font-size: 11px;
width: 220px;
background: #C00;
}

#for #error li {
margin: 0 7px;
}

#for #response ul { border-top:1px solid #212024; margin-top:5px; padding-top:5px; }

#for #error li, #response li {
list-style: none;
padding: 1px 0;}

#for .baj {
padding-left: 3px;
width: 596px;
}

#for .baj input {
margin: 8px 0;
padding: 3px;
}

#for p.baj {
padding-left: 5px;
margin-bottom: 25px;
}

#for #confirm {
padding: 8px 0;
margin: 0 18px;
text-align: center;
border-bottom: 1px dotted #3399FF;
}

#for .rojo {
	color: #FFFF00;
	font-weight: bold;

}

#for #fecha {
	padding-left: 3px;
}

#for #preferencia1, #for #preferencia2, #for #preferencia3 {
	font-size: 10px;
	background: #45acc5;
	border: none;
	padding: 1px 0px 1px 3px;
	margin-right: 4px;
}

#calendar {
	top: 563px;
	left: 675px;
}

#selectMonth {
	top: 589px;
	left: 724px;
}

#selectMonth table {
	border: 1px solid #FFF!important;
	background: #f0f0f0;
}

#selectYear {
	top: 589px;
	left: 778px;
}

#selectYear table {
	border: 1px solid #FFF!important;
	background: #f0f0f0;
}

#calendar table {
	border: none!important;
}

#calendar #spanLeft {
	border: 1px solid #FFF;
	padding-top: 1px;
}

#calendar #spanRight {
	border: 1px solid #FFF;
	padding-top: 1px;
}

#calendar #spanMonth {
	border: 1px solid #FFF;
}

#calendar #spanYear {
	border: 1px solid #FFF;
}