html,body{margin:0;padding:0}
a{
   text-decoration: none;
}
a:hover{
   text-decoration: underline;
}
body{
   font: 100% arial,sans-serif;
   background: #eee;
}
h1,h2,h3,h4 {
   font-family:'Open Sans Condensed',sans-serif;
   font-weight: normal;
}

div#deadline{
   text-align: right;
   float: right;
   color: #600;
   font-weight: bold;
   border: medium double #960;
   padding: 3px;
   background: #ffc;
}

#top_banner{
   height: 150px;
   width: 980px;
   margin: 0 auto 0 auto;
   background: #fff;
   background-image: url(../img/doki_cme2023_top.png);
   background-position: bottom center;
   background-repeat: no-repeat;
   background-size: 100%;
   border-left: 2px solid #dcc;
   border-right: 2px solid #dcc;
   padding-top: 25px;
}

#hoja0{
   width: 980px;
   margin: 0 auto 20px auto;
   border-left: 2px solid #dcc;
   border-right: 2px solid #dcc;
   border-bottom: 6px solid #dcc;
   background: #fff;
}

#hoja{
   width: 980px;
   margin: 0 auto 20px auto;
   border-left: 2px solid #dcc;
   border-right: 2px solid #dcc;
   border-bottom: 6px solid #dcc;
   background: #fff;
   background-repeat: no-repeat;
   background-position: center;   
}

div#container{
   width:960px;
   margin:0 auto 30px auto;
}

div#content{
   float:right;
   width:640px;
}

div#header{
   margin-bottom: 6px;
   padding-top:25px;
   font-family: sans-serif;
   font-size: 12pt;
}
div#header ul{
   list-style: none;   
   display: inline;
   padding: 0;   
}
div#header li{
   display: inline;
}
div#header a,div#header a:visited{
   color: #333;
   margin-right: 20px;
   border-bottom: 1px solid #ccc;
}
div#header a:hover{
   background: #eee;
   border-bottom: 2px solid #c99;
}
div#header .actual{
   border-bottom: 5px solid #600;
}

div.titulos{
   text-align: center;
   margin-bottom: 5px;
   margin-top: 25px;
   border-bottom: 1px solid #eee;
   padding-bottom: 10px;
   width: 720px;
   margin: 25px auto 5px auto;
}
div.titulos h1,h2,h3,p{
   padding: 0;
   margin: 0 0 15px 0;
}
div.titulos h1{
   font-size: 32pt;
   color: #000;
   margin-top: 60px;
}
div.titulos h2{
   font-size: 24pt;
}
div.titulos h3{
   font-size: 16pt;
}

div.titulos p{
   font-family: serif;
   font-size: 10pt;
   color: #633;
   width: 66%;
   margin: auto;
}

div.titulos a.silencioso{
   color: inherit;
}

div#izda{
   float:left;
   width:280px;
}


div.separador{
   clear:both;
   width:99%;
   height: 30px;
   border-bottom: double #ccc;
}

div#ancho{
   color: #333;
   margin-left: 30px;
}
div#ancho div#descripcion{
   line-height: 150%;
   font-family: serif;
   padding: 10px 10px 20px;
}
div#ancho div#descripcion p{
   /*margin-bottom: 6px;*/
   margin-bottom: 0;
   color: #666;
   text-align: justify;   
}

/*div#ancho div#descripcion p:first-letter{
   font-size: 130%;
   font-weight: bold;
}
*/

div#cinco_logos{
   width: 980px;
   height: 163px;
   margin: 10px auto 10px auto;
   background: #fff;
   background-image: url(../img/doki_cme2023_pie.png);
   background-repeat: no-repeat;
   background-position: center;      
   background-size: 100%;
}

div#footer{
   border-top: 1px solid #666;
   margin: 10px;
   padding-top: 10px;
   text-align: center;
   font-size: 10pt;
}
div#footer a{
   color: #600;
}
div#footer a:hover{
   text-decoration: underline;
}


div.pagemenu{
   width: 95%;
   text-align: right;   
}
div.pagemenu ul{
   padding: 6px;
   font-size: 90%;
}

div.pagemenu a{
   color: #930;
}
div.pagemenu a:hover{
   font-weight: bold;
}

div#bloque{
   color: #333;
   margin-left: 30px;   
}

div#bloque div.seccion{
   font-family: serif;
   color: #666;
   line-height: 150%;
}
div#bloque div.seccion p{
   margin-bottom: 12px;
   text-align: justify;
   width: 95%;
}

div#bloque div.seccion a{
   text-decoration: underline;
   color: #630;
}
   
div#bloque div.seccion a.externos,div#bloque div.seccion a.externos:visited{
   text-decoration: none;
   color: #963;
   font-weight: bold;
}
div#bloque div.seccion a.externos:before{
   content: url("../img/enlace_externo.png");
   padding-right: 3px;
}
div#bloque div.seccion a.externos:hover{
   text-decoration: underline;
}
   
div#bloque div.seccion p.titular{
   font-size: 130%;
   font-weight: bold;
   color: #933;
   margin-left: -10px;
   margin-top: 16px;
   margin-bottom: 10px;
   color: #00939d;
}

div#bloque div.seccion table{
   width: 40%;
   margin: 30px auto 30px auto;
   border: 1px solid #930;
   color: #000;
   font-family: serif;
   font-size: 14pt;
}
div#bloque div.seccion th{
   background: #fc9;
   text-align: right;
   padding-right: 5px;
   padding-bottom: 5px;
}
div#bloque div.seccion td{
   text-align: right;
   padding-right: 5px;
   padding-bottom: 5px;
}


ul#prog{
   font-family:'Open Sans Condensed',sans-serif;
   padding: 10px;

   background-color: #FFF6E2;
   border-style: solid;
   border-width: 1px 1px 3px 1px !important;
   border-color: #B79482 !important;

   width: 93%;
   margin: 0 auto 10px auto;
   font-size: 14pt;
}

ul#prog li>ol>li{
   text-indent: -2.3em;
   margin-left: 2.3em;
}

ul#prog .speaker{
   font-size: 13pt !important;
   font-weight: bold !important;
   padding-left: 5px;
   color: #666 !important;
   white-space: nowrap;
}

ul#prog .speaker:before{
   content: "(";
}
ul#prog .speaker:after{
   content: ")";   
}


ul#prog .chair{
   font-size: 13pt !important;
   font-weight: bold !important;
   padding-left: 5px;
   color: #666 !important;
   white-space: nowrap;
}

ul#prog .chair:before{
   content: "(Chair: ";
}
ul#prog .chair:after{
   content: ")";   
}

ul#prog .introductor{
   font-size: 13pt !important;
   font-weight: bold !important;
   padding-left: 5px;
   color: #666 !important;
   white-space: nowrap;   
}

ul#prog .introductor:before{
   content: "(Introduced by ";
}
ul#prog .introductor:after{
   content: ")";   
}




ul#prog .comillas:before{
   content: open-quote;
}
ul#prog .comillas:after{
   content: close-quote;
}
ul#prog .descanso{
   font-size: 11pt;
   font-style: italic;
}
ul#prog .superdescanso{
   font-size: 14pt;
   font-style: italic;
}


ul#prog .xspeaker{
   font-size: smaller;
   padding-left: 5px;
   font-weight: bold;
   color: #000 !important;
}

ul#prog .xspeaker:before{
   content: "(";
}
ul#prog .xspeaker:after{
   content: ")";   
}


p.dia{
   color: #900;
   margin-top: 32px;
   border-bottom: 1px dotted #006;
   text-align: right !important;
   font-weight: bold;
}
p.postdia{
   margin-top: 22px;
   font-weight: bold;
   text-align: center !important;
   font-size: 18pt;
   color: #000;
}

ul#prog .lecture{
   padding-bottom: 15px;
}

ul#prog .lecture span{
   font-weight: bold;
}
ul#prog .lecture span.speaker{
   font-weight: normal;
}

ul#prog .principal{
   font-size: 100%;
}

ul#prog .intermedio{
   color: #300;
   margin-top: -20px;
   padding-bottom: 10px;
   font-weight: bold;
}
ul#prog span.hora{
   font-style: normal;
   padding-right: 10px;
   font-weight: bold;
   font-size: 11pt;
   color: #600;
}
ul#prog span.momento{
   color: #060;
}


ul#prog ol{
   list-style-type: none;
   list-style-position: inside;
   margin-left: 16px;
   margin-bottom: 30px;
}

ul#prog ol p.parte{
   margin-top: 16px;
   margin-bottom: 10px;
   margin-left: 30px;
   color: #000;
   font-weight: bold !important;
   font-size: 110%;
}
ul#prog ol p.parte span{
   font-weight: bold !important;
   font-size: 14pt;;
}

ul#prog ol li{
   font-family:'Open Sans Condensed',sans-serif;
   font-weight: bold;
   padding-left: 30px;
   padding-bottom: 11px;
}

div#pic_info{
   margin-top: 20px;
   font-size: 11pt;
   color: #963;
   text-align: center;
}

div#frase_imbrain{
   text-align: center;
   margin: 0;
}

div#bajo_hoja{
   width: 551px;
   margin: auto;
   border-top: 2px solid #666;
   padding-top: 10px;
   height: 390px;
}

div#adicional{
   text-align: center;
}

a.destacado{
   border: 1px solid #c99;
   display: block;
   padding: 4px;
   font-size: 14pt;
   font-family: sans-serif;
   text-decoration: none !important;
   text-align: center;
   width: 50%;
   color: #633;
   margin: 4px auto 4px auto;
   font-weight: bold;
   background: #fe6;
}

div#about_prog{
   color: #666;
   font-size: 10pt;
   font-family: sans-serif;
   line-height: normal;
   margin-bottom: 10px;
}

#centro{
   background-image: url("../img/doki_cme2024_garachico.jpg");
   background-position: 270px 40px;
   background-size: 630px 415px;
   background-repeat: no-repeat;
}

ul#ponentes{
   font-family:'Open Sans Condensed',sans-serif;
   font-weight: bold;
   color: #0069bd;
   list-style: none;
   font-size: 15pt;
   line-height: 150%;
   margin: 40px auto 30px auto;
   padding: 10px;
   background-color: #fff;
   float: left;
}
ul#ponentes>li>span.pais{
   font-size: 11pt;
   color: #666;
   font-style: italic;
   padding-left: 2px;
}
/* ul#ponentes>li>span.pais::before{
   content: " [ ";
   color: #630;
   font-style: normal;
}
ul#ponentes>li>span.pais::after{
   content: " ]";
   color: #630;
   font-style: normal;
} */
.subtitular{
   color: #963;
   font-weight: bold;
}

#click_map{
   margin-top: 12px;
   box-shadow: 6px 6px 4px 2px #999;
   border: 1px solid #fff;
}
#click_map:hover{
   box-shadow: none;
   border: 1px solid #963;
}

li>span.comillas{
   line-height: 200%;
}

img.hotel_principal{
   width: 102%;
   margin: 12px auto auto auto;
   border-radius: 20px;
}

div.mapa_principal{
   width: 425px;
   margin-left: auto;
   margin-right: auto;
}

div.hotel{
   border: 1px solid #999;
   border-radius: 20px;
   width: 80%;
   margin: 5px auto 10px auto;
   font-size: 9pt;
   font-family: sans-serif;
   color: #333;
   padding: 20px;
   background: #ebd7ac;
}

div.hotel .nombre{
   font-size: 14pt;
   color: #633;
}
div.hotel span.estrellas{
   padding-left: 8px;
   color: #393;
   font-size: smaller;
}
div.hotel span.estrellas:before{
   content: "(";
}
div.hotel span.estrellas:after{
   content: ")";
}

div.hotel .direccion{
   color: #369;
   padding-left: 10px;
}
div.hotel .tlf{
   color: #363;
   padding-left: 10px;
}
div.hotel .web a{
   padding-left: 10px;
   text-decoration: none !important;
   font-size: 11pt;
}
div.hotel .web a:hover{
   text-decoration: underline !important;
}
div.hotel .web img{
   padding-left: 3em;
   vertical-align: middle;
}

div.hotel table{   
   border: 1px solid #fcc !important;
   width: 200px !important;
   font-size: 10pt !important;
   line-height: normal !important;
   margin: 10px 0 10px 10px !important;
}

div.hotel th{
   font-weight: bold;
   text-align: left !important;
   background: none !important;
   padding-left: 5px;
}
div.hotel .euros:after{
   padding-left: 4px;
   content: "€";
   font-family: sans-serif;
   font-weight: bold;
}
div.hotel .nota1:before{
   padding-left: 10px;
   padding-right: 5px;
   content: "*";   
}
div.hotel .nota2:before{
   padding-left: 10px;
   padding-right: 5px;
   content: "**";
}
div.hotel .nota1, div.hotel .nota2{
   color: #600;
   padding-left: 20px;
   line-height: normal;
}
div.hotel .booking{
   margin-top: 10px;
}

div.hotel .booking span.email{
   color: #600;
   text-decoration: underline;
}
div.hotel .booking span.resaltado{
   font-weight: bold;
}

div.otros_hoteles{
   font-weight: bold;
}
div.otro_hotel{
   background: #c3d8d9;
   width: 80%;
   margin: 10px auto 10px auto;
   border: 1px solid rgb(48, 28, 12);
   border-radius: 14px;
   margin-bottom: 6px;
   padding: 10px;
   font-size: 11pt;
   font-family: sans-serif;
   font-weight: normal !important;
}
div.otro_hotel .nombre{
   font-weight: bold;
   font-size: 14pt;
   color: #966;
}
div.otro_hotel span.estrellas{
   padding-left: 8px;
   color: #393;
   font-size: smaller;
}
div.otro_hotel span.estrellas:before{
   content: "(";
}
div.otro_hotel span.estrellas:after{
   content: ")";
}
div.otro_hotel .direccion{
   color: #369;
   padding-left: 10px;
}
div.otro_hotel .tlf{
   color: #363;
   padding-left: 10px;
}
div.otro_hotel .web a{
   padding-left: 10px;
   text-decoration: none !important;
}
div.otro_hotel .web a:hover{
   text-decoration: underline !important;
}
div.otro_hotel .web img{
   vertical-align: middle;
   padding-left: 1em;
}
span.hotel_municipio{
   font-family: 'Courier New', Courier, monospace;
   font-size: smaller;
   padding-left: 1em;
}

p#pie_de_foto{
   padding-top: 460px;
   padding-left: 450px;
   font-size: 11pt;   
   color: rgb(79, 129, 146);
}

.era_promo{
	margin-top: 3em;
  	border-top: 1px solid #666;
  	text-align: center;    
  }

.era_promo h3{
  font-family: serif;
  font-weight: bold;
  font-size: 16pt;
}
.era_promo h4{
  font-family: serif;
  font-size: 13pt;
}
.era_promo h5{
  font-family: serif;
  font-size: 11pt;
}

.era_promo p{
  font-family: sans-serif;
  font-size: 13pt;
}