@charset "utf-8";
/* CSS Document */
body {background-color:#5f6a72; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#454444;}
a, a:visited {color:#434242; text-decoration:none;}
p { padding:0px; margin:0px;}
b { font-weight:normal}

.gris{ font-weight:bold}
.bordo{ color:#772138}
.bordo-bold{ color:#772138; font-weight:bold}
.img-izquierda{ float:left; padding-right:10px; padding-bottom:5px; }
.img-derecha{ float:rigth; padding-left:10px; padding-bottom:5px;}
.img-central{width:370px;}
.separador370{width:370px; height:1px; background-image:url(images/bg-cubito.jpg); background-repeat:repeat-x;  padding-top:10px;}
/* --------------------------------------------------------------------------------------------------------- */
#mainWarp{width:100%; margin:0px; padding:0px;}
#mainPanel{width:778px; height:auto; margin-left:50px; margin-right:auto; padding:0px; background-color:#FFF; }

/* --------------------------------------------------------------------------------------------------------- */
#header{width:778px;height:222px;  margin:auto; }
#header-img{width:585px; height:222px; float:left; }
#header-menu{width:193px; height:222px; float:left; }
#subheader{width:778px; height:77px;   margin:auto; }
#maincontent{ width:778px; height:auto; margin:auto; background-image:url(images/bg.gif);  background-position:top ; background-repeat:repeat-y;}


/* --------------------------------------------------------------------------------------------------------- */
#title-page{ width:585px; height:77px; float:left; background-image:url(images/bg-title.jpg); color:#FFF;}
#title-block{ /*width:193px; height:77px;*/ width:173px; padding-left:20px; height:62px; padding-top:15px; background-image:url(images/block.jpg); float:left; color:#ffffff; }
#leftpanel{/*width:168px;*/ width:153px; padding-left:15px; float:left; height:auto; padding-top:50px; padding-bottom:20px;  }
#centerpanel{/*width:417px;*/ width:370px; padding-left:20px; padding-right:27px; float:left; height:auto;  padding-top:50px;  padding-bottom:20px;}
#rightpanel{/*width:193px;*/ width:193px; float:left; height:auto;  padding-top:50px; padding-bottom:20px;}
/* -------------------------------------------------------------------------------------------------------- */

#title-block a{ color:#ccd0d3; text-decoration:none;}

/* -------------------------------------------------------------------------------------------------------- */
.txt{width:370px;}
#centerpanel h1{width:370px; padding-bottom:10px;}
#centerpanel h3{ font-family:Arial, Helvetica, sans-serif; font-size:17px; line-height:19px; margin:0px; padding:0px; color:#772138}
#centerpanel p { padding-bottom:10px;}

/* ----------- tablas --------------------------------------------------------------------------- */
.tabla-destacado-txt{ width:370px; padding-top:10px; padding-bottom:10px; }
.td-destacado-txt-left{width:116px; background-image:url(images/bg-tabla-lista-destacado.jpg); background-repeat:repeat-y;}
.td-destacado-txt-right{ width:254px;}

.td-2col-left{ width:180px; padding-right:10px; vertical-align:text-top }
.td-2col-right{width:180px; vertical-align:text-top}
/* --------------------------------------------------------------------------------------------------------- */
#footerwarp{width:100%; padding-top:4px; clear:both;}
#footer{width:778px; height:75px; background-image:url(images/bg-footer.jpg); margin:auto;}

/* --------------------------------------------------------------------------------------------------------- */
/* ----------------- left menu ----------------------------------------------------------------------------- */ 
#table-menu{}
.td-list-menu{}
.td-blanck-menu{ background-image:url(images/line-list-menu.jpg); width:136px; height:16px;}

#table-menu a:link { color:#201f1e; text-decoration:none;}
#table-menu a:visited {color:#333333}
#table-menu a:hover {color:#762138; text-decoration:none;}

/* ------- clearfix -------------*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.clearfix {display:inline-block; }
.clearfix {display:block;}
* html .clearfix {height:1px;}

/* ---------- accordion 2 -------------- */
#accordion_container{ width: 254px; padding-left:0px; padding-right:0px; font-family:arial, verdana, sans-serif; font-size:11px; }
.accordion_toggle { display: block; height: 17px; width: 254px; padding: 0 0 0 0; text-decoration: none; outline: none; color:#772138;/*color: #772138;*/ cursor: pointer; margin: 0 0 0 0; font-weight:bold; font-family:arial, verdana, sans-serif; font-size:11px; line-height:17px; }	
.accordion_toggle_active {color:#772138;/*color:#333;*/	/*border-bottom: 1px solid #f68263;	*/	}
.accordion_content {color: #444444;	overflow: hidden;}
.accordion_content p { padding:0px; width:180px; margin:0px; font-family:arial, verdana, sans-serif; font-size:11px; display:inline; }
/* Container styling*/
#horizontal_container {margin: 0px auto 0px auto; width: 180px;  }
#vertical_nested_container {margin: 0px; width: 180px;}
/* --- */
.vertical_accordion_toggle {display: block;	height: 30px; width: 180px; padding: 0 10px 0 10px; line-height: 30px;	color: #ffffff;	font-weight: normal;		text-decoration: none; outline: none; font-size: 12px; color: #000000; border-bottom: 1px solid #cde99f; cursor: pointer; margin: 0 0 0 0;}
.vertical_accordion_toggle_active {color: #ffffff; border-bottom: 1px solid #f68263;}
.vertical_accordion_content {background-color: #ffffff;	color: #444444;	overflow: hidden;}
.vertical_accordion_content p {padding: 5px 10px 15px 10px;	}

