body {
	margin: 0;
	background-image: url(images/outer_bgcol.gif);
}

#outer {
	background-image: url(images/outer_bg.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
}

body,td,th {
	color: #42729c;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
}

p {
	margin: 0px 0px 16px 0px;;
	padding:0px;
	line-height:140%;
}

a:link, a:visited {
	color:#009933;
	text-decoration: none;
}

a:hover, a:active {
	color:#009933;
	text-decoration: underline;
}

table {
	margin: 0px;
	padding:0px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-width:0px;
	background-position: 0px 0px;
}

form {
	margin: 0px;
	padding:0px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	margin: 0px 0px 13px 0px;
	padding: 0px;	
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 3px 0px;
	border: 0px solid #909090;
	border-bottom-width: 1px;
}

h2 span.tabs_postales {
	padding-left:150px;
	font-size:13px;
}
h2 span.tabs_postales a {
	font-weight:normal;
}

h2.postaltitle {
	font-size:15px;
	font-weight:normal;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	border:none;
}


h3 {
	font-size:13px;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
}

hr {
	color:#909090;
	background-color:#909090;
	height:1px;
	border:none;
}

ul {
	text-align:left;
	line-height: 130%;
	list-style-type:none;
	padding: 0px;
	margin: 0px;
}

ul li {
	background-image:url(images/bullet_orangedisc.gif);
	background-repeat: no-repeat;
	background-position: 0 .35em;
	padding-left: 20px;
	padding-bottom: 8px;
}

ul li.last {	
	padding-bottom:0px;
}

ul.titles {
	line-height: 160%;
}

ul.titles li {
	background-image:url(images/bullet_orangearrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 16px;
	padding-bottom: 8px;
}

ol.legales {
	text-align:justify;
	line-height: 120%;
	padding: 0px;
	margin: 0px;
	list-style-position: inside;
}

ol.legales li {
	padding-bottom: 16px;
}

.code {
	font-family:"Courier New", Courier, monospace;
}

a.biglink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.yellow {
	color:#FFFF00;
}
.destacado {
	font-size:13px;
	font-weight:bold;
	color:#f09d3f;
}
/* Para los valores expresados en crédfitos y el icono de créditos */
.creditos {
	font-family:"Courier New", Courier, monospace;	
}
.creditos img{
	margin-right: 4px;	
}

/* ---- Preguntas Frecuentes ------------- */

div.indented_text p {
	padding-left:16px;
}
div.indented_text p.faq_question {
	padding:8px 0px 0px 0px;
}

ol.faq_questions {
	text-align:left;
	line-height: 120%;
	padding: 0px;
	margin: 0px 0px 16px 0px;
	list-style-position: inside;
}

ol.faq_questions li {
	padding: 0px 0px 8px 0px;
}

/* ---- Header ------------- */

#header table.white_text td {
	color:#FFFFFF;
}

#header table.white_text td .small_text {
	font-size:11px;
}

#header input.txtfield {
	width: 118px;	
	font-size: 11px;
	color: #999999;
	margin: 2px 0px 2px 0px;
	padding:0px;
}

#header input.btn {
	width: 85px;	
	font-size: 11px;
	font-weight:bold;
	color: #ffffff;
	background-color:#724c8c;
	margin: 0px;
	padding:0px;
}

#header table td.login_area a {
	color:#FFFF00;
}

#header table td.login_area a.ovalbutton {
	color:#009933;
}

/* ---- Navbar ------------- */

#navbar table td {
	text-align:center;
}

#navbar a {
	font-size:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
}

#navbar a:link, #navbar a:visited {
	font-weight:bold;
}

#navbar a:hover, #navbar a:active {
	font-weight:bold;
	color:#FFFFCC;
}


/* ---- Left Column ------------- */

#leftcol table td {
	padding: 18px 26px 18px 26px;
	vertical-align:top;		
}

#leftcol table td.tab {
	padding: 0px 0px 0px 26px;
	vertical-align:middle;
	background-position: 0px 0px;
	background-repeat:no-repeat;
	color:#FFFFFF;
}

#leftcol h1 {
	font-size:12px;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
}

#leftcol h1 a {	
	font-size:12px;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
}
#leftcol h1 a:link, #leftcol h1 a:visited, #leftcol h1 a:hover, #leftcol h1 a:active {
	color:#FFFFFF;
	text-decoration:none;
}

#leftcol h2 {
	font-size:13px;
	font-weight:normal;
	padding: 0px;
	margin: 0px;
	border:none;
}

#leftcol a {
	font-size:13px;
	padding: 0px;
	margin: 0px;
	line-height:150%;
}

#leftcol a:link, #leftcol a:visited {
	color:#006fcd;
}

#leftcol a:hover, #leftcol a:active {
	font-weight:bold;
	color:#f09d3f;
	text-decoration:none;
}

#leftcol span.categ_empty {
	color:#999999;
	font-size:13px;
	line-height:150%;
}

/* ---- Botones Grandes ------------- */

#main_content table.botones_grandes {
	border: 1px #42729c solid;
}
#main_content table.botones_grandes td {
	vertical-align:top;
	padding: 10px;	
}

/* ---- Subtitle Bar ------------- */

#subtitle_bar {
	width: 573px;
	height: 20px;
	background-image:url(images/darkgrey.gif);
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	padding: 4px 0px 0px 18px;
}

/* ---- Thumbnalis Table ------------- */

#thumbtable {
	margin: 0px 0px 26px 0px;
}

#thumbtable table td.tab {
	padding: 0px 0px 0px 27px;
	vertical-align:middle;
	background-position: 0px 0px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

#thumbtable h1 {
	font-size:12px;
	font-weight:bold;
	padding: 0px;
	margin: 0px;
}

#thumbtable table td.thumb {
	vertical-align:top;
	text-align:center;
}

#thumbtable table td.thumb img {
	margin: 6px 0px 6px 0px;
}

#thumbtable table td.thumb a.img:link img, #thumbtable table td.thumb a.img:visited img {
	border: 2px solid #f8f8f8;
}
#thumbtable table td.thumb a.img:hover img, #thumbtable table td.thumb a.img:active img {
	border: 2px solid #f09d3f;
}

/* ---- Descargas ------------- */

div.descargas_subtitle {
	padding: 16px 0px 2px 16px;
	background-image:url(images/lightgrey.gif);
}

/* ---- Listado Table ------------- */

#listado {
	margin: 0px 0px 26px 0px;
}

#listado table.container td.tab {
	padding: 0px 0px 0px 27px;
	vertical-align:middle;
	background-position: 0px 0px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
#listado table.container td.list {
	text-align:center;
	vertical-align:top;
	padding: 16px 0px 16px 0px;
}

#listado table.container td.list table.listtable tr.title td {
	font-size:13px;
	font-weight:bold;
}

#listado table.container td.list table.listtable tr.small td {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 4px 0px 4px 0px;	
}

#listado table.container td.list table.listtable tr.small td div {	
	float:left;
}

#listado table.container td.list table.listtable tr.small td div input.imgbtn {	
	margin: 0px;
	padding: 0px;
	border-width:0px;
	background:none;
}

#listado hr {
	margin: 16px 0px 10px 0px;
}

/* ---- Right Column ------------- */

#rightcol {
	padding: 0px 0px 0px 21px;
}

/* ---- Foot ------------- */

#foot table td {
	vertical-align:top;	
}

#foot table td.separator {
	background-image: url(images/light_grey.gif);
	background-position: 0px 0px;
	background-repeat: repeat-y;
}

#foot table td.col2 {
	padding: 25px 0px 0px 0px;
}

#foot h3 {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px 0px 13px 0px;
}

#foot p {
	font-size:12px;
	line-height: 18px;
	color: #dedede;
	padding: 0px;
	margin: 0px;
}

#foot a {
	font-size:12px;
	padding: 0px;
	margin: 0px;
}

#foot a:link, #foot a:visited {
	color:#dedede;
}

#foot a:hover, #foot a:active {
	color:#ffffff;
}

#copyright p, #copyright a {
	margin: 0px;
	padding:4px 0px 18px 0px;
	font-size:11px;
	color: #FFFFFF;
}

/* ---- Forms ------------- */

input.text, textarea.text {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:#000000;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	border-width: 1px;
}

input.small, select.small {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	/*border-width: 1px;*/
}

div.form_error {	
	color: #FF0000;
}

ul.form_error {
	text-align:left;
	line-height: 100%;
	list-style-type:disc;
	padding: 0px;
	margin: 0px;
}

ul.form_error li {
	background-image:none;
	background-position: 0 0;
	padding-left: 20px;
	padding-bottom: 8px;
}

p.form_title {
	font-size:13px;
	font-weight:bold;
	padding: 0px;
	margin: 10px 0px 6px 0px;
}
p.form_subtitle {
	padding: 0px;
	margin: 0px 0px 10px 18px;
}
form table td.form_labelindent {
	padding-left: 23px;
}
textarea {
	resize: none;
}

/* ---- Buttons -------------------- */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background: transparent url('images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
/*color: #494949;*/ /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
text-decoration: none;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
/*color: black;*/
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}