/* General */
* {
    font-size: 11px;
    font-family: arial, verdana, helvetica;
}

/* Arreglos */
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/

.clearfix {display:block;}
/* End hide from IE Mac */

body {
    background-color: #FFFFFF;
    text-align: center;
    margin: 0;
    padding: 0;
    background-image: url(http://portaldeservicios.utalca.cl/art/bg.png);
    background-repeat: repeat-x;
}

#contenedor {
    background-color: #FFFFFF;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 900px;
    background-image: url(http://portaldeservicios.utalca.cl/art/fondo.png);
    background-repeat: no-repeat;
    text-align: left;
    height: 1000px;
    min-height: 1000px
    border: none;
}
#contenedor2 {
    background-color: #FFFFFF;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 950px;
    background-image: url(http://portaldeservicios.utalca.cl/art/fondo.png);
    background-repeat: no-repeat;
    text-align: left;
    height: 1000px;
    min-height: 1000px
    border: none;
}
/* Encabezado */
#encabezado {
    clear: both;
    height: 176px;
    margin: 0;
    padding: 0;
    background-image: url(http://bodega.utalca.cl/herramientas/menu/baner_sistemas.png);
}

/* Buscador */
.buscar {
    float: right;
    width: 470px;
    margin: 0 0 0 425px;
    padding: 0;
}

.buscar img {
    width: 265px;
    height: 34px;
    margin: 20px 0 0 150px;
    padding: 0;
    border: none;
}

.buscar form {
    border: none;
    margin: 84px 0 0 160px;
    padding: 0;
}

.buscar fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.buscar p {
    clear: both;
    margin: 0;
    padding: 0;
}

.buscar input {
    border: 1px solid #82827A;
    background-color: #ffffff;
    width: 178px;
    height: 20px;
    float: left;
    margin: 0 3px 0 0;
    padding: 2px 0 0 3px;
}

.buscar input.boton {
    background-color: #82827A;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    width: 67px;
    line-height: 15px;
    padding: 0;
    margin: 0;

}

/* Menú Superior */
.menu {
    float: right;
    text-align: right;
    width: 470px;
    margin: 8px 0 0 0;
    padding: 0;
}

.menu ul {
    display: inline;
    width: 450px;
    margin: 0 60px 0 0;
    padding: 0;
    border: none;
}

.menu li {
    display: inline;
    margin: 0;
    padding: 0;
}

.menu a {
    color: #000000;
    text-decoration: none;
    border-right: 1px solid #000000;
    text-transform: uppercase;
    padding: 0 3px 0 3px;
    margin: 0;
}

.menu a.ultimo {
    border-right: none;
    padding: 0 0 0 3px;
    margin: 0;
}

/* Menú Superior Lengüetas */
.menusup {
    clear: both;
    padding: 19px 0 0 0;
    width: 900px;
    border-bottom: 3px solid #7F7F7F;
    margin: 0;
}
.menusup2 {
    clear: both;
    padding: 19px 0 0 0;
    width: 950px;
    border-bottom: 3px solid #7F7F7F;
    margin: 0;
}
.menusup ul{
    margin: 0;
    text-align: right;
    padding: 0;
}

.menusup li {
    display: inline;
    margin: 0;
    padding: 0;
}

.menusup a {
    text-decoration: none;
    margin: 0;
    padding: 0;
}

.menusup img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    border: none;
}
.menusup2 ul{
    margin: 0;
    text-align: right;
    padding: 0;
}

.menusup2 li {
    display: inline;
    margin: 0;
    padding: 0;
}

.menusup2 a {
    text-decoration: none;
    margin: 0;
    padding: 0;
}

.menusup2 img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    border: none;
}
/* Cuerpo */
#cuerpo {
    margin: 0;
    padding: 0;
}

.contenido {
    border: none;
    width: 900px;
    float: left;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}
.contenido2 {
    border: none;
    width: 940px;
    float: left;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}

/* Menu Lateral */
.menulat {
    float: left;
    width: 230px;
    text-align: center;
    margin: 0;
    padding: 0;
    border: none;
}
.menulat2 {
    float: left;
    width: 200px;
    text-align: center;
    margin: 0;
    padding: 0;
    border: none;
}
.menulat img {
    margin: 0;
    padding: 0;
    border: none;
}

.cajatitulo {
    width: 198px;
    margin: 10px auto 0 auto;
    text-align: left;
    padding: 0;
    border: none;
}

.cajatitulo h2 {
    vertical-align: bottom;
    background-image: url(http://portaldeservicios.utalca.cl/art/caja_titulo.jpg);
    background-repeat: no-repeat;
    width: 198px;
    height: 22px;
    line-height: 22px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0 0 0 10px;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    border: none;
}

.cajatitulo a {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    padding: 0;
    border: none;
}

.cajaitem img.bottom {
    vertical-align: top;
    margin: 0;
    padding: 0;
    border: none;
}

.cajaitem {
    width: 198px;
    margin: 0 auto 0 auto;
    text-align: left;
    padding: 0;
    border: none;
}

.cajaitem ul {
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    display: block;
    list-style: none;
    padding: 8px 0 3px 0;
    margin: 0;
}

.cajaitem li {
    list-style: none;
    display: block;
    text-transform: uppercase;
    margin: 0 0 0 10px;
    line-height: 15px;
    font-weight: bold;
    font-size: 10px;
    padding: 0;
    border: none;
}

.cajaitem a {
    color: #636363;
    text-decoration: none;
    font-size: 10px;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 15px;
}

.cajaitem a:hover {
    color: #d95e02;
    text-decoration: none;
    font-size: 10px;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 15px;
}

.pregunta {
    width: 198px;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    border-top: 1px solid #CDCDCD;
    border-bottom: 3px solid #F8AD1C;
    margin: 10px auto 0 auto;
    text-align: left;
    margin: 0;
    padding: 0;
}

.pregunta h2 {
    background-image: url(/art/preg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    color: #858585;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 25px;
    padding: 0 0 0 40px;
    margin: 0;
    border: none;
}

.pregunta a {
    color: #858585;
    text-decoration: none;
    margin: 0;
    padding: 0;
    border: none;
}

/* Noticias */
.noticias, .formulario {
    float: right;
    width: 650px;
    border-right: 1px solid #BFBFBF;
    border-left: 1px solid #BFBFBF;
    margin: 0;
    padding: 0;
}
.noticias2, .formulario {
    float: right;
    width: 650px;
    border-right: 1px solid #BFBFBF;
    border-left: 1px solid #BFBFBF;
    margin: 0;
    padding: 0;
}

.noticias h2, .formulario h2, .mapa h2 {
    margin: 15px 20px 10px 20px;
    font-weight: bold;
    color: #333333;
    font-size: 14px;
    border-bottom: 1px solid #DADADA;
    text-transform: uppercase;
    padding: 0;
}

.noticias ul, .noticias ol {
    margin: 10px 10px 10px 0;
    border: none;
}

.formulario p {
    margin: 0 10px 0 20px;
    color: #000000;
    font-weight: normal;
    text-align: left;
    font-size: 11px;
    text-transform: none;
    line-height: normal;
    background-image: none;
    padding: 0;
    border: none;
}

.noticias h3 {
    background-image: url(/art/lengueta.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    margin: 60px 20px 10px 20px;
    font-weight: bold;
    color: #333333;
    font-size: 10px;
    border-bottom: 1px solid #DADADA;
    text-transform: uppercase;
    padding: 0 0 0 6px;
    color: #ffffff;
    line-height: 16px;
}

.noticias p.ing {
    float: right;
    margin: 0 20px 10px 20px;
    text-align: right;
    color: #E9900E;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 27px;
    width: 170px;
    background-image: url(/art/candado.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0;
    border: none;
}

.noticias a {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.noticias a.link {
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #000000;
}

.noticias a.link:hover {
    margin: 0;
    padding: 0;
    text-decoration: underline;
    color: #000000;
}

.noticias p {
    margin: 0 10px 5px 20px;
    color: #000000;
    font-weight: normal;
    text-align: left;
    font-size: 11px;
    text-transform: none;
    line-height: normal;
    background-image: none;
    padding: 0;
    border: none;
}

.noticias iframe {
    float: left;
    margin: 0 0px 0px 0px;
    padding: 0;
    border: none;
    background-color: #ffffff;
}

.lista table {
    margin: 20px 20px 10px 20px;
    padding: 0;
    border: none;
    border-collapse: separate;
}

.lista tr.gris {
    background-color: #EFEFEF;
}

.lista tr.blanco {
    background-color: #FFFFFF;
}

.lista td {
    margin: 0;
    padding: 0 0 0 5px;
    border: none;
    line-height: 22px;
    width: 80%;
}

.lista img {
    margin: 0 20px 0 10px;
    padding: 0;
    border: none;
}

/* Noticia */
.noticia {
    clear: both;
    margin: 20px 20px 10px 20px;
    min-height: 71px;
    padding: 0;
    border: none;
}

.noticia img {
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    border: none;
}

.noticia h2 {
    color: #DD6300;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 3px 0;
    border: none;
    padding: 0;
}

.noticia p {
    color: #000000;
    font-weight: normal;
    text-align: left;
    font-size: 11px;
    text-transform: none;
    line-height: normal;
    background-image: none;
    margin: 0;
    padding: 0;
    border: none;
}

.noticia a {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

/* Lo Nuevo */
.nuevo {
    clear: both;
    margin: 20px 20px 10px 20px;
    height: 71px;
    padding: 0;
    border: none;
}

.nuevo img {
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    border: none;
}

.nuevo h2 {
    color: #818181;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
    border: none;
}

/* Formulario */
.formulario form {
    clear: both;
    margin: 20px 20px 10px 15px;
    padding: 0;
    border: none;
}

.formulario fieldset {
    border: none;
    padding: 0;
}

.formulario p {
    clear: both;
    height: 20px;
    margin: 0;
    padding: 0;
    border: none;
}

.formulario br {
    clear: both;
    height: 20px;
    margin: 0;
    padding: 0;
    border: none;
}

.formulario p.textarea {
    clear: both;
    vertical-align: top;
    height: 55px;
    margin: 0;
    padding: 0;
    border: none;
}

.formulario label {
    line-height: 15px;
    width: 125px;
    margin: 0 0 0 10px;
    font-weight: bold;
    vertical-align: top;
    float: left;
    padding: 0;
    border: none;
}

.formulario input {
    line-height: 15px;
    padding: 0 0 0 5px;
    border: 1px solid #BFBFBF;
    margin: 0;
}

.formulario textarea {
    border: 1px solid #BFBFBF;
    width: 132px;
    height: 50px;
    margin: 0;
    padding: 0;
}

.formulario input.boton {
    margin: 10px 0 0 0;
    line-height: 15px;
    padding: 0 0 0 5px;
    background-color: #82827A;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    width: 67px;
    border: none;
}

/* Mapa del sitio */
.mapa {
    float: right;
    width: 560px;
    margin: 0;
    padding: 0;
    border: none;
}

.mapa ul {
    margin: 20px 20px 10px 35px;
    display: block;
    padding: 0;
}

.mapa ul.nivel {
    margin: 10px 20px 10px 35px;
    display: block;
    padding: 0;
}

.mapa li {
    list-style-type: disc;
    margin: 0;
    padding: 0;
}

/* Caja Links Externo*/
.links {
    margin: 20px 20px 10px 20px;
    width: 158px;
    text-align: left;
    padding: 0;
    border: none;
    background-color: #F4F4F4;
}

.links h2 {
    vertical-align: bottom;
    background-image: url(/art/link_top.jpg);
    background-repeat: no-repeat;
    width: 158px;
    height: 21px;
    line-height: 21px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0 0 0 10px;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    border: none;
}

.links img.bottom {
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    border: none;
}

.links form {
    margin: 0;
    padding: 0;
    border: none;
}

.links fieldset {
    margin: 0;
    padding: 8px;
    border: none;
}

.links p {
    clear: both;
    border: 1px solid #808080;
    padding: 0;
    margin: 0 0 5px 0;
    line-height: 20px;
    height: 20px;
    background-color: #ffffff;
}

.links p.botons {
    clear: both;
    border: none;
    padding: 0 8px 0 0;
    margin: 0;
    background-color: transparent;
}

.links label {
    width: 25px;
    margin: 0 0 0 3px;
    font-weight: bold;
    vertical-align: top;
    float: left;
    color: #000000;
    padding: 0;
    border: none;
    line-height: 20px;
    height: 20px;
}

.links input {
    padding: 0 0 0 5px;
    margin: 0;
    color: #000000;
    font-weight: normal;
    line-height: 20px;
    height: 20px;
    width: 100px;
    border: none;
    float: right;
}

.links input.boton {
    margin: 0;
    line-height: 15px;
    padding: 0;
    background-color: #82827A;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    width: 67px;
    border: none;
}

/* Miga de pan */
.miga {
    margin: 20px 20px 10px 18px;
    padding: 0;
    border: none;
}

.miga ul {
    display: inline;
    margin: 0;
    padding: 0;
    border: none;
}

.miga li {
    display: inline;
    margin: 0;
    padding: 0;
    border: none;
}

.miga a {
    color: #000000;
    text-decoration: none;
    padding: 0 3px 0 3px;
    margin: 0;
    border: none;
}

/* Paginación */
/* Paginacion */
.paginacion {
    padding: 3px;
    margin: 3px;
    text-align:center;
}

.paginacion p.parrafo {
    padding: 3px;
    margin: 3px;
    text-align:center;
}

.paginacion a {
    padding: 2px 5px 2px 5px;
    text-decoration: none;
    font-weight: bold;
    color: #FF6600;
    border: 1px solid #FF6600;
}

.paginacion a:hover, .paginacion a:active {
    padding: 2px 5px 2px 5px;
    font-weight: bold;
    color: #FF6600;
}

.paginacion span.current {
    padding: 2px 5px 2px 5px;
    font-weight: bold;
    color: #ffffff;
    background-color:#FF6600;
    border: 1px solid #FF6600;
}

.paginacion span.disabled {
    padding: 2px 5px 2px 5px;
    color: #cccccc;
    border: 1px solid #cccccc;
}

/* Calendario */
.c_subtitulo {
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    color : #a9a9a9;
    text-decoration : none;
}

.c_titulo {
    font-family: verdana;
    font-weight: bold;
    font-size: 10px;
    color : #a9a9a9;
    text-decoration : none;
}

.c_menulateralazul {
    font-family: verdana;
    font-size: 10px;
    color : #a9a9a9;
    text-decoration : none;
}

.c_textodest {
    font-weight: bold;
    font-family: verdana;
    font-size: 10px;
    color : #a9a9a9;
    font-style : italic;
}

.c_input    {
    border: #b3b2b2 1px solid;
    background: #FFFFFF;
    font-family: verdana;
    height: 17;
    color: #7E7E7E;
}

.c_a {
    text-decoration : none;
    color : #999999;
}

.c_a:hover {
    color: #CC0000;
    text-decoration : none;
}

.c_botonbuscar  {
    border-right: #81ABCB 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #81ABCB 1px solid;
    color: #ffffff;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    background-color: #CC0000;
}

.c_botonok  {
    border-right: #81ABCB 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #81ABCB 1px solid;
    color: #ffffff;
    font-family: verdana;
    font-size: 10px;
    width: 20px;
    font-weight: bold;
    background-color: #CC0000;
}

.c_boton    {
    border-right: #81ABCB 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #81ABCB 1px solid;
    color: #ffffff;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    background-color: #CC0000;
}

.fc_date {
    border: 1px solid #D9D9D9;
    cursor: pointer;
    font-size: 10px;
    text-align: center;
    font-family: verdana;
}

.fc_dateHover, TD.fc_date:hover {
    cursor: pointer;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background: #CC0000;
    font-size: 10px;
    text-align: center;
    font-family: verdana;
    color: #ffffff;
}

.calendario_Hover, TD.calendario_:hover {
    cursor: pointer;
    font-size: 10px;
    font-family: verdana;
    color: #CC0000;
}

.calendario {
    font-family: verdana;
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
}

.calendario_slc, TD.calendario_slc:hover  {
    cursor: pointer;
    font-family: verdana;
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
    border-top: #DD6300 1px solid;
    border-right: #DD6300 1px solid;
    border-bottom: #DD6300 1px solid;
}

.calendario_r {
    font-family: verdana;
    color: #FF0000;
    font-weight: bold;
    font-size: 10px;
}

.calendario_n {
    font-family: verdana;
    color: #000000;
    font-weight: bold;
    font-size: 10px;
}

#calendario {
    margin: 10px 0 0 0;
    padding: 0;
}

#calendario img {
    float: right;
    padding: 3px;
}

#calendario table {
    border-top: 1px solid #DD6300;
    width: 376px;
    border-collapse: collapse;
}

#calendario td {
    border-bottom: 1px solid #DD6300;
}

#calendario  td.head {
    background-color: #ededed;
    border-bottom: 1px solid #DD6300;
}

#calendario th {
    background-color: #999999;
    border-bottom: 1px solid #DD6300;
}

#calendario p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    padding: 5px;
}

#calendario h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    padding: 5px;
    font-weight: bold;
    text-align: left;
}

#calendario img.cartelera {
    float: left;
    vertical-align: top;
    clear: both;
}

#calendario td.noline {
    border-bottom: none;
}