/* ********************************************************************************************* */
/* GENERAL */
/* ********************************************************************************************* */

body { margin-top: 0px; background-color: #dddddd;}
* { box-sizing: border-box; }
* { font-family: Arial, Helvetia, Sans Serif; }
a { text-decoration: none; }
table { table-layout: fixed; }

/* ********************************************************************************************* */
/* ESTRUCTURA */
/* ********************************************************************************************* */

#index_00 { width: 1200px; height: 900px; margin-left: auto; margin-right: auto; }
#index_01 { width: 125px; height: 140px; }
#index_02 { width: 1075px; height: 66px; position: relative; left: 125px; top: -140px; }
#index_03 { width: 1075px; height: 28px; position: relative; left: 125px; top: -140px; }
#index_04 { width: 1075px; height: 46px; position: relative; left: 125px; top: -140px; }
#index_05 { width: 1200px; height: 760px; position: relative; left: 0px; top: -140px; }
#index_06 { width: 1198px; height: 240px; }
#index_07 { width: 1198px; height: 29px; }
#index_08 { width: 1198px; height: 370px; }
#index_09 { width: 1198px; height: 90px; }
#index_10 { width: 1198px; height: 29px; }

/* ********************************************************************************************* */
/* ESTRUCTURA CONTENIDO */
/* ********************************************************************************************* */

#index_03 div { position: relative; width: 50%; height: 28px; }
#index_03 div:nth-child(1) { padding-left: 6px; padding-top: 6px; text-align: left; } 
#index_03 div:nth-child(2) { left: 50%; top: -28px; } 
#index_03 a { font-size: 16px; color: #ffffff; font-weight: bold; }
#index_03 img { float: right; }

#index_04 { padding-top: 11px; padding-left: 6px; }
#index_04 span { font-size: 24px; color: #800000; font-weight: bold; cursor: default; }

#titfis, #titmat, #titbio { position: relative; height: 30px; border-radius:5px;
font-size: 16px; color: #ffffff; font-weight: bold; text-align: center; padding-top: 6px; 
}
#titfis a, #titmat a, #titbio a { color: #ffffff; }

@keyframes TIT_FIS
 {
 0% {opacity: 0;}
 93.3% {opacity: 0;}
 100% {opacity: 1;}
 }
@-webkit-keyframes TIT_FIS
 {
 0% {opacity: 0;}
 93.3% {opacity: 0;}
 100% {opacity: 1;}
 }
@keyframes TIT_MAT
 {
 0% {opacity: 0;}
 90% {opacity: 0;}
 100% {opacity: 1;}
 }
@-webkit-keyframes TIT_MAT
 {
 0% {opacity: 0;}
 90% {opacity: 0;}
 100% {opacity: 1;}
 }
@keyframes TIT_BIO
 {
 0% {opacity: 0;}
 80% {opacity: 0;}
 100% {opacity: 1;}
 }
@-webkit-keyframes TIT_BIO
 {
 0% {opacity: 0;}
 80% {opacity: 0;}
 100% {opacity: 1;}
 }

#titfis { left: 779px; top: -30px; width: 70px; background: #FF0000;
animation: TIT_FIS 12s linear 12s 1;
-webkit-animation: TIT_FIS 12s linear 12s 1;
}
#titmat { left: 854px; top: -60px; width: 120px; background: #EA7208;
animation: TIT_MAT 8s linear 12s 1;
-webkit-animation: TIT_MAT 8s linear 12s 1;
}
#titbio { left: 979px; top: -90px; width: 85px; background: #6F9A58; 
animation: TIT_BIO 4s linear 12s 1;
-webkit-animation: TIT_BIO 4s linear 12s 1;
}

#imgfis, #imgmat, #imgbio, #FOTO_1 { width: 1198px; height: 240px; }
#imgmat { position: relative; top: -240px; }
#imgbio { position: relative; top: -480px; }
#FOTO_1 { position: relative; top: -720px; }
#IMG_FIS, #IMG_MAT, #IMG_BIO, #IMG_F1, #IMG_F2 { position: relative; width: 0px; height: 0px; }

@keyframes PHOTO_0
 {
 0% {left: 0px; width: 1198px; height: 240px; opacity: 0;}
 5% {left: 0px; width: 1198px; height: 240px; opacity: 0;}
 35% {left: 0px; width: 1198px; height: 240px; opacity: 1;}
 75% {left: 0px; width: 1198px; height: 240px; opacity: 1;}
 95% {left: 948px; width: 250px; height: 0px; opacity: 0;}
 100% {left: 948px; width: 250px; height: 0px; opacity: 0;}
 }
@-webkit-keyframes PHOTO_0
 {
 0% {left: 0px; width: 1198px; height: 240px; opacity: 0;}
 5% {left: 0px; width: 1198px; height: 240px; opacity: 0;}
 35% {left: 0px; width: 1198px; height: 240px; opacity: 1;}
 75% {left: 0px; width: 1198px; height: 240px; opacity: 1;}
 95% {left: 948px; width: 250px; height: 0px; opacity: 0;}
 100% {left: 948px; width: 250px; height: 0px; opacity: 0;}
 }
#IMG_FIS
{
animation: PHOTO_0 4s linear 20s 1;
-webkit-animation: PHOTO_0 4s linear 20s 1;
}
#IMG_MAT
{
animation: PHOTO_0 4s linear 16s 1;
-webkit-animation: PHOTO_0 4s linear 16s 1;
}
#IMG_BIO
{
animation: PHOTO_0 4s linear 12s 1;
-webkit-animation: PHOTO_0 4s linear 12s 1;
}

@keyframes PHOTO_1
 {
 0% {left: 0px; width: 1198px; height: 240px; opacity: 0;}
 20% {left: 0px; width: 1198px; height: 240px; opacity: 1;}
 90% {left: 0px; width: 1198px; height: 240px; opacity: 1;}
 100% {left: 0px; width: 1198px; height: 240px; opacity: 0;}
 }
@-webkit-keyframes PHOTO_1
 {
 0% {left: 0px; width: 1198px; height: 240px; opacity: 0;}
 20% {left: 0px; width: 1198px; height: 240px; opacity: 1;}
 90% {left: 0px; width: 1198px; height: 240px; opacity: 1;}
 100% {left: 0px; width: 1198px; height: 240px; opacity: 0;}
 }
#IMG_F1
 {
 animation: PHOTO_1 6s linear 0s 1;
 -webkit-animation: PHOTO_1 6s linear 0s 1;
 }
#IMG_F2
 {
 animation: PHOTO_1 12s linear 0s 1;
 -webkit-animation: PHOTO_1 12s linear 0s 1;
 }

#menu { position: relative; top: -5px; left: 3px; }
#menu > div { display: inline; margin-right: 4px; }
.menu_2 { width: 16px; height: 20px; background: url(../images/menu_1.gif) 0 0; }
.menu_3 { font-size: 14px; color: #000000; vertical-align: -2px; }
.menu_1:hover .menu_2 { background-position: 0 -20px; }
.menu_1:hover .menu_3, .menu_4:hover .menu_3 { color: #ffffff; }
.menu_4:hover .menu_2 { background-position: 0 -40px; }
.menu_4:hover { cursor: default; }
.menu_5 { position: absolute; display: none; z-index: 1;
border: 1px solid #000000; background-color: #ffffff;  
padding-left: 2px; padding-right: 10px; padding-bottom: 15px; }
.menu_4:hover .menu_5 { display: block; }
#submenu_1 { left: 370px; }
#submenu_2 { left: 457px; }
#submenu_3 { left: 606px; }
#submenu_5 { left: 715px; }
.menu_6 { margin-bottom: -5px; }
.menu_7 { width: 16px; height: 15px; background: url(../images/menu_2.gif) 0 0; }
.menu_8 { font-size: 14px; color: #000000; vertical-align: -1px; }
.menu_6:hover .menu_7 { background-position: 0 -15px; }
.menu_6:hover .menu_8 { color: #800000; }

#recursos { position: relative; top: 0px; left: 10px; }
#recursos > img { border: 1px solid #800000; } 
#reservas { cursor: default; width: 104px; height: 64px; text-align: center;
position: absolute; top: 8px; left: 545px; z-index: 1; }
#reservas img { width: 96px; height: 64px; } 
#reservas:hover + div { display: block; }
#submenu_4:hover { display: block; }
#submenu_4 { top: 4px; left: 642px; z-index: 2; }

#index_10 { padding-top: 8px; padding-left: 10px; padding-right: 10px; 
font-size: 12px; color: #000000; text-align: center; }
#index_10 div { width: 50%; }
#index_10 a {color: #000000; }
#index_10 a:hover { color: #ffffff; }
#pie_1 { text-align: left; }
#pie_2 { text-align: right; position: relative; left: 50%; top: -14px; }

/* ********************************************************************************************* */
/* INDEX: CONTENIDO */
/* ********************************************************************************************* */

#ind_01 { width: 430px; height: 370px;}
#ind_02 { position: relative; left: 430px; top: -370px; width: 9px; height: 370px;}
#ind_03 { position: relative; left: 439px; top: -740px; width: 320px; height: 370px;}
#ind_04 { position: relative; left: 759px; top: -1110px; width: 9px; height: 370px;}
#ind_05 { position: relative; left: 768px; top: -1480px; width: 430px; height: 370px;}

#ind_01 { font-size: 16px; color: #404000; font-variant: small-caps; }
#ind_01 table { border-collapse: separate; border-spacing: 8px; }
#ind_01 a { color: #404000; }
#ind_01 a:hover { color: #cccc00; }
#tabla { position: relative; left: 10px; top: 10px; width: 408px; height: 350px;
padding-top: 11px; border-top: 1px solid #800000; border-bottom: 1px solid #800000;}

.celda_01, .celda_02, .celda_03, .celda_04, .celda_05, .celda_06, .celda_07 {
text-align: center; width: 64px; }
.celda_01, .celda_02, .celda_03, .celda_04, .celda_05 { height: 45px; }
.celda_06, .celda_07 { height: 98px; }
.celda_01 img { width: 28px; height: 28px; }
.celda_02 img, .celda_04 img, .celda_07 img { width: 32px; height: 32px; }
.celda_03 img { width: 50px; height: 36px; }
.celda_05 img, .celda_06 img { width: 40px; height: 40px; }
.celda_04, .celda_07 { background-color: #f0f0d2; }

.celda_11, .celda_12,.celda_13, .celda_14, .celda_15, .celda_16 {
 text-align: left; padding-left: 10px;  background-color: #f0f0d2; }
.celda_11, .celda_12, .celda_13, .celda_14, .celda_16  { height: 45px; }
.celda_15 { height: 98px; }
.celda_11 { width: 320px; }
.celda_12 { width: 120px; }
.celda_13, .celda_15 { width: 258px; }
.celda_14 { width: 334px; }
.celda_16 { width: 156px; }
.celda_13 img { height: 40px; }

.celda_01 a:hover, .celda_11 a:hover, .celda_12 a:hover, .celda_13 a:hover { cursor: pointer; } 

#docentes, #seminar_1, #seminar_2, #seminar_3,
#master_1, #master_2, #master_3, #master_4, #grupinv, #grupinv_1, #grupinv_2, #grupinv_3 {
position: relative; z-index: 2; background-color: #ffffff;}
#docentes, #seminar_1, #seminar_3,
#master_1, #master_2, #master_3, #grupinv, #grupinv_1, #grupinv_2, #grupinv_3 {
left: 10px; width: 408px;}
#master_4 {left: 82px; width: 336px;}
#seminar_2 { left: 82px; width: 336px;}
#docentes { top: -275px; }
#seminar_1 { top: -495px; }
#seminar_2 { top: -503px; }
#seminar_3 { top: -511px;}
#master_1 { top: -835px; }
#master_2 { top: -845px; }
#master_3 { top: -800px; }
#master_4 { top: -967px; }
#grupinv { top: -922px; }
#grupinv_1 { top: -1250px; }
#grupinv_2 { top: -1470px; }
#grupinv_3 { top: -1690px; }

#ind_03 div { position: relative; left: 10px; top: 10px; width: 300px; height: 350px;
border-top: 1px solid #800000; border-bottom: 1px solid #800000; padding-top: 13px; }
#ind_03 img { width: 300px; height: 322px; }

#ind_05 { padding-left: 10px; }
#ind_05 > div { width: 410px; height: 185px; }
#noticias { width: 410px; height: 161px; padding-left: 10px; padding-top: 10px;
border: 1px solid #800000; background-color: #fafaf0;
text-align: left; font-size: 14px; color: #000000; }
#noticias a {color: #808000; }
#noticias a:hover {color: #800000; }
#info { width: 40px; height: 15px; position: relative; left: 10px; top: -20px; z-index: 2; }
#izqda { width: 7px; height: 15px; position: relative; left: 356px; top: -30px; z-index: 2;}
#contador { width: 30px; height: 15px; position: relative; left: 363px; top: -45px; 
background-color: #ffffff; text-align: center; font-size: 12px; color: #800000; z-index: 2; }
#dcha { width: 7px; height: 15px; position: relative; left: 393px; top: -60px; z-index: 2; }

#logo, #youtube { width: 205px; height: 70px; text-align: center; }
#logo img { width: 100px; height: 50px; padding-top: 10px;}
#youtube img { width: 120px; height: 60px; padding-top: 5px;}
#youtube { position: relative; left: 205px; top: -70px; }
#icon { width: 190px; height: 90px; padding-top: 18px; text-align:center;
position: relative; top: -70px; }
#icon img { width: 60px; height: 60px; }
#correo { width: 220px; height: 90px; position: relative; left: 190px; top: -160px;
padding-top: 15px; text-align: left; font-size: 12px; color: #000000; line-height: 16px; }
#reloj { width: 410px; height: 15px; padding-right: 5px;
text-align: right; font-size: 12px; font-weight: bold;
position: relative; top: -160px; }
#fecha { color: #808000; }
#hora { color: #ff0000; }

/* ********************************************************************************************* */
/* DCI: ESTRUCTURA */
/* ********************************************************************************************* */

#dci_00 { width: 1198px; height: 700px; }
#dci_01 { width: 1198px; height: 30px; }
#dci_02 { width: 1198px; height: 100px; }
#dci_03 { width: 1198px; height: 470px; }
#dci_04 { width: 1198px; height: 100px; }
#dci_05 { width: 598px; height: 430px; }
#dci_06 { width: 600px; height: 430px; position: relative; left: 598px; top:-430px;}
#dci_07 { width: 605px; height: 670px; }
#dci_08 { width: 593px; height: 670px; position: relative; left: 605px; top: -670px; }
#dci_09 { width: 1198px; height: 570px; }
#dci_10 { width: 1198px; height: 670px; }
#dci_11 { width: 498px; height: 570px; }
#dci_12 { width: 700px; height: 570px; position: relative; left: 498px; top:-570px;}
#dci_13 { width: 485px; height: 670px; }
#dci_14 { width: 713px; height: 670px; position: relative; left: 485px; top: -670px;}

/* ********************************************************************************************* */
/* DCI: CONTENIDO */
/* ********************************************************************************************* */

#dci_01 { padding-left: 10px; padding-top: 5px; }
#navegacion { font-size: 14px; color: #808000; }
#navegacion a { color: #808000; }
#navegacion a:hover { color: #800000; }

@keyframes BLINK
 {
 0% { color: #ff0000;}
 50% { color: #ff0000;}
 51% { color: #f0f0d2;}
 100% { color: #f0f0d2;}
 }
@-webkit-keyframes BLINK
 {
 0% { color: #ff0000;}
 50% { color: #ff0000;}
 51% { color: #f0f0d2;}
 100% { color: #f0f0d2;}
 }

#blink
 {
 animation:  BLINK 1s linear 0s infinite normal;
 -webkit-animation:  BLINK 1s linear 0s infinite normal;
 }

#dci_02, #dci_04 { text-align: center; padding-top: 20px; }
#dci_02 img { width: 360px; height: 60px; }
#dci_04 img  { width: 100px; height: 50px;}
#dci_03 { padding-left: 100px; font-size: 16px; color: #000000; 
text-align: justify; line-height: 22px; cursor: default; }

#historia { width: 998px; height: 215px; }
#historia a {color: #000000; font-variant: small-caps;}
#historia a:hover {color: #808000}
#areas { width: 998px; height: 255px; padding-left: 108px; }
#areas table { border-collapse: separate; border-spacing: 8px;}
#areas td { height: 40px; font-variant: small-caps; border-radius:5px;}
.areas_1  { width: 250px; text-align: center;}
.areas_f  { background-color: #ff0000; }
.areas_m  { background-color: #ea7208; }
.areas_b  { background-color: #6f9a58; }
.areas_2, .areas_4 { width: 55px; text-align: center;}
.areas_3  { width: 187px; padding-left: 10px;}
.areas_1  { font-size: 24px;}
.areas_2, .areas_3, .areas_4 { font-size: 16px;}
.areas_1, .areas_4  { color: #ffffff; font-weight: bold;}
.areas_2, .areas_3 { background-color: #f0f0d2;}
.areas_2 img { height: 24px; }

#dci_05 { padding-left: 98px; }
#edpas_1 { width: 470px; height: 330px; }
#edpas_1 img { width: 100%; height: 100%; } 
#edpas_2 { width: 1198px; height: 100px; padding-top: 25px; text-align: center;}
#edpas_2 { position: relative; top:-430px; }
#edpas_2 img { width: 100px; height: 50px; } 

#dci_06 { padding-left: 30px; cursor: default; }
.edpas_1, .edpas_2, .edpas_3 { width: 470px; font-size: 14px; color: #000000; }
.edpas_1 a, .edpas_2 a, .edpas_3 a {color: #808000;}
.edpas_1 a:hover, .edpas_2 a:hover, .edpas_3 a:hover {color: #800000;}
.edpas_1 { height: 140px; }
.edpas_2 { height: 75px;}
.edpas_3 { height: 115px; }
.celda_2a { width: 470px; height: 25px; padding-left: 10px; padding-top: 5px; 
font-weight: bold; background-image: url(../images/celda_pdipas.gif); }
.celda_2b, .celda_2c { height: 95px; padding-top: 5px; padding-left: 10px; 
background-color: #f0f0d2; }
.celda_2d { height: 30px; padding-left: 10px; padding-top: 6px; 
background-color: #f0f0d2; }
.celda_2b { width: 370px; }
.celda_2c { width: 100px; position: relative; left: 370px; top: -95px; }
.celda_2b img { width: 20px; height: 20px; vertical-align: -5px;
 margin-top: 6px; margin-right: 10px; }
.celda_2c img { width: 85px; height: 85px; }

.ubic { background-image: url(../images/celda_granos.gif);
padding-left: 6px; padding-top: 5px; padding-right: 6px; padding-bottom: 3px; }

#dci_07 { padding-left: 22px; }
#prof_1 { width: 577px; height: 90px; padding-top: 30px; text-align: center; }
#prof_1 img { width: 360px; height: 60px; } 
#prof_2 { width: 577px; height: 580px; padding-top: 18px;}
#prof_2 div:nth-child(2) { position: relative; left: 287px; top: -532px;} 
#prof_2 table { border-collapse: separate; border-spacing: 3px; width: 290px;
border-top: 2px solid #800000; border-bottom: 2px solid #800000;}
#prof_2 td { width: 284px; height: 32px; background-color: #f0f0d2; text-align: left; 
padding-left: 10px; font-size: 14px; color: #404000; }
#prof_2 td.areaB { background-color: #6F9A58; color: #FFFFFF; font-weight: bold; }
#prof_2 td.areaM { background-color: #EA7208; color: #FFFFFF; font-weight: bold; }
#prof_2 a { color: #404000; }
#prof_2 a:hover { color: #cccc00; }
#www_2 { width: 30px; height: 30px; position: relative; top: -884px; left: 200px; }
#www_3 { width: 30px; height: 30px; position: relative; top: -655px; left: 530px; }
#dci_08 { padding-left: 18px; }
#prof_3 { width: 575px; height: 300px; padding-top: 50px; }
#prof_4 { width: 575px; height: 370px; padding-top: 10px; }
#prof_4 img { width: 550px; height: 330px; } 
#prof_3a { width: 550px; height: 30px; }
#prof_3a img { width: 100%; height: 100%; } 
#prof_3b { width: 550px; height: 190px; background-color: #f0f0d2; padding-top: 20px; }
#prof_3c { width: 90px; height: 170px; padding-left: 20px; }
#prof_3c img { width: 50px; height: 50px; }
#prof_3d { width: 340px; height: 170px; position: relative; left: 90px; top: -170px; 
font-size: 16px; color: #000000; line-height: 18px; }
#prof_3d img { width: 30px; height: 30px; vertical-align: middle; }
#prof_3d a { color: #808000; }
#prof_3d a:hover { color: #800000; }
#prof_3e { width: 120px; height: 170px; position: relative; left: 430px; top: -340px; 
padding-left: 10px;}
#prof_3e img { width: 100px; height: 100px; }

#grado_1 { width: 450px; height: 340px; position: relative; left: 100px; top: 0px; 
 font-size: 14px; color: #ffffff; font-weight: bold; }
#grado_1 img { width: 100%; height: 100%; }
#jim { position: absolute; left: 10px; top: 10px; color: #800000; }
#cero { position: absolute; left: 10px; top: 230px; }
#agr { position: absolute; left: 10px; top: 260px; }
#for { position: absolute; left: 10px; top: 280px; }
#inf { position: absolute; left: 10px; top: 300px; }
#min { position: absolute; left: 10px; top: 320px; }
#ele { position: absolute; right: 10px; top: 15px; }
#eli { position: absolute; right: 10px; top: 35px; }
#ene { position: absolute; right: 10px; top: 55px; }
#mec { position: absolute; right: 10px; top: 75px; }
#qii { position: absolute; right: 10px; top: 95px; }
#amb { position: absolute; left: 10px; top: 15px; }
#geo { position: absolute; left: 10px; top: 40px; }
#qui { position: absolute; left: 10px; top: 65px; }
#grado_1 a { color: #ffffff; }
#grado_1 a:hover { color: #800000; }
#grado_2 { width: 250px; height: 150px; position: relative; top: 15px; left: 100px;
text-align: center; padding-top: 65px; font-size: 20px; color: #000000; 
font-weight: bold; font-variant: small-caps; cursor: default; } 
#grado_3 { width: 200px; height: 150px; position: relative; left: 350px; top: -150px;
text-align: center; padding-top: 65px; }
#grado_3 img { width: 100px; height: 50px; } 
#grado_4 { width: 520px; height: 520px; position: relative; left: 605px; top: -640px;
overflow: auto; }
#asignaturas { width: 500px; height: 520px; } 
.celda_5a { width: 500px; height: 30px; }
.celda_5b { width: 400px; height: 30px; border-radius: 5px 0px 0px 0px;
            background-color: #cccc66; padding-left: 10px; padding-top: 7px;
            font-size: 16px; color: #000000; font-weight: bold; font-variant: small-caps; }
.celda_5c { width: 100px; height: 30px; background-image: url(../images/celda_granos.gif); 
            border-radius: 0px 5px 0px 0px; padding-left: 20px; padding-top: 7px; 
            font-size: 14px; color: #808000; position: relative; left: 400px; top: -30px;}
.celda_5d { width: 500px; height: 70px; }
.celda_5e { width: 400px; height: 70px; background-color: #f0f0d2; padding-left: 10px; 
            border-radius: 0px 0px 0px 5px; padding-top: 12px; line-height: 24px;}
.celda_5e1 { font-size: 16px; color: #808000; font-weight: bold; }
.celda_5e2 { font-size: 16px; color: #800000; font-weight: normal; }
.celda_5e3 { font-size: 14px; color: #000000; font-weight: normal; }
.celda_5e img { float: right; padding-right: 10px; height: 30px; }
.celda_5f { width: 100px; height: 70px; background-color: #f0f0d2; position: relative; 
            left: 400px; top: -70px; padding-top: 10px; padding-left: 20px; 
            border-radius: 0px 0px 5px 0px; }
.celda_5f img { height: 50px; }
.celda_5g { width: 500px; height: 15px; }

#dci_10 table { border-collapse: separate; border-spacing: 2px; }
#mast_1 { width: 1068px; height: 90px; padding-top: 50px; margin-left: 50px; }
#mast_2 { width: 1100px; height: 430px; padding-top: 3px; overflow: auto; margin-left: 50px; }
#mast_3 { width: 1068px; }
#mast_1, #mast_3 { font-size: 16px; color: #000000; }
#mast_1 td { height: 40px; background-color: #FFFFC0; border: 1px solid #000000; }
#mast_3 td { height: 40px; border: 1px solid #000000; }
.mast0 { background-color: #C0C0C0; width: 1050px; padding-left: 10px; }
.mast1, .mast2, .mast4 { text-align:center; }
.mast1 { width: 229px; }
.mast2 { width: 75px; }
.mast3 { width: 550px; padding-left: 5px; padding-right: 5px; }
.mast4 { width: 50px; }
#mast_4 { width: 850px; height: 150px; padding-left: 275px; padding-top: 50px; }
#mast_4 img { width: 500px; height: 50px; }
#mast_5 { width: 250px; height: 150px; position: relative; top: -150px; left: 850px; 
text-align: center; padding-top: 65px; font-size: 20px; color: #000000; font-weight: bold; 
font-variant: small-caps; cursor: default; } 

#esp_1 { width: 633px; height: 400px; padding-left: 133px; }
#esp_1 img { width: 434px; height: 395px; } 
#esp_2 { width: 633px; height: 170px; padding-left: 300px; padding-top: 50px; }
#esp_2 img { width: 100px; height: 50px;}
#esp_3 { width: 432px; height: 570px; position: relative; left: 633px; top: -570px; }
.esp { width: 432px; font-size: 16px; color: #000000; line-height: 16px; }
.esp a {color: #808000;}
.esp a:hover {color: #800000;}
.celda_6a { width: 432px; height: 30px; background-image: url(../images/celda_esp.gif); 
margin-bottom: 5px; padding-left: 10px; padding-top: 7px; font-weight: bold; }
.celda_6b, .celda_6d { height: 100px; margin-bottom: 5px; 
background-color: #f0f0d2; padding-left: 10px; padding-top: 7px;}
.celda_6b { width: 432px; }
.celda_6c { width: 432px; height: 100px; overflow: auto; margin-bottom: 5px; }
.celda_6d { width: 412px; }
.celda_6b span:first-of-type, .celda_6d span:first-of-type { color: #808000; 
font-weight: bold; font-variant: small-caps; }
.celda_6b img, .celda_6d img { width: 20px; height: 20px; vertical-align: -5px; }

#listin_1 { width: 498px; height: 380px; padding-left: 98px; }
#listin_1 img { width: 350px; height: 380px; }
#listin_2 { width: 498px; height: 190px; padding-top: 30px; padding-left: 223px; }
#listin_2 img { width: 100px; height: 50px; }
#listin_3, #listin_4 { cursor: default; color: #000000; }
#listin_3 { width: 600px; height: 380px; padding-top: 30px; line-height: 20px; 
font-size: 16px; font-weight: bold; }
#listin_3 a { color: #000000 }
#listin_3 a:hover { color: #808000 }
#listin_4 { width: 600px; height: 190px; padding-left: 75px; padding-top: 50px; font-size: 48px; }
.listin { color: #800000; font-weight: bold; }

#dci_14 > div { position: relative; left: 8px;  }
#ubi_01 { width: 685px; height: 80px; top: 10px; border: 1px solid #E0E0D2;
background-color: rgb(240,240,210); border-radius:5px; }
#ubi_01 div { position: relative;  height: 30px; width: 150px; border-radius:5px; 
font-size: 14px; color: #ffffff; font-variant: small-caps; text-align: center; padding-top: 6px; }
#ubi_01 [id^='opc'] { box-shadow: 3px 4px 12px #808000; }
#ubi_01 a { color: #ffffff; }
#ubi_01 a:hover { color: #000000; }
#opc_1 { top: 6px; left: 20px; background: #800000; }
#opc_2 { top: -24px; left: 185px; background: #800000; }
#opc_3 { top: -54px; left: 350px; background: #800000;}
#opc_4 { top: -84px; left: 515px; background: #2E75B6; }
#opc_5 { top: -78px; left: 20px; background: #FF0000;  }
#opc_6 { top: -108px; left: 185px; background: #EA7208; }
#opc_7 { top: -138px; left: 350px; background: #6F9A58; }
#opc_8 { top: -168px; left: 515px; background: #2E75B6; }
#tooltip { top: -160px; left: 238px; background-color: black; z-index: 3; visibility: hidden; 
cursor: default; }
#tooltip::after { content: " "; position: absolute; top: -10px; left: 18px;
border-width: 5px; border-style: solid; border-color: transparent transparent black transparent; }
#ubi_01:hover #tooltip { visibility: visible; }
#ubi_02 { width: 685px; height: 550px; top: 20px; padding-top: 4px; padding-left: 4px;
border: 1px solid #800000; }
#plano { width: 675px; height: 540px; }
.plano { width: 0px; height: 0px; visibility: hidden; }
#sitio { position: relative; left: 0px; top: -545px; z-index: 2; visibility: hidden; }
#sitio img { width: 32px; height: 32px; }

@keyframes WINK
 {
 0% { opacity: 0;}
 60% { opacity: 1;}
 100% { opacity: 0;}
 }
@-webkit-keyframes WINK
 {
 0% { opacity: 0;}
 60% { opacity: 1;}
 100% { opacity: 0;}
 }

#casa
 {
 animation:  WINK 1s linear 0s infinite normal;
 -webkit-animation:  WINK 1s linear 0s infinite normal;
 }

#dci_13 { padding-left: 20px;}
#dci_13 > div { border: 1px solid #E0E0D2; background-color: rgb(240,240,210); border-radius:5px; }
#dci_13 div { position: relative; text-align: center; }
#ubi_03 { width: 455px; height: 80px; left: 0px; top: 10px; padding-top: 15px;}
#ubi_04 { width: 225px; height: 70px; left: 0px; top: 15px; padding-top: 15px;}
#ubi_05 { width: 225px; height: 160px; left: 0px; top: 20px; padding-top: 55px;}
#ubi_06 { width: 225px; height: 160px; left: 0px; top: 25px; padding-top: 45px;}
#ubi_07 { width: 225px; height: 160px; left: 0px; top: 30px; padding-top: 55px;}
#ubi_08 { width: 225px; height: 70px; left: 230px; top: -535px; padding-top: 15px;}
#ubi_09 { width: 225px; height: 160px; left: 230px; top: -530px;}
#ubi_10 { width: 225px; height: 160px; left: 230px; top: -525px;}
#ubi_11 { width: 225px; height: 160px; left: 230px; top: -520px;}
#dci_13 a:not([target]) { cursor: default; }
.ubi_1, .ubi_3 { font-weight: bold; font-size: 16px; text-shadow: 3px 4px 12px #808000; }
.ubi_3 { width: 40px; height: 158px; position: relative; left: 15px; text-align: center; 
padding-top: 10px; line-height: 17px; }
.ubi_3 span { font-size: 20px; }
.ubi_1 a, .ubi_3 a { color: #800000; }
.ubi_1 a:hover, .ubi_3 a:hover { color: #ffffff; }
.ubi_2 img { width: 75px; margin-top: 10px; }
.ubi_4, .ubi_5 { width: 120px; height: 25px; position: relative; left: 70px; padding-top: 3px; 
font-size: 14px; text-align: center; }
.ubi_4 { background-color: #cccc66; }
.ubi_5 { background-color: #800000; }
.ubi_4 a { color: #000000 }
.ubi_5 a { color: #cccc66; }
.ubi_4 a:hover, .ubi_5 a:hover { color: #ffffff }
.ubi_6 { top: -151px; }
.ubi_7 { top: -146px; }
.ubi_8 { top: -141px; }
.ubi_9 { top: -136px; }
.ubi_X { top: -131px; }

.google { font-size: 16px; text-align: center; font-variant: small-caps; }
.google a { color: #808000 }
.google a:hover { color: #800000 }

#pend_0 { width: 900px; height: 485px; position: relative; left: 150px; top: 10px; 
overflow: auto; }
#pend_1 { width: 850px; height: 1185px; font-size: 14px; color: #000000; 
text-align: justify; line-height: 16px; overflow: hidden; }
#pend_2i { width: 400px; height: 1185px; }
#pend_2d { width: 400px; height: 1185px; position: relative; left: 450px; top: -1185px; }
#pend_3i, #pend_3d { width: 400px; height: 200px; }
#pend_3i img { width: 80px; height: 100px; float: left; margin-right: 20px; margin-bottom: 100px; }
#pend_3d img { width: 130px; height: 200px; float: left; margin-right: 20px; }
.pend_4 { width: 400px; height: 300px; }
.pend_4 img { width: 400px; height: 280px; margin-top: 5px; }
.pend_5 { width: 400px; height: 200px; padding-top: 5px; }
.pend_6 { width: 400px; height: 185px; }
.pend_6 img { width: 80px; height: 40px; margin-top: 15px; margin-left: 160px; }
.simbolo { font-family: Symbol; }

#bio_1 { width: 498px; height: 400px; padding-left: 30px;}
#bio_1 img { width: 434px; height: 395px; } 
#bio_2 { width: 498px; height: 170px; padding-left: 197px; padding-top: 20px; }
#bio_2 img { width: 100px; height: 50px; } 
#bio_3 { width: 670px; height: 570px; font-size: 16px; color: #000000; cursor: default; }
.bio_4 { color: #800000; font-weight: bold; }
.bio_5 a {color: #808000; }
.bio_5 a:hover {color: #800000; }

/* ********************************************************************************************* */
/* CALENDARIX */
/* ********************************************************************************************* */

#cal1 { width: 1198px; height: 100px; text-align: center; padding-top: 20px;}
#cal1 img { width: 360px; height: 60px; }

#cal2 { width: 490px; height: 400px; padding-left: 190px; padding-top: 40px; }
#cal2 img { width: 300px; height: 322px; }

#cal3 { width: 490px; height: 170px; padding-left: 190px; text-align: center; padding-top: 10px; }
#cal3 img { width: 100px; height: 50px; }

#cal4 { width: 460px; height: 460px; position: relative; left: 548px; top: -535px; }

#cal5 { width: 460px; height: 25px; text-align: right; font-family: Tahoma; 
font-size: 24px; color: #ff0000; }

#cal6 { width: 460px; height: 260px; padding-top: 50px; text-align: center; }
#cal6 input { width: 100px; text-align: center; }

.titlefont, .menufont {color: #000000; font-size: 14px; line-height: 16px; }
.menufont a {color: #000000}
.menufont a:hover {color: #808000}

#cal7 { width: 460px; height: 60px; padding-top: 25px; padding-left: 180px; }
#cal7 img { width: 100px; height: 35px; }