body{
margin:0px auto;
text-align:center;
scrollbar-face-color: #C8D6BE;
scrollbar-shadow-color: #C8D6BE;
scrollbar-highlight-color: #C8D6BE;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: black;
scrollbar-track-color: #C8D6BE;
scrollbar-arrow-color: #000000;
font: normal .9em Palatino Linotype;
color:#003333;
background:url(../img/bk.gif) repeat #676866;
overflow:hidden;
width:100%;
height:100%;
}
.break{
clear:both;
}
#contenido{
position:absolute;
left:5%;
right:5%;
width:90%;
top:0%;
bottom:0%;
height:100%;
background-color:#C8D6BE;
margin:0px auto;
}
#cabecera{
position:absolute;
left:2%;
right:0%;
width:98%;
top:0%;
bottom:85%;
height:15%;
margin:0px auto;
}
#menu{
position:absolute;
left:2%;
right:80%;
width:18%;
top:15%;
bottom:5%;
height:80%;
margin:0px auto;
}
#centro{
position:absolute;
left:20%;
right:0%;
width:80%;
top:15%;
bottom:5%;
height:80%;
margin:0px auto;
overflow:auto;
}
#pie{
position:absolute;
left:2%;
right:0%;
width:98%
top:95%;
bottom:0%;
height:5%;
}
#contenido .img{
position:absolute;
left:0%;
right:98%;
top:0%;
bottom:0%;
width:2%;
height:100%;
}
/*pie*/
#pie ul{
margin:0px auto;
}
#pie ul li{
list-style:none;
display:inline;
width:33%;
padding:2px;
}
#pie ul li a{
margin-left:25px;
text-decoration:none;
font:bold .8em arial;
color:#CA6500;
padding:2px;
border-top:1px dashed #C8D6BE;
border-bottom:1px dashed #C8D6BE;
}
#pie ul li a:hover{
background:#FEF4DE;
border-top:1px dashed black;
border-bottom:1px dashed black;
padding:2px;
}
#cabecera img{
float:left;
width:348px;
height:60px;
}
#cabecera ul{
float:left;
width:150px;
height:60px;
margin:0px auto;
}
#cabecera ul li{
list-style:none;
margin-top:2px;
margin-bottom:1px;
font:bold .6em tahoma;
color:#800000;
}
#cabecera ul li a:link,#cabecera ul li a:active,#cabecera ul li a:visited{
color:#800000;
text-decoration:none;
}
#cabecera ul li a:hover{
color:#4FB709;
text-decoration:none;
}
#cabecera ul li img{
width:16px;
margin-top:2px;
margin-bottom:2px;
}
#cabecera h1{
float:left;
width:200px;
font:normal .7em arial;
color:red;
}
#cabecera h2{
float:left;
width:200px;
font:normal .6em arial;
color:red;
}
#form_log{
float:right;
width:230px;
margin:0px;
padding:0px;
padding-top:10px;
}
#form_log form{
margin:0px;
padding:0px;
}
#form_log legend{
font: normal .8em verdana;
color:#027EAE;
text-align:center;
margin-top:0px;
border:1px;
margin:0px;
padding:0px;
margin-bottom:2px;
}
#form_log p{
text-align:left;
margin:0px;
padding:0px;
float:right;
}
#form_log label{
width:50px;
text-align:right;
float:left;
margin:0px auto;
}
#form_log fieldset{
border:0px;
margin:0px;
padding:0px;
}
#form_log .l{
float:left;
width:140px;
margin:0px auto;
font: normal .7em Arial;
color:#C46200;

}
#form_log .r{
float:right;
width:50px;
margin:0px auto;
font: bold .8em Tahoma;
color:#05528F;
margin-right:15px;
}
#form_log input{
border:1px solid #000000;
color:#008080;
background:#ECFEC7;
font: normal .8em Tahoma;
margin:0px;
padding:0px;
}

#formulario{
width:550px;
margin:0px auto;
margin-top:20px;
padding:0px;
padding-top:10px;
}
#formulario form{
margin:0px;
padding:0px;
}
#formulario legend{
font: normal .9em verdana;
color:#027EAE;
text-align:center;
margin-top:0px;
border:1px;
margin:0px;
padding:0px;
margin-bottom:2px;
}
#formulario p{
text-align:left;
margin:0px;
padding:0px;
margin-top:15px;
font: bold .8em tahoma;
color:#C46200;
}
#formulario label{
width:125px;
text-align:right;
float:left;
margin:0px auto;
font: bold 1em Arial;
color:#009393;
}
#formulario fieldset{
border:0px;
margin:0px;
padding:0px;
}
#formulario .l{
float:left;
width:400px;
margin:0px auto;
}
#formulario .r{
float:right;
width:115px;
margin:0px auto;
font: bold .8em Tahoma;
color:#05528F;
margin-right:15px;
}
#formulario .r h4{
text-align:left;
margin-left:0px;
font:normal .7em arial;
}
#formulario input{
border:1px solid #000000;
color:#CC0000;
background:#ECFEC7;
font: normal 1em verdana;
margin:0px;
padding:0px;
}


#cabecera .lang{
float: right;
width:52px;
}
/*MENU LATERAL*/

#menu h2{
width:150px;
margin-top:3px;
margin-bottom:3px;
/*padding-top:4px;*/
/*padding-bottom:4px;*/
border:1px solid black;
font:bold .8em tahoma;
width:148px;
background: url('../img/cabFto.png') repeat-x;
}
#menu h2 a:link,#menu h2 a:active,#menu h2 a:visited{
background: url('../img/cabFto.png') repeat-x;
text-decoration:none;
color:#055A7A;
width:148px;
padding-top:4px;
padding-bottom:4px;
}
#menu h2 a:hover{
background: url('../img/cabCnt.png') repeat-x;
text-decoration:none;
color:white;
padding-top:4px;
padding-bottom:4px;
width:148px;
}
/*CAPA CENTRAL*/
#centro .uno{
float:left;
width:550px;
height:250px;
margin-bottom:0px;
}
#centro .uno h1{
width:550px;
font:bold .8em verdana;
text-align:left;
}
#centro .uno .uno_menu{
float:left;
width:95px;
height:250px;
border-right:1px dotted black;
}
#centro .uno .uno_menu h2{
width:95px;
height:10px;
font:bold .6em verdana;
text-align:right;
margin-top:4px;
background:none;
margin-left:0px;
padding:0px;
padding-right:5px;
}
#centro .uno .uno_datos{
width:450px;
height:250px;
overflow:auto;
float:right;
}
#centro .uno .uno_datos p{
margin-left:5px;
margin-right:5px;
text-align:justify;
font:normal .7em arial;
color:#0976B7;
}
#centro .uno ul{
margin:0px auto;
}
#centro .uno ul li{
list-style:none;
background:url('../img/adelante.gif') no-repeat left;
display:block;
text-align:left;
padding-left:20px;
margin-left:0px;
margin-top:4px;
}
#centro .uno ul li a:link,#centro .uno ul li a:active,#centro .uno ul li a:visited{
text-decoration:none;
font:normal .7em tahoma;
color:#0976B7;
}
#centro .uno ul li a:hover{
font:normal .7em tahoma;
color:#FFFFFF;
}
#centro .dos{
margin-top:0px;
width:550px;
height:80px;
}
#centro .dos img{
width:125px;
height:75px;
margin-top:0px;
margin-bottom:0px;
text-align:center;
margin-left:2px;
}
#centro img{
width:150px;
height:75px;
}
#centro h1{
background: url('../img/cabCnt.png') repeat;
color:white;
border:1px solid black;
padding:4px;
width:90%;
font: bold 1em arial;
margin-left:0px auto;
margin-right:0px auto;
margin-top:8px;
}
#centro h1 img{
float:right;
width:16px;
height:16px;
}
#centro p{
text-align:justify;
margin-left:4px;
margin-right:4px;
font:normal .8em verdana;
}
#centro ul{
margin:0px auto;
text-align:center;
}
#centro ul li{
list-style:none;
display:inline;
margin-left:4px;
}
#centro ul li a:link,#centro ul li a:active,#centro ul li a:visited{
text-decoration:none;
font:normal .8em verdana;
color:#055A7A;
padding-left:2px;
padding-right:2px;
}
#centro ul li a:hover{
background:#89C5C5;
color:red;
padding-left:2px;
padding-right:2px;
}
#centro .linea{
width:560px;
clear:both;
}
#centro .linea .izqda{
font: bold .8em arial;
color:#A0431B;
width:100px;
text-align:right;
margin-top:8px;
float:left;
}
#centro .linea .drcha{
width:450px;
text-align:left;
font: normal .7em arial;
padding-left:10px;
margin-top:8px;
float:right;
}
#centro .linea .izqda img{
width:16px;
height:16px;
float:right;
}
#centro a:link,#centro a:active,#centro a:visited{
text-decoration:none;
font:normal .9em verdana;
color:#004080;
}
#centro a:hover{
text-decoration:underline;
}
#centro h2{
width:440px;
float:left;
font: bold .8em tahoma;
color:#B70000;
text-align:left;
padding-left:20px;
background:url('../img/adelante.gif') no-repeat left middle;
height:18px;
}
#centro h3{
width:50px;
float:right;
height:18px;
}
#centro h3 img{
width:16px;
height:16px;
}
#centro .imagen{
margin-top:4px;
height:50px;
width:500px;
clear:both;
}
#centro .imagen .img1{
font: bold .8em arial;
color:#A0431B;
width:300px;
text-align:center;
padding-top:20px;
float:left;
}
#centro .imagen .img2{
width:100px;
text-align:center;
font: normal .7em arial;
padding-top:20px;
float:left;
}
#centro .imagen .img3{
width:100px;
float:right;
}
#centro .imagen .img3 img{
width:75px;
height:50px;
float:left;
}
#centro .imagen .img4{
width:175px;
float:left;
}
#centro .imagen .img4 img{
width:175px;
height:75px;
float:left;
}
#centro ol{
margin:0px auto;
margin-left:50px;
text-align:left;
}
#centro .menu_manual{
width:100px;
float:right;
text-align:right;
padding-right:10px;
}
#centro .menu_manual img{
width:16px;
height:16px;
margin-right:8px;
float:right;
}
#centro .mensaje{
width:500px;
background:#CDD7D8;
margin-top:10px;
margin-bottom:15px;
border:2px dashed #0A68AD;
}
#centro .mensaje .titulo{
margin-top:4px;
margin-bottom:4px;
margin-left:10px;
font:italic bold .9em tahoma;
color:#660000;
width:475px;
text-align:center;
background:url('../img/acercade.gif') no-repeat left;
text-align:left;
padding-left:20px;
}
#centro .mensaje p{
margin-top:4px;
margin-bottom:4px;
margin-left:20px;
margin-right:5px;
text-align:justify;
font:normal .8em verdana;
color:#804000;
}
#centro .mensaje .respuesta{
width:490px;
margin-top:6px;
margin-bottom:6px;
}
#centro .mensaje .respuesta a:link,#centro .mensaje .respuesta a:active, #centro .mensaje .respuesta a:visited{
font:bold .8em tahoma;
color:#660000;
}
#centro .menu_paginar{
width:500px;
height:16px;
clear:both;
}
#centro .menu_paginar a:link,#centro .menu_paginar a:active,#centro .menu_paginar a:visited{
font:bold .9em tahoma;
color:#804040;
text-decoration:none;
padding-top:0px;
padding-bottom:0px;
}
#centro .menu_paginar a:hover{
font:bold .9em tahoma;
color:#8080FF;
text-decoration:none;
padding-top:0px;
padding-bottom:0px;
}
#centro .menu_paginar .img_anterior{
width:16px;
height:12px;
float:left;
}
#centro .menu_paginar .img_siguiente{
width:16px;
height:12px;
float:right;
}
#centro .menu_paginar .img_anterior img,#centro .menu_paginar .img_siguiente img{
width:16px;
height:12px;

}
#centro .menu_paginar .paginas{
width:400px;
}
#formulario_msn{
width:600px;
height:500px;
background:#C7C78D;
}
#formulario_msn legend{
font: normal .8em verdana;
color:#027EAE;
text-align:center;
text-transform:uppercase;
margin-top:8px;
border:0px;
}
#formulario_msn p{
margin:2px auto;
margin-bottom:3px;
margin-top:3px;
padding:0px;
padding-top:0px;
padding-bottom:0px;
text-align:left;
}
label{
width:100px;
text-align:right;
float:left;
padding-right:5px;
}
fieldset{
border:0px;
}
.l{
width:100%;
margin:0px auto;
font: bold .8em Arial;
color:#C46200;
}
.r{
width:60%;
margin:0px auto;
padding:6px;
margin-top:5px;
margin-left:30px;
font: bold .8em Tahoma;
color:#05528F;
}
input{
border:1px solid #000000;
color:#804000;
background:#DDF7FB;
font: normal .9em Tahoma;
}
textarea{
border:1px solid #000000;
color:#804000;
background:#DDF7FB;
font: normal .9em Tahoma;
}
.boton{
background:#c0c0c0;
border:1px solid #000;
font: bold .9em verdana;
color:#000000;
}
#ver_novedad{
width:600px;
height:600px;
background:#E3A015;
overflow:auto;
}
#ver_novedad a:link,#ver_novedad a:active,#ver_novedad a:visited{
text-decoration:none;
font:bold .9em tahoma;
color:#400000;
text-align:center;
}
#ver_novedad a:hover{
color:#008040;
}

#ver_novedad h1{
float:left;
width:450px;
font:bold .9em tahoma;
color:#804040;
margin-top:5px;
margin-bottom:5px;
padding-left:20px;
background:url('../img/acercade.gif') no-repeat left;
text-align:left;
}
#ver_novedad h2{
text-align:right;
padding-right:15px;
float:right;
width:150px;
font:bold .8em tahoma;
color:#0179FE;
margin-top:5px;
margin-bottom:5px;
}
#ver_novedad h3{
margin-left:50px;
margin-right:50px;
margin-top:50px;
margin-bottom:50px;
overflow:auto;
text-align:justify;
}
#ver_novedad ul{
margin-left:75px;
text-align:left;
}
#ver_novedad ul li{
list-style:none;
background:url('../img/adelante.gif') no-repeat left middle;
padding-left:22px;
font: normal .8em  verdana;
color:#0080C0;
}
#ver_novedad p{
font: normal .8em  verdana;
color:#0080C0;
}
#ver_novedad h7{
text-align:center;
width:300px;
clear:both;
border-top:3px dashed #c0c0c0;
padding_top:5px;
}
/*calendario*/
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/*fin del calendario*/