/*------ Resets -----*/
body, address, blockquote, dl, ol, ul, li, form, fieldset, legend, h1, h2, h3, h4, h5, h6, p, pre {
    margin:0;
    padding:0;
}
body {   
    background: #f4eee1 url(images/back.jpg) repeat-x center top;
    font:100% Tahoma, Geneva, sans-serif;
    color: #000;
}  
html, body {
    height:100%; /*for sticky footer*/ 
} 
body {  /*Opera height trigger,(note: position:relative; on html causes bug in older safari)*/
    position:absolute; 
    width:100%; 
}
#wrapper {
    min-height:100%; /*height is determined from parent's height (html & body)*/
    width:1024px;
    margin: 0 auto;
}
* html #wrapper {height:100%;}/*min-height for ie6*/
 
#header{
    min-height:499px; /* combined height of header images*/	
}
* html #header {height:499px}/*min-height for ie6*/
 
#content {
    width:1024px;
    text-align:center;
    padding-bottom:450px; /*footer height (plus 20px for text spacing)*/ 
    background: url(images/index02.jpg) no-repeat;
	background-color:#f4eee1;
}
#contentsub {
    width:1024px;
    text-align:center;
    padding-bottom:450px; /*footer height (plus 20px for text spacing)*/ 
    background: url(images/index02_01.jpg) no-repeat;
	background-color:#f4eee1;
}

#footer {
    clear:both;
    height:430px;
    margin:-430px auto 0; /*pull footer back into viewport and center*/
    background: url(images/backfooter.jpg) repeat-x center bottom;
    text-align:center;
}
#contentfooter {
    width:1024px;
    height:430px;/*image height added here*/
    text-align:center;
    margin: 0 auto;
    background: url(images/footer01.jpg) no-repeat center;  
}

#mainfooter		
{ 
width: 1024px; /*size of the whole footer content*/
border: none;
padding-top:10px;
text-align: center;
}

/*==== Image Styles ====*/
#header img{
    display:block;
}
#imgwrap { /*contain all 74px tall images in the menu*/
    height:74px;
    width:831px;
}
#imgwrap img{
    display:block;
    float:left;
}
ul{}
li
{
	font-weight:bold; list-style:circle; margin-left:10px; margin-bottom:5px;
}


div#container{
clear:both;/*clear the floats in the #imgwrap div*/
margin: 0 auto;
width: 850px; 
text-align: left;
overflow:hidden; /*contain floated children*/
}

div#containerjust{
clear:both;/*clear the floats in the #imgwrap div*/
margin: 0 auto;
width: 850px; 
text-align: justify;
overflow:hidden; /*contain floated children*/
}

div#containercenter{
clear:both;/*clear the floats in the #imgwrap div*/
margin: 0 auto;
width: 850px; 
text-align: center;
overflow:hidden; /*contain floated children*/
}

#main {
float:left;
width:425px; /*size of left column*/
text-align:left;

}
#sidebar {
float:right;
width:425px; /*size of right column*/
text-align:left;

}

div#containerfoot{
clear:both;/*clear the floats in the #imgwrap div*/
margin: 0 auto;
width: 850px; 
text-align: center;
overflow:hidden; /*contain floated children*/
}

#mainfoot {
float:left;
width:425px; /*size of left column*/
text-align:center;

}
#sidebarfoot {
float:right;
width:425px; /*size of right column*/
text-align:center;

}

p {margin:0 0 10px 0; text-align:left }

.text { 
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color:#000;
text-align: left;
}

.textfooter { 
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color:#000;
text-align: left;
}

.textsmall { 
font-family: Tahoma, Geneva, sans-serif;
margin-left:5px; 
font-style:italic;
font-size: 11px;
color:#666;
text-align: left;
}

.textred { 
font-family: Tahoma, Geneva, sans-serif;
margin-left:5px; 
font-size: 11px;
color:#900;
/*word-spacing: 2pt;*/
text-align: left;
}
h4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:900;
	color:#333;
	background-color:#A4B0BF;
	line-height: 25px;
	text-transform:uppercase;
	padding-left:5px;
}

h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:900;
	color:#333;
	margin-bottom: 10px; margin-top:10px; padding-left:5px;
	background-color:#A4B0BF;
	line-height: 25px;
}

h2 {
	letter-spacing: -1px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#333;
	border-bottom: 1px solid gray;
	margin-bottom: 20px; margin-top:10px;
}
h1 {
	font-weight:900;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#333;
	margin-bottom: 10px; margin-top:20px;
	background-color:#FFF;
	text-transform:uppercase;
}

a.nav:link {text-decoration: none; /* for unvisited links */
		font-family: Tahoma, Geneva, sans-serif; 
       	font-size: 12px;
		font-weight:900;
		color:#666}
a.nav:visited {text-decoration: none;/* for visited links */
		font-family: Tahoma, Geneva, sans-serif; 
       	font-size: 12px;
		font-weight:900;
	   	color:#666}
a.nav:active {text-decoration: none;/* when link is clicked */
		font-family: Tahoma, Geneva, sans-serif; 
       	font-size: 12px;
		font-weight:900;		
	   	color:#666}
a.nav:hover {text-decoration: none; color:#000;}	/* when mouse is over link */

a.navfooter:link {text-decoration: none; /* for unvisited links */
		font-family: Tahoma, Geneva, sans-serif; 
       	font-size: 12px;
		font-weight:900;
		color:#000}
a.navfooter:visited {text-decoration: none;/* for visited links */
		font-family: Tahoma, Geneva, sans-serif; 
       	font-size: 12px;
		font-weight:900;
	   	color:#000}
a.navfooter:active {text-decoration: none;/* when link is clicked */
		font-family: Tahoma, Geneva, sans-serif; 
       	font-size: 12px;
		font-weight:900;		
	   	color:#000}
a.navfooter:hover {text-decoration: none; color:#FFF}	/* when mouse is over link */


a.navmoreinfo:link {text-decoration: none; /* for unvisited links */
		font-family: Tahoma, Geneva, sans-serif; 
       	font-size: 12px;
		font-weight:900;
		color:#000}
a.navmoreinfo:visited {text-decoration: none;/* for visited links */
		font-family: Tahoma, Geneva, sans-serif; 
       	font-size: 12px;
		font-weight:900;
	   	color:#000}
a.navmoreinfo:active {text-decoration: none;/* when link is clicked */
		font-family: Tahoma, Geneva, sans-serif; 
       	font-size: 12px;
		font-weight:900;		
	   	color:#000}
a.navmoreinfo:hover {text-decoration: none; color:#006;}

li.list1 {list-style:  url('images/icon.gif'); 
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color:#000;
padding: 0; margin: 0; margin-left: 2em;}

#message {
	font-family:Tahoma, Geneva, sans-serif;
    font-size: 10px;
	font-weight:900;		
	color:#900;
	text-align:right; 
	width:425px   
}

/*Nice forms*/
fieldset {background:#f2fbd1; padding:10px; border:1px solid #fff; border-color:#fff #666661 #666661 #fff; margin-bottom:26px; width:415px;}
input, textarea, select{font:12px/12px Tahoma, Geneva, sans-serif; padding:0;}
fieldset.action {background:#f2fbd1; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
legend {background:#7e9136; color:#fff; font:14px/16px Tahoma, Geneva, sans-serif; padding:0 10px; margin:-10px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}
label {font-size:12px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
form.cmxform label.error {
	margin-left: 160px;
	width: 245px;
}
form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }
.yay, .oops     {font-size:.8em;text-align:center;padding:10px;color:#fff;font-weight:700;}
.yay            {background:#090;}
.oops           {background:#f30;}
/* aqui se define la posicion, tipo de letra y colores del mensaje de error despues del submit */
div.error       {font-size:1em;font-weight:900;padding:5px 0 0;color:#f30;margin:0 0 0 160px;}

dl {clear:both;}
dt {float:left; text-align:right; width:170px; line-height:25px; margin:0 0 0 0;}
dd {float:left; width:245px; line-height:25px; margin:0 0 0 0;}

	a.bt, a.bt span {display: inline-block; height:22px}
	a.bt {padding-left: 15px; background: url(images/bt-casual-left.png) no-repeat; color:#000; margin-top: 5px; text-decoration: none; }
	a.bt:hover {color: #666;}
	a.bt span { background: url(images/bt-casual-right.png) no-repeat right; padding-right: 15px; line-height:20px}
	a.arrowedbt {background: url(images/bt-casual-left-arrowed.png) no-repeat; padding-left: 26px; font-size:1em !important; margin-top: 0px !important; }
	a.arrowedbt:hover {color: #995e00 !important; background: url(images/bt-casual-left-arrowed-hover.png) no-repeat;}