*{ margin: 0; padding: 0; }

body { margin: 0; padding: 0; font: 85% tahoma, sans-serif; text-align: center; color: #505367; background-color: #fff; background-image: url(../images/texture.jpg); background-repeat: repeat; background-position: 0 0; }
	
#container { margin: 1em auto; width: 740px; text-align: left; }
	
#header { height: 220px; background-image: url(../images/header.gif); background-repeat: no-repeat; background-position: center bottom; margin: 0; padding:0; }
	
#mainnav { background-image: url(../images/nav.gif); background-repeat: no-repeat; background-position: left top; height: 50px; margin: 0; padding: 0; z-index:1000; }
	
#content { height: auto; margin: 1px 0 0; padding: 0; }


#footer{ background-image: url(../images/horbar.gif); color: #636466; font-size: 0.8em; height: 40px; background-repeat: no-repeat; background-position: top; text-align: right; clear: both; margin:0; padding-top: 30px; padding-right: 10px; }
#footer a{ color: #636466; text-decoration: underline }
#footer a:link{ color: #636466; text-decoration: underline }
#footer a:visited { }
#footer a:hover{ color: #e7790e }

#added-div1 { background-image: url(../images/vertbar.gif); position:relative; width:220px; z-index:1; background-repeat: repeat-y; background-position: right top; height: auto; float: left; margin: 3px 15px 0 0; padding: 0; }
#added-div-2 { position:relative; width:495px; z-index:2; background-repeat: no-repeat; background-position: center bottom; height: auto; float: left; margin: 3px 0 5px; padding: 0; }
#added-div { position:relative; width:725px; z-index:2; background-repeat: no-repeat; background-position: center bottom; height: auto; float: left; margin: 3px 0 5px; padding: 0; min-height:300px;}

h1{ color: #4dc9f4; font-size: 300%; font-family: Forte; font-weight: normal; text-align: left; height: 50px; padding-top: 0; padding-left: 20px; }
h2{ color: #1063FF; font-size: 150%; font-family: Forte; font-weight: bold; width: auto; margin: 0; padding: 10px 0 0 20px; }
h3{ color: #efb21b; font-size: 150%; font-family: Forte; font-weight: normal; background-repeat: no-repeat; background-position: left top; text-align: center; width: auto; height: auto; margin: 0; padding-top: 10px; }
h4{ color: #a12621; font-size:120%; padding-left:5px;}
.linksheading{ background-repeat: no-repeat; background-position: center; height: auto; margin: 0; padding: 10px 0 0; }
h5{ color: #a12621; font-size: 1em; font-weight: normal; text-align: center; margin: 5px 0 10px; padding: 10px 0 0; }

.leftcol{text-align:left;}

a{ color: #e7790e; font-size: 0.9em; text-decoration: underline  }
a:link{ color: #e7790e; font-size: 1em; text-decoration: underline }
a:visited{ }
a:hover{ color: #000; }
a:active{ color: #800000 }


p,td{font-size: 0.9em; margin-bottom: 5px; padding: 5px 10px 5px 5px;}

#list{font-size: 0.9em; margin-bottom: 5px; padding: 5px 10px 5px 5px; list-style-image:url(../images/arrow.gif);}
#list_activ{font-size: 0.9em; margin-bottom: 5px; padding: 5px 10px 5px 5px;}
#list_activ li{height:180px;}

#popup { min-height:280px; margin: 1px 15px 0; padding: 0; text-align:left; }	
#popup .popup-text {padding-left:30px; text-align:justify; background-image:url(../images/bg_blockquote.gif); background-position:left top; background-repeat:no-repeat;}

#news_date{color: #efb21b; font-size: 1.1em; font-weight: normal; padding: 5px 10px 5px 5px;}
.news-advice{ color:#999999; font-size:0.8em;}


/* HEADER */
#navcontainer{ float: right ; margin: 0; padding: 5px 20px 0 0; }
#navlist{ margin: 0; padding-top: 5px; padding-bottom: 3px; padding-left: 50px; position: relative }
ul #navlist{ padding-right: 20px; white-space: nowrap; }
#navlist li{ list-style-type: none; display: inline; margin-bottom: 0; margin-left: 0; padding-right: 3px }
#navlist a{ color: #efb21b; font-size: 1.1em; font-weight: normal; padding-right: 3px }
#navlist a:link{ color: #efb21b; font-size: 1.1em; font-weight: normal; text-decoration: none; padding-right: 3px  }
#navlist a:visited { text-decoration: none }
#navlist a:hover { color: #a12621 ; font-weight: normal; }

#current { color: #e13100 ; font-weight: normal; }
#current a{ color: #e13100; font-weight: normal }
#current a:link{ color: #e13100; font-weight: normal }
#current a:visited{ text-decoration: none; list-style-type: none }
#current a:hover{ color: #e13100 }
.rightcol{ font-size: 0.9em; margin-bottom: 5px; padding: 5px; }
.floatleft{ float: left; margin-bottom: 5px; margin-right: 5px; padding: 3px; border: solid 1px #eae8e9; display: inline; }
.floatright{ float: right; margin-bottom: 5px; margin-left: 5px; padding: 3px; border: solid 1px #eae8e9; display: inline; }

/* BOTTOM */
.bottom { color: #5e6a66; background-image: url(../images/kid.gif); background-repeat: no-repeat; background-position: left bottom; height: 200px; margin: 5px 0 0; padding: 5px 0 0 5px; }
.bottom a{ color: #e7790e; font-size: 0.9em; text-decoration: underline }
.bottom a:link{ color: #e7790e; font-size: 1em; text-decoration: underline }
.bottom a:visited{ }
.bottom a:hover{ color: #a12621; }
.bottom a:active{ color: #800000 }

.bottomleft{ color: #f6f6cc; font-size: 0.8em; background-repeat: no-repeat; background-position: center; height: 40px; margin: 0; padding: 3px 0 0 5px; }
.bottomleft a{ color: #f6f6cc; font-size: 0.9em; text-decoration: underline }
.bottomleft a:link{ color: #f6f6cc; font-size: 1em; text-decoration: underline }
.bottomleft a:visited{ }
.bottomleft a:hover{ color: #a12621; }
.bottomleft a:active{ color: #800000 }
.textchunk{ font-size: 0.9em; background-repeat: no-repeat; background-position: center top; height: 200px; padding-top: 5px; padding-left: 240px; }
.textchunks{ font-size: 0.9em; background-repeat: no-repeat; background-position: center top; height: 80px; padding: 10px 20px 10px 40px; }

/* SIDE */
.sidecontainer { background-repeat: no-repeat; background-position: left center; text-align: left;  display: block; position: relative; width: auto; margin: 0 0 5px; padding: 0 20px 10px 5px; border-top-color: #c4e; border-bottom-color: #c4e786; border-bottom-width: 1px; border-top-width: 1px; }
.sidenavlist li{ text-align: left; list-style-image: url(../images/arrow.gif); display: block; margin-top: 0; padding-left: 0; width: auto ; padding-top: 3px; padding-right: 10px; border-bottom: 1px solid #f48195; }
.sidenavlist a { color: #000; font-size: 0.8em; text-decoration: none; list-style-type: none; display: block; margin-left: 0; width: 120px; border-width: medium medium 1px; border-color: #000 #000 #e7790e  }
.sidenavlist a:link{ color: #000; font-size: 0.8em; text-decoration: none; list-style-type: none; display: block; margin-left: 0 }
.sidenavlist a:visited{ text-decoration: none; list-style-type: none }
.sidenavlist a:hover{ color: #e7790e; text-decoration: none; border-right-width: medium; border-bottom-color: #f6f6cc; border-bottom-width: 1px; list-style-type: none; }
ul.sidenavlist{ list-style-type: none; margin-left: 0; padding-left: 0 }
.sidecurrent{ text-decoration: none }
.sidecurrent a{ color: #ce0000; list-style-type: none }
.sidecurrent a:link{ color: #ce0000; list-style-type: none }
.sidecurrent a:visited{ text-decoration: none; list-style-type: none }
.sidecurrent a:hover{ }

.Error{color:#FF0000;}

/*LISTA*/
thead, .thead {	background: #efb21b}
.lista {width: 100%;}
.lista td, .lista th {padding: 5px 6px; text-align:center;}
.lista th {text-align: left;}
.alternate {background: #F4CA68;}
.alternate.active td {background: #F9DFA4;}
.alternate.active .name {background: #8B8;}

/*VALIDACION*/
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input, input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}