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

.feedbackform{
	padding: 5px;
	margin-left: 20px;
	font-size: 11px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 550px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 150px; /*width of label (left column)*/
text-transform: uppercase;
border-bottom: 1px solid red;
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 150px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}

#site_center, #footer_center {text-align:center;}
#main, #footer_main {margin:0 auto; width:100%; text-align:left;}


.col_1, .col_2, .col_3, .col_box_1, .col_box_2{ float:left;}

#content .row_1 {width:100%}
#content .row_2 {width:100%}
.width {width:100%}

/*======= index.html =======*/
#page1 #content .row_1 .col_1{width:50%;}
#page1 #content .row_1 .col_2{width:49%;}
#page1 #content .row_2 .col_1{width:50%;}
#page1 #content .row_2 .col_2{width:49%;}
/*=========================*/

/*======= index-1.html =======*/
#page2 #content .row_1 .col_1{width:28%;}
#page2 #content .row_1 .col_2{width:71%;}
#page2 #content .row_2 .col_1{width:67%;}
#page2 #content .row_2 .col_2{width:32%;}
/*=========================*/


/*======= index-2.html =======*/
#page3 #content .row_1 .col_1{width:67%;}
#page3 #content .row_1 .col_2{width:32%;}
#page3 #content .row_2 .col_1{width:27%;}
#page3 #content .row_2 .col_2{width:72%;}
/*=========================*/


/*======= index-3.html =======*/
#page4 #content .col_1{width:28%;}
#page4 #content .col_2{width:71%;}
/*=========================*/


/*======= index-4.html =======*/
#page5 #content .row_1 .col_1{width:67%;}
#page5 #content .row_1 .col_2{width:32%;}
#page5 #content .row_2 .col_1{width:27%;}
#page5 #content .row_2 .col_2{width:72%;}
/*=========================*/


/*======= index-5.html =======*/
#page6 #content .row_1 .col_1{width:28%;}
#page6 #content .row_1 .col_2{width:71%;}
#page6 #content .row_2 .col_1{width:67%;}
#page6 #content .row_2 .col_2{width:32%;}
/*=========================*/
