* {margin:0px ; padding:0px ; border:0px}
body {heigth: 100%; text-align: center} %centra la web en todos los navegadores


#global     {width:800px ; margin:4px auto; padding:0px ; border:0px ; align:center auto}



.menusolido{align:center; margin:0; padding:0; font:bold 12px Arial; width:800px;  border:1px solid #cccccc; border-widt:1px 0; background: url(objetos/menublanco.jpg) center center repeat-x; margin-bottom:20px; padding-left:30px}

.menusolido li {display:inline;;list-style:none;}
.menusolido li a {float:left; color:#000000; padding:9px 7px; text-decoration:none; border-right:1px solid white;}
.menusolido li a:visited {color:#000000}
.msv a:hover {color:#000000; background:transparent url(objetos/menuverde1.jpg) center center repeat-x; }
.msm a:hover {color:#000000; background:transparent url(objetos/menuverde2.jpg) center center repeat-x; }
.msa a:hover {color:#000000; background:transparent url(objetos/menucian2.jpg) center center repeat-x; }
.msvi a:hover{color:#000000; background:transparent url(objetos/menuceleste.jpg) center center repeat-x; }
.msb a:hover {color:#000000; background:transparent url(objetos/menuazul2.jpg) center center repeat-x; }
.mst a:hover {color:#000000; background:transparent url(objetos/menuvioleta2.jpg) center center repeat-x; }

.pie {margin:0; padding:0; width:799px; height:30px;  border:1px solid #000000; border-widt:1px 0; margin-bottom:20px; padding-left:0px; text-align:left; text-indent:20px; background:#000000 }

.menulateral {width:154px; text-align:left; font:bold 12px Arial; margin-rigth:10px; padding:0px 5px 0px 5px; align:top;}
.menulateral li {list-style:none; margin: 0px 2px 0px 0px;}
.menulateral a {font:bold 12px arial ; text-decoration:none;line-height:25px; width:150px; display:block;border-bottom:1px solid #ced7de; background:#FAFAFA;}
.menulateral a:link  {color:#999999;}
.menulateral a:visited {color:#999999;}
.menulateral a:hover {color:#000000;}
.mlv  a:hover {background:#deeccc; }
.mlvv  a:hover {background-color:#c9e2dc;}
.mlc   a:hover  {background-color:#d8ece9;}
.mlcc  a:hover  {background-color:#c8ddfc;}	
.mla   a:hover  {background-color:#ccccff;}	
.mlvi  a:hover  {background-color:#e3d1fd;}

		
						
.info { background-color: white;width:600px; PADDING-LEFT:10px; padding-right:10px}
.textoinfo { font:14 Verdana; PADDING-LEFT:0px; PADDING-BOTTOM:1px; text-align:justify ;text-indent: 15px}
.textoinfo a {text-decoration:none;}
.textoinfo h1 {font:bold 18px Arial; text-decoration: none ; PADDING-LEFT:10px; PADDING-BOTTOM:1px; text-align:justyfy; color:#009999}
.textoinfo h2 {font:bold 15px Arial; text-decoration: none ; PADDING-LEFT:10px; PADDING-BOTTOM:1px; text-align:justify;}
.info i  {width:500px; PADDING-LEFT:30px; padding-right:10px }
.textoinfo h3 {font:bold 18px Arial; text-decoration: none ; PADDING-LEFT:10px; PADDING-BOTTOM:1px; text-align:center; color:#009999}
.textoinfo h4 {font:15px Arial; text-decoration: none ; PADDING-LEFT:10px; PADDING-BOTTOM:1px; text-align:center; color:#009999}
.textoinfo font {font:bold 14px Arial; text-decoration: none ; PADDING-LEFT:0px; PADDING-BOTTOM:1px; text-align:justify; color:#009999; text-indent: 0px}
.textoinfo ul {PADDING-LEFT: 50px ; text-indent: 0px}
.textoinfo ul p {text-indent: 20px}


.textoinfo2 table {border:1px solid #ffffff; font:13 Verdana; PADDING-LEFT:2px; PADDING-BOTTOM:2px; text-align:left ;text-indent: 0px; background:#ffffff;}
.textoinfo2 td {border:1px solid #ffffff; background: #deefef;}
.z td {color:#ffffff ; background: #008b8b;}
.z2 td {color:#ffffff ;}
.textoinfo2 h1 {font:bold 20px Times New Roman; text-decoration: none ; PADDING-LEFT:10px; PADDING-BOTTOM:1px; text-align:justify; color:#009999}
.textoinfo2 h3 {font:bold 15px Arial; text-decoration: none ; PADDING-LEFT:10px; PADDING-BOTTOM:1px; text-align:justify; color:#009999}

.textoinfo3 table {border:1px solid #ffffff; font:13 Verdana; PADDING-LEFT:2px; PADDING-BOTTOM:1px; text-align:left ;text-indent: 0px; background:#ffffff;}
.textoinfo3 td {border:1px solid #ffffff; background: #deefef;}
.z3 td {color:#ffffff ; background: #7293c9;}
.textoinfo3 h1 {font:bold 20px Times New Roman; text-decoration: none ; PADDING-LEFT:10px; PADDING-BOTTOM:1px; text-align:justify; color:#009999}
.textoinfo3 h3 {font:bold 15px Arial; text-decoration: none ; PADDING-LEFT:10px; PADDING-BOTTOM:1px; text-align:justify; color:#009999}

.piclink  { padding-left:10px; }
.textolink { font:14 Verdana; PADDING-LEFT:82px; PADDING-BOTTOM:1px; text-align:justify ;text-indent: 15px}
.textolink a {text-decoration:none;}
.textolink font {font:bold 14px Arial; text-decoration: none ; PADDING-LEFT:0px; PADDING-BOTTOM:1px; text-align:justify; color:#009999; text-indent: 0px}
.textolink ul {PADDING-LEFT: 50px ; text-indent: 0px}
.textolink ul p {text-indent: 20px}


.aa a {text-decoration:none;}
.aa a:link {color:#008b8b}
.aa a:visited {color:#008b8b}
.aa a:hover {color:#000000} /* hover debe ir despues de visited y link de lo contrario no funcionaria sobre ellos*/

/* links rojos llamativos */
.a2 a {text-decoration:none;}
.a2 a:link {color:#cc0000}
.a2 a:visited {color:#999999}
.a2 a:hover {color:#000000}

/* links para tabla de eventos */
.a3 a {text-decoration:none;}
.a3 a:link {color:#3300cc}
.a3 a:visited {color:#996699}
.a3 a:hover {color:#000000}


/*Mapa interactivo */
.mapcontainer{position: relative; /*el tamaņo es el de la imagen mas grande*/}

.thumbnail img{border: 1px solid white;margin: 0 5px 5px 0;}

.thumbnail:hover{background-color: transparent;}

.thumbnail:hover img{border: 1px solid blue;}

.thumbnail span{ /*CSS for enlarged image*/
position: relative;
background-color: #000000;
padding: 5px;
left: 800px;
border: 1px solid #ff0000;
visibility: hidden;
color: black;
text-decoration: none;
color: #0000ff;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
bottom: 200px;
left: 100px; /*position where enlarged image should offset horizontally */
z-index: 50;
}