/************************************  ESTRUCTURA GENERAL  ************************************/
body {
background-color: #FFFFFF;	
margin: 0px; padding: 0px;
height: 100%;
font: 11px Arial, Helvetica, sans-serif normal;
color: #333333;
text-align: left;}

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

#wrap{width:850px; margin:0px auto; padding:0px;}

div {border: 0px solid #000000;}
table{border:0px solid #FF9900;}

tr.list_hot{}

td.listtitle_business{margin:0; padding:3px 0 3px 15px; background: #FF8366; font-weight: bold;}
td.list_business_bright{margin:0; padding:3px 0 3px 15px; background: #FFD4CA;}
td.list_business_dark{margin:0; padding:3px 0 3px 15px; background: #FFC1B3;}

td.listtitle_hot{margin:0 0 0 0px; padding:3px 0 3px 15px; background: #ffcc33; font-weight: bold;}
td.list_hot_bright{margin:0 0 0 0px; padding:3px 0 3px 15px; background: #FFEEB8;}
td.list_hot_dark{margin:0 0 0 0px; padding:3px 0 3px 15px; background: #FFE699;}

td.listtitle_emp{margin:0 0 0 0px; padding:3px 0 3px 15px; background: #B1F11C; font-weight: bold;}
td.list_emp_bright{margin:0 0 0 0px; padding:3px 0 3px 15px; background: #E4FAB0;}
td.list_emp_dark{margin:0 0 0 0px; padding:3px 0 3px 15px; background: #D8F88E;}

td.listtitle_norm{margin:0 0 0 0px; padding:3px 0 3px 15px; background: #ff9933; font-weight: bold;}
td.list_norm_bright{margin:0 0 0 0px; padding:3px 0 3px 15px; background: #FFdbB8;}
td.list_norm_dark{margin:0 0 0 0px; padding:3px 0 3px 15px; background: #FFcc99;}

td.list_business_bright a, td.list_business_dark a, td.list_hot_bright a, td.list_hot_dark a, td.list_norm_bright a, td.list_norm_dark a{text-transform: uppercase;}

/******************************************  HEADER  ******************************************/

.headerlogo {
	background: url(../imgs/img_logo.gif) no-repeat left top;
	width: 204px;
	height: 62px;
	display: compact;
	float: left;
	margin:0; padding:0;
}

h1.header span, hr {
	display: none;
}

#header {
	height: 90px;
	margin: 10px 0px 0px 0px;
	padding: 0px; border:0px solid #000;
}

#bannerTop {
	width: 483px;
	height: 84px;
	margin: 0px; padding: 10px 0 10px 10px;
	vertical-align: top;
	text-align: right;
	float: right;}


/***** CUERPO Y COLUMNAS DE LA PÁGINA ************/

#container{ margin:0; padding:0; float: left;}

#cleft{float:left; width:192px; margin:0 10px 0 0; padding:0;}
#cmiddle{float:left; width:493px; margin:0 10px 0 0; padding:0;}
#cright{float:left; width:145px; margin:0 0 10px 0; padding:0; border: 0px solid #666; display: block;}
#crightfull{float:left; width:648px; margin:0; padding:0; border: 0px solid #666; display: block;}

/**** MENU IZQUIERDO *****/
.menuleft{ background: url(../imgs/bg_menu_top.gif) left top no-repeat; border: 0px solid #3333CC; margin:0; padding:0; z-index:1;}
.menuleft_emp{ background: url(../imgs/bg_menu_emp_top.gif) left top no-repeat; margin:0; padding:0;}
.menuleft.info{ background: url(../imgs/bg_menu_top.gif) left top no-repeat;}
.menuleft.formacion{ background: url(../imgs/bg_menu_formacion.gif) left top no-repeat;}
.menuleft.formacion h1 a{text-decoration: none; display: block;}
.menuleft.formacion h1 a:hover{text-decoration: none; display: block; color: #333;}

.menuleft h1, .menuleft_emp h1{ margin:0 15px; padding:10px 0 9px 0; font: bold 13px Arial, Helvetica, sans-serif; text-transform: uppercase; display: block;}

.menuleft ul{width:190px; background:#ffcc99; margin:0 0 0px 0; padding:0px 0 5px 0; list-style: none; border:solid #ff9933; border-width: 0 1px 0 1px; display: block;}
.menuleft_emp ul{width:190px; background:#d8f88e; margin:0 0 0px 0; padding:0px 0 5px 0; list-style: none; border:solid #b1f11c; border-width: 0 1px 0 1px; display: block;}

.menuleft ul li{background: url(../imgs/icn_flechita-naranja.gif) left 5px no-repeat; margin: 0px 7px; padding: 5px 10px 0 10px; display: block;}
.menuleft ul a{ text-decoration: underline;}
.menuleft ul a:hover{ text-decoration: none;}

.menuleft_emp ul li{background: url(../imgs/arrow_green.gif) left 9px no-repeat; margin: 0px 7px; padding: 5px 10px 0 10px; display: block;}
.menuleft_emp ul a{ text-decoration: underline;}
.menuleft_emp ul a:hover{ text-decoration: none; color: #00CC00;}

.menuleft form{width:175px; background: #ffcc99; margin:0; padding:0px 0 5px 15px; list-style: none; border:solid #ff9933; border-width: 0 1px 0 1px; display: block; font: 11px normal Arial, Helvetica, sans-serif;}
.menuleft_emp form{width:175px; background: #d8f88e; margin:0; padding:0px 0 5px 15px; list-style: none; border:solid #B1F11C; border-width: 0 1px 0 1px; display: block; font: 11px normal Arial, Helvetica, sans-serif;}

.menuleft form label, .menuleft_emp form label{ display: block; padding: 5px 0 0 0;}

.menuleft form input.menufield{width: 150px; border:1px solid #ff9933; padding: 2px; font: 12px normal Arial, Helvetica, sans-serif;}
.menuleft_emp form input.menufield{width: 150px; border:1px solid #B1F11C; padding: 2px; font: 12px normal Arial, Helvetica, sans-serif;}

.menuleft form input.button{ margin: 5px 0 0 0; border:1px solid #ff9933;}
.menuleft_emp form input.button{ margin: 5px 0 0 0; border:1px solid #b1f11c;}

.menuleft form a{ background: url(../imgs/icn_flechita-naranja.gif) left -1px no-repeat; margin: 5px 0 0 0; text-decoration:none; padding: 0 0 0 10px; border: none;}
.menuleft_emp form a{ background: url(../imgs/arrow_green.gif) left 4px no-repeat; margin: 5px 0 0 0; text-decoration:none; padding: 0 0 0 10px; border: none;}
.menuleft_emp form a:hover{margin: 5px 0 0 0; text-decoration:none; padding: 0 0 0 10px; border: none; color: #00CC00;}

.menuend{background: url(../imgs/bg_menu_bottom.jpg) left top no-repeat; height: 10px; margin:0 0 0px 0; padding:10px 0 0 0; width:192px;}
.menuend_emp{background: url(../imgs/bg_menu_emp_bottom.gif) left top no-repeat; height: 10px; margin:0 0 0px 0; padding:10px 0 0 0; width:192px;}
.menuend.formacion{background: url(../imgs/bg_menu_form_bottom.gif) left top no-repeat; height: 10px; margin:0 0 0px 0; padding:10px 0 0 0; width:192px;}

/********** LISTADO DESTACADO ************/
.listhot{ background: url(../imgs/bg_list_b_top.gif) top no-repeat; border: 0px solid #3333CC; margin:0; padding:0;}
.listhot h1{ margin:0 45px; padding:10px 0 9px 0; font: bold 13px Arial, Helvetica, sans-serif; text-transform: uppercase; display: block; text-align:left;}
.listhot ul{width:491px; background: #FFE699; margin:0 0 0px 0; padding:0px 0 5px 0; list-style: none; border:solid #FFCC33; border-width: 0 1px 0 1px; display: block; text-align: left;}
.listhot ul p{ padding: 10px 20px; margin:0; font: normal 12px Arial, Helvetica, sans-serif;}
.listhot ul li{background: url(../imgs/icn_flechita-naranja.gif) left 5px no-repeat; margin: 0px 7px; padding: 5px 10px 0 10px; display: block;}
.listhot ul a{ text-decoration: underline;}
.listhot ul a:hover{ text-decoration: none;}
.listhotend{background: url(../imgs/bg_list_b_bottom.gif) left top no-repeat; height: 10px; margin:0 0 0px 0; padding:10px 0 0 0; width:493px;}

/********** CAJA CENTRAL EMPRESAS ************/
.listemp{ background: url(../imgs/bg_top_list_emp.gif) top no-repeat; border: 0px solid #b1f11c; margin:0; padding:0;}
.listemp h1{ margin:0 45px; padding:10px 0 9px 0; font: bold 13px Arial, Helvetica, sans-serif; text-transform: uppercase; display: block; text-align:left;}
.listemp ul{width:491px; background: #d8f88e; margin:0 0 0px 0; padding:0px 0 5px 0; list-style: none; border:solid #b1f11c; border-width: 0 1px 0 1px; display: block; text-align: left;}
.listemp ul p{ padding: 10px 20px; margin:0; font: normal 12px Arial, Helvetica, sans-serif;}
.listemp ul li{background: url(../imgs/icn_flechita-naranja.gif) left 5px no-repeat; margin: 0px 7px; padding: 5px 10px 0 10px; display: block;}
.listemp ul a{ text-decoration: underline;}
.listemp ul a:hover{ text-decoration: none;}
.listempend{background: url(../imgs/bg_bottom_list_emp.gif) left top no-repeat; height: 10px; margin:0 0 0px 0; padding:10px 0 0 0; width:493px;}

/********** LISTADO NORMAL ************/
.listnorm{ background: url(../imgs/bg_list_n_top.gif) top no-repeat; border: 0px solid #3333CC; margin:0; padding:0;}
.listnorm h1{ margin:0 45px; padding:10px 0 9px 0; font: bold 13px Arial, Helvetica, sans-serif; text-transform: uppercase; display: block;}
.listnorm ul{width:491px; background: #ffcc99; margin:0 0 0px 0; padding:0px 0 5px 0; list-style: none; border:solid #ff9933; border-width: 0 1px 0 1px; display: block;}
.listnorm ul li{background: url(../imgs/icn_flechita-naranja.gif) left 5px no-repeat; margin: 0px 7px; padding: 5px 10px 0 10px; display: block;}
.listnorm ul a{ text-decoration: underline;}
.listnorm ul a:hover{ text-decoration: none;}
.listnormend{background: url(../imgs/bg_list_n_bottom.gif) left top no-repeat; height: 10px; margin:0 0 0px 0; padding:10px 0 0 0; width:493px;}

/********** BUSQUEDA PRINCIPAL ************/
.listsearch{ background: url(../imgs/bg_list_s_top.gif) top no-repeat; border: 0px solid #3333CC; margin:0; padding:0; display: block;}
.listsearch h1{ margin:0 45px; padding:10px 0 9px 0; font: bold 13px Arial, Helvetica, sans-serif; text-transform: uppercase; display: block;}

/* FORMULARIO DE BUSQUEDA PRINCIPAL */
.listsearch form{width:491px; background: #CCE699; margin:0; padding:0px 0 5px 0; list-style: none; border:solid #99CC33; border-width: 0 1px 0 1px; display: block;}
.listsearch form .left{float: left; display: block; margin: 5px 0 0 5px;}
.listsearch form .right{float: right; display: block; margin: 5px 5px 0 0;}
.listsearch form .center{clear:both; float: none; display: block; margin:0px 5px 0 0; padding: 10px 0 0 0; text-align: center;}
.listsearch form label{ display: block;}
.listsearch form select{width: 225px; border: 1px solid #7CA629; padding: 2px;}
.listsearch form select.longselect{width: 475px; border: 1px solid #7CA629; padding: 2px;}
.listsearch form label{}

.listsearchend {background: url(../imgs/bg_list_s_bottom.gif) left top no-repeat; height: 10px; margin:0 0 0px 0; padding:10px 0 0 0; width:493px; display: block; clear: both;}

/********** LISTADO EMPRESAS ************/
.listbus{ background: url(../imgs/bg_hot_top.gif) top no-repeat; border: 0px solid #3333CC; margin:0; padding:0; float: right;}
.listbus h1{ margin:0 15px; padding:10px 0 9px 0; font: bold 13px Arial, Helvetica, sans-serif; text-transform: uppercase; display: block;}
.listbus ul{width:143px; background: #E6E6E6 ; margin:0; padding:10px 0 5px 0; list-style: none; border:solid #ccc; border-width: 0 1px 1px 1px; display: block;}
.listbus ul li{ margin: 0px 7px; padding: 5px 0; display: block; text-align: center;}
.listbus ul a{ text-decoration: none; text-align: center; margin: 0; padding:0;}
.listbus ul a:hover{ text-decoration: none;}
.listbus img{background: #fff; border: 1px solid #ccc; margin:0; padding:0;}

/* BANNER CENTRAL */
.banner{ border: 0px solid #ccc; text-align: center; padding: 7px 0 0 0; margin: 0 0 5px 0; background:url(../imgs/bg_banner.gif) no-repeat; width: 493px; height:77px;}
.banner img{ border: 0px solid #ccc; text-align: center;}

/******************************************  USUARIOS  ******************************************/
.blockuser{ background: url(../imgs/userblock_bg.gif) repeat-x; border:0px solid #000;}
.blockuser h1{ margin:0; padding:10px 0 9px 45px; font: bold 13px Arial, Helvetica, sans-serif; text-transform: uppercase; display: block;  background: #FFE699 url(../imgs/user_top.gif) left top no-repeat;}
.blockuser .userleft{background: url(../imgs/user_left_bg.gif) left top repeat-y; width: 146px; padding: 10px 0; float: left; margin:0; border:0px solid #000;}
.blockuser .userright{background: #FFE699 url(../imgs/userblock_bg.gif) right top repeat-y; width: 502px; padding: 10px 0; float:right; margin:0;}
.blockuser .userright h2{margin: 0; padding:0px 0 0 10px; font: 18px bold Arial, Helvetica, sans-serif; color: #CFA629; text-transform: uppercase;}
.blockuser .userright p{margin:0; padding:10px 15px 0 15px; clear: both; text-align: justify;}
.userbg {background: url(../imgs/userblock_bg.gif) repeat; border:0px solid #000;}

.blockuser ul{margin:0; padding:0px 0 5px 0; list-style: none; border:solid #FFCC33; border-width: 0 0px 0 1px; display: block;}
.blockuser ul li{margin: 0px; padding: 0; display: block;}
.blockuser ul a{ text-decoration: none; background: url(../imgs/user_left_off.gif) left top no-repeat; margin: 0px 0 0 12px; padding: 6px 0 0 10px;  height: 25px; width: 123px; display: block;}
.blockuser ul a:hover{background: url(../imgs/user_left_on.gif) left top no-repeat;}
.blockuser ul li.useractivo a{ text-decoration: none; background: url(../imgs/user_left_on.gif) left top no-repeat; margin: 0px 0 0 12px; padding: 6px 0 0 10px;  height: 25px; width: 123px; display: block;}

.blockuserend{clear:both; float:left; background: url(../imgs/user_bottom.gif) left top no-repeat; height: 10px; margin:0 0 0px 0; padding:10px 0 0 0; width:648px;}

/******************************************  OFERTAS  ******************************************/
.blockoffer{ background: url(../imgs/userblock_bg.gif) repeat-x; border:0px solid #000;}
.blockoffer h1{ margin:0; padding:10px 0 9px 45px; font: bold 13px Arial, Helvetica, sans-serif; text-transform: uppercase; display: block;  background: #FFE699 url(../imgs/user_top.gif) left top no-repeat;}
.blockoffer .userleft{background: url(../imgs/user_left_bg.gif) left top repeat-y; width: 146px; padding: 10px 0; float: left; margin:0; border:0px solid #000;}
.blockoffer .userright{background: #FFE699 url(../imgs/userblock_bg.gif) right top repeat-y; width: 502px; padding: 10px 0; float:right; margin:0;}
.blockoffer .userright h2{margin: 0; padding:0px 0 0 10px; font: 18px bold Arial, Helvetica, sans-serif; color: #CFA629; text-transform: uppercase;}
.blockoffer .userright p{margin:0; padding:10px 15px 0 15px; clear: both; text-align: justify;}
.userbg {background: url(../imgs/userblock_bg.gif) repeat; border:0px solid #000;}
.blockoffer ul{margin:0; padding:0px 0 5px 0; list-style: none; border:solid #FFCC33; border-width: 0 0px 0 1px; display: block;}
.blockoffer ul li{margin: 0px; padding: 0; display: block;}
.blockoffer ul a{ text-decoration: none; background: url(../imgs/user_left_off.gif) left top no-repeat; margin: 0px 0 0 12px; padding: 6px 0 0 10px;  height: 25px; width: 123px; display: block;}
.blockoffer ul a:hover{background: url(../imgs/user_left_on.gif) left top no-repeat;}
.blockoffer ul li.useractivo a{ text-decoration: none; background: url(../imgs/user_left_on.gif) left top no-repeat; margin: 0px 0 0 12px; padding: 6px 0 0 10px;  height: 25px; width: 123px; display: block;}
.blockofferend{clear:both; float:left; background: url(../imgs/user_bottom.gif) left top no-repeat; height: 10px; margin:0 0 0px 0; padding:10px 0 0 0; width:648px;}

/******************************************  EMPRESAS  ******************************************/
.blockbusiness{}
.blockbusinessinfo{background: #FFEDB8; border: solid #ffcc33; border-width: 0 1px 1px 1px;}
.blockbusinessinfo img {border: 1px solid #CFA629; margin:0;}
.blockbusinesslist{border:0px solid #000; float:left; background:#FFEDB8; margin:6px 0 6px 0px; padding: 0 0 0 12px;}
.blockbusinessbody{background: #FFE699; border: solid #ffcc33; border-width: 0 1px 0px 1px;}
.blockbusinessbody p{ margin:0; padding: 5px 0 0 12px;}

.blockbusiness h1{margin:0; padding:10px 0 9px 45px; font: bold 13px Arial, Helvetica, sans-serif; text-transform: uppercase; display: block; background: #FFE699 url(../imgs/user_top.gif) left top no-repeat;}
.blockbusiness ul{margin:0; padding:0px 0 5px 0; list-style: none; border:solid #FFCC33; border-width:0 0 0 1px; display: block;}
.blockbusiness ul li{margin: 0px; padding: 0; display: block;}
.blockbusiness ul a{text-decoration: none; background: url(../imgs/user_left_off.gif) left top no-repeat; margin: 0px 0 0 12px; padding: 6px 0 0 10px; height: 25px; width: 123px; display: block;}
.blockbusiness ul a:hover{background: url(../imgs/user_left_on.gif) left top no-repeat;}
.blockbusiness ul li.useractivo a{text-decoration: none; background: url(../imgs/user_left_on.gif) left top no-repeat; margin: 0px 0 0 12px; padding: 6px 0 0 10px; height: 25px; width: 123px; display: block;}
.blockbusinessend {clear:both; float:left; background: url(../imgs/bg_business_bottom.gif) left top no-repeat; height: 10px; margin:0 0 0px 0; padding:10px 0 0 0; width:648px;}

/********** LISTADO OFERTAS EMPRESA ************/
.listbusiness{background: url(../imgs/bg_business_offer_top.gif) top no-repeat; border: 0px solid #3333CC; margin:0; padding:0; float: left;}
.listbusiness h1{margin:0 45px; padding:10px 0 9px 0; font:bold 13px Arial, Helvetica, sans-serif; text-transform:uppercase; display:block;}
.listbusiness ul{width:646px; background:#FFC1B3; margin:0 0 0px 0; padding:0px 0 5px 0; list-style:none; border:solid #FF8366; border-width: 0 1px 0 1px; display:block;}
.listbusiness ul li{background:url(../imgs/icn_flechita-naranja.gif) left 5px no-repeat; margin:0px 7px; padding: 5px 10px 0 10px; display:block;}
.listbusiness ul a{ text-decoration:underline;}
.listbusiness ul a:hover{ text-decoration:none;}
.listbusinessend{background: url(../imgs/bg_business_offer_bottom.gif) left top no-repeat; height: 10px; margin:0 0 0px 0; padding:10px 0 0 0; width:648px;}

/************* MENSAJES Y ALERTAS **************/
.greenbar{background: url(../imgs/bar_green.gif) no-repeat; height: 36px; width: 493px; margin:0 0 10px 0; padding:0;}
.greenbar h1{ padding:10px 0 0 10px; margin:0; font: bold 12px Arial, Helvetica, sans-serif;}

/******************************************  CURRICULUM  ******************************************/
ul.rowlist{ list-style: none; padding:0 0 15px 0; margin:0;}
ul.rowlist li{display:inline; margin:0 0 0 20px;}
ul.rowlist li a{}
ul.rowlist li a:hover{}

/******************************************  FOOTER  ******************************************/
#footer {clear: both; display: block;margin: 10px 0 0 0; padding:10px 0 5px 0; background: #E6E6E6 url(../imgs/bg_foot.gif) repeat-x left top;text-align: center; font: 11px normal Arial, Helvetica, sans-serif;}
#footer ul{list-style: none; margin:0; padding:0 0 0 250px; text-align: center;}
#footer li{float: left; margin: 0 20px 5px 0;}
#footer p{display:block; clear: both; margin:0; padding:0;}


/* FORMULARIOS, PUBLICOS Y PRIVADOS *********/
.formpublic{padding: 10px 0; text-align: center;}
.formpublic label{float:left; width: 180px; margin: 5px 15px; padding:2px; border: 1px solid #ff9933; text-align: left;}
.formpublic label.red{float:left; width: 180px; margin: 5px 15px; padding:3px; border: 1px solid #ff9933; background:#ff9933;}
.formpublic input.btnsend{ margin: 10px 0 0 240px; padding: 0 5px; background: #F4F4F4; border: 1px solid #CFA629; float: left;}
.formpublic input.btnnormal{ margin: 10px 0 0 215px; padding: 5px; background: #F4F4F4; border: 1px solid #ff9933; float: left;}
.formpublic input.fieldn, .formpublic select, textarea.normal{float:left; width: 200px; border:1px solid #ff9933; margin: 6px 0px; padding: 3px; font: 12px normal Arial, Helvetica, sans-serif;}
.formpublic input.fieldd{float: left; width: 55px; border:1px solid #ff9933; margin: 6px 5px 0px 0px; padding: 3px; font: 12px normal Arial, Helvetica, sans-serif;}
.formpublic label.empresa{float:left; width: 180px; margin: 5px 15px; padding:2px; border: 1px solid #CFA629; text-align: left;}
.formpublic label.rede{float:left; width: 180px; margin: 5px 15px; padding:3px; border: 1px solid #CFA629; background:#FFCD36;}
.formpublic input.fieldne, .formpublic select.empresa, textarea.empresa{float:left; width: 200px; border:1px solid #CFA629; margin: 6px 0px; padding: 3px; font: 12px normal Arial, Helvetica, sans-serif;}
.formpublic input.fieldde{float: left; width: 55px; border:1px solid #CFA629; margin: 6px 5px 0px 0px; padding: 3px; font: 12px normal Arial, Helvetica, sans-serif;}
.formpublic fieldset{ color:#000; margin: 5px 10px 10px 10px; padding: 10px 0; border: 1px solid #FCF1DC; width: 450px;}
.formpublic legend{ color:#000; font: bold 12px Arial, Helvetica, sans-serif; margin: 0px 0px; padding: 0 10px;}

.formpublic fieldset.red{ color:#000; background:#ff9933; margin: 5px 10px 10px 10px; padding: 10px 0; border: 1px solid #FCF1DC; width: 450px;}
.formpublic fieldset.red legend{ color:#000; font: bold 12px Arial, Helvetica, sans-serif; margin: 20px 0px 0px 0; padding: 0px 10px;}

.formprivate{}

/** ESTILOS DE MENSAJES A USUARIOS **/
.messagebox { border-top: 4px solid #FF0000; background:#FF9966 url(../imgs/ico_exclamacion.gif) 10px 5px no-repeat; font: bold 12px Arial, Helvetica, sans-serif; margin:15px; padding:10px;}
.messagebox p, ul .messagebox p{ font: bold 13px Arial, Helvetica, sans-serif; font-weight: bold; padding:0 0 0 40px; color: #fff; margin:0;}
.messagebox a{ text-align: left; text-decoration: none; color:#CC0000;}
.messagebox a:hover{ text-align: left; text-decoration: none; color: #666666;}

.messageboxok { border-top: 4px solid #33cc00; background: #66FF66 url(../imgs/ico_exclamacion_ok.gif) 10px 5px no-repeat; font: bold 12px Arial, Helvetica, sans-serif; margin:15px; padding:10px;}
.messageboxok p, ul .messageboxok p{ font: bold 13px Arial, Helvetica, sans-serif; font-weight: bold; padding:0 0 0 40px; color: #006600; margin:0;}
.messageboxok a{ text-align: left; text-decoration: none; color:#CC0000;}
.messageboxok a:hover{ text-align: left; text-decoration: none; color: #666666;}


/*  ESTILOS DE LOS ACORDEONES */

/* @charset "UTF-8"; */

/* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	border: none;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
.AccordionPanelTab {
	margin: 0;
	padding: 0px 2px 0px 25px;
	cursor: pointer;
	text-transform: uppercase;
	font: bold 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: url(../imgs/bg_list.jpg) left bottom repeat-x;	
	-moz-user-select: none;
	-khtml-user-select: none;
}

#Acc5.Accordion .AccordionPanelTab { background: url(../imgs/bg_list_emp.jpg) left bottom repeat-x; }	
#Acc3.Accordion .AccordionPanelTab { background: url(../imgs/bg_menu_emp_top.gif) left bottom repeat-x; margin:0; padding:0;}	
#Acc6.Accordion .AccordionPanelTab { background: url(../imgs/bg_menu_top.gif) left bottom repeat-x; margin:0; padding:0;}	

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 200px;
}

.AccordionPanelContent .row{clear: both;}
.AccordionPanelContent .left{ float: left; width: 15%; margin: 5px 0 0 0; padding: 0 20px; border:0px solid #66FF00; font-weight: bold;}
.AccordionPanelContent .right{float: left; width: 75%; margin: 5px 0 0 0; border:0px solid #ccc; text-transform: uppercase;}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	font-weight: bold;
	background: url(../imgs/bg_list.jpg) left bottom repeat-x;
}

#Acc5.Accordion .AccordionPanelOpen .AccordionPanelTab {font-weight: bold; background: url(../imgs/bg_list_emp.jpg) left bottom repeat-x;}
#Acc3.Accordion .AccordionPanelOpen .AccordionPanelTab {font-weight: bold; background: url(../imgs/bg_menu_emp_top.gif) left bottom repeat-x;}
#Acc6.Accordion .AccordionPanelOpen .AccordionPanelTab {font-weight: bold; background: url(../imgs/bg_menu_top.gif) left bottom repeat-x;}

.AccordionPanelOpen .AccordionPanelTab p {font-weight: bold; background:  url(../imgs/ico_less.gif) 0px center no-repeat;}
.AccordionPanelTab p {font-weight: bold; background:  url(../imgs/ico_more.gif) 0px center no-repeat;}

#Acc3.Accordion .AccordionPanelOpen .AccordionPanelTab p {font-weight: bold; }
#Acc3.Accordion .AccordionPanelTab p {font-weight: bold; background: none; margin:0 15px; padding:10px 0 9px 0; font: bold 13px Arial, Helvetica, sans-serif; text-transform: uppercase;}

#Acc6.Accordion .AccordionPanelOpen .AccordionPanelTab p {font-weight: bold;}
#Acc6.Accordion .AccordionPanelTab p {font-weight: bold; background: none; margin:0 15px; padding:10px 0 9px 0; font: bold 13px Arial, Helvetica, sans-serif; text-transform: uppercase;}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {font-weight: bold; background: url(../imgs/bg_list.jpg) left bottom repeat-x;}
.AccordionPanelOpen .AccordionPanelTabHover {font-weight: bold;	background: url(../imgs/bg_list.jpg) left bottom repeat-x;}

#Acc5.Accordion .AccordionPanelTabHover {font-weight: bold; background: url(../imgs/bg_list_emp.jpg) left bottom repeat-x;}
#Acc5.Accordion .AccordionPanelOpen .AccordionPanelTabHover {font-weight: bold;	background: url(../imgs/bg_list_emp.jpg) left bottom repeat-x;}

#Acc3.Accordion .AccordionPanelTabHover {font-weight: bold; background: url(../imgs/bg_menu_emp_top.gif) left bottom repeat-x;}
#Acc3.Accordion .AccordionPanelOpen .AccordionPanelTabHover {font-weight: bold; background: url(../imgs/bg_menu_emp_top.gif) left bottom repeat-x;}

#Acc6.Accordion .AccordionPanelTabHover {font-weight: bold; background: url(../imgs/bg_menu_top.gif) left bottom repeat-x;}
#Acc6.Accordion .AccordionPanelOpen .AccordionPanelTabHover {font-weight: bold; background: url(../imgs/bg_menu_top.gif) left bottom repeat-x;}
/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab { font-weight: bold; background: url(../imgs/bg_list.jpg) repeat-x;}
#Acc5.Accordion .AccordionFocused .AccordionPanelTab { font-weight: bold; background: url(../imgs/bg_list_emp.jpg) repeat-x;}
#Acc3.Accordion .AccordionFocused .AccordionPanelTab { font-weight: bold; background: url(../imgs/bg_menu_emp_top.gif) left bottom repeat-x;}
#Acc6.Accordion .AccordionFocused .AccordionPanelTab { font-weight: bold; background: url(../imgs/bg_menu_top.gif) left bottom repeat-x;}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab { font-weight: bold; background: #009999 url(../imgs/bg_list.jpg) left bottom repeat-x;}
#Acc5.Accordion .AccordionFocused .AccordionPanelOpen .AccordionPanelTab { font-weight: bold; background: #009999 url(../imgs/bg_list_emp.jpg) left bottom repeat-x;}
#Acc3.Accordion .AccordionFocused .AccordionPanelOpen .AccordionPanelTab { font-weight: bold; background: url(../imgs/bg_menu_emp_top.gif) left bottom repeat-x;}
#Acc6.Accordion .AccordionFocused .AccordionPanelOpen .AccordionPanelTab { font-weight: bold; background: url(../imgs/bg_menu_emp_top.gif) left bottom repeat-x;}