@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; font-family: Helvetica; font-size:12px; color:#333; background:#e2e2e2; }
#head { height:40px;background: #d7e1ea url(../images/logoCame2.png) no-repeat left top; margin-bottom:5px; border-bottom:3px solid #71a8d2}
#mapa { border:2px solid #999999; margin:5px 5px 3px 5px; background:#FFF; overflow:hidden }
#submapa { width:700px; text-align: center; margin-left:5px}

#lista { position:absolute; top: 80px; left:750px;}
#lista .titulo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;}
#lista ul { list-style: none; }
#lista li { margin-bottom:5px; font-size:16px; }
#lista li a { color: #003366; font-size:11px; padding:2px 5px 2px 5px ; background:#CCCCCC; margin-left:10px }

.desc_camara { border:1px solid #666; padding:4px; margin:10px 0; background:#FFF;}
.eventos { border:1px solid #666; padding:10px ;margin:10px 0; background: #FFFF99;}

UL#actividades { list-style:none; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; }
UL#actividades li { border-top: 1px dotted #333; padding:4px;  }
UL#actividades li .tit { font-size:16px; font-weight:bold; margin-bottom:5px;}
UL#actividades li .desc{ font-size:12px; margin-left:30px; color:#333 }
UL#actividades li .fecha { font-size:10px; color: green; }
UL#actividades li .links { margin-left:30px; color:blue; cursor: pointer; font: Verdana, Arial, Helvetica, sans-serif; font-size:12px;  }


#buscador_camaras { position:absolute; top: 50px; left:715px; border:1px solid #CCCCCC; background:#FFF; padding:5px; width:auto; overflow-y: scroll;}

#listado_camaras, #listado_provincias,#buscadortotal { position:absolute; top: 93px; left:715px; border:1px solid #CCCCCC; background:#FFF; padding:5px; width:auto; overflow-y: scroll;}
#listado_camaras ul { list-style:none; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:0px; margin:0;}

#listado_camaras ul li { font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;cursor: pointer; padding:3px; border-bottom:1px solid #CCCCCC}
#listado_camaras ul li span.nombre { font-size:14px  !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold !important; color:#333;}



#listado_provincias ul li span.nombre { font-size:14px  !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold !important; color:#333;}
#listado_provincias ul li.camara { overflow:hidden; height:18px}
#listado_provincias ul li.otras { background: #CFFFCA}

#listado_provincias ul { list-style:none; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:0px; margin:0;}

#listado_provincias ul li { font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;cursor: pointer; padding:3px; border-bottom:1px solid #CCCCCC; margin-left:10px}
#listado_provincias ul li span.nombre { font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color:#333;}




#listado_camaras .ciudad { margin-left:5px;  font-size:11px; color:#999999; font-weight:normal; float:right}
#buscador_camaras { background:#ddd; border:1px solid #ccc;padding:5px; margin-bottom:5px; overflow:hidden;}
#buscador_camaras input { width:200px;border:1px solid #ccc; padding:2px; font-size:14px; color: #333; }

#infototal { position:absolute; top: 93px; left:715px; border:1px solid #CCCCCC; background:#FFF; padding:5px; width:auto; overflow-y: scroll; }

/* 
color Camara: bb4b4b
color Federacion: 4160b8
*/
#infototal .titulo { font-size:24px; font-weight:bold; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:50px; margin-top:10px}
#infototal .perteneciente { font-size:12px; font-weight:normal; color:#666; margin-left:50px}
#infototal .datos { font-size:12px; font-weight:nomral; color:#333; margin:10px 0px 10px 20px; border-top:1px dotted #ccc;  border-bottom:1px dotted #ccc;padding:5px 0 5px 0 }
#infototal .obs { font-size:12px; font-weight:normal; color:#666; margin:10px 0px 10px 20px }
#infototal .integrantes { color: #0033CC; cursor:pointer; margin-left:20px; }
#infototal #integrantes { margin: 10px 0px 10px 20px; padding:10px; border:1px solid #e2e2e2; background: #F5F5F5; display: none}
#integrantes .int { margin-bottom:1px; border-bottom: 0px dotted #ccc; padding:4px 0 4px 0px}



#eventos input { font-size:11px; padding:2px;}
#buscadoreventos { margin: 5px 0 5px 0;  padding: 5px ; border-bottom: 1px #028d01 dotted; border-top: 1px #028d01 dotted; background:#a4e58c;}

#anuncio { padding:10px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; width:60%; text-align:center; margin:40px;}

#eventocontent { padding-left:50px; padding-top:5px; border-bottom:1px dotted #ccc; background-image:url(../images/read.png); background-repeat:no-repeat; background-position: 0 5px}

#eventos { background:#f5f5f5; border:1px solid #e2e2e2; padding:10px; margin:15px 0px 5px 15px; }
#eventos .titloevento { font-size:24px; color:#666666; font-weight:normal; position:relative; top:10px; left: 20px; font-family: Helvetica;}

#eventos .tituloevento { font-family:helvetica; font-size:16px; font-weight:bold; color:#333; margin-bottom:3px} 
#eventos .textocortoevento { font-family:helvetica; font-size:11px; color:#555; } 
#eventos .textolargoevento  { font-family:helvetica; font-size:11px; color:#555;display:none;} 
#eventos .fechahoralugar { font-size:11px; color:#006633; font-family:Helvetica; padding: 5px 0 }
#eventos .linkevento { font-size:11px; color: #0033CC; font-family:Helvetica;padding: 5px 0  }
#eventos .leer { font-size:10px; color:#bb4b4b; cursor:pointer; font-family: arial}
#eventos .categoriaevento { font-size:12px; color:#666; font-weight:normal; margin-left:10px}


.tog { position:absolute; bottom: 3px; left:715px; border:0px solid #028d01; border-bottom:0px; padding:4px; text-align:right; cursor: pointer; font-size:12px; color:#blue; text-decoration:underline}