body {background-color: #C8D5D9; margin:0px; 
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
a:link, a:visited, a:hover, a:active {text-decoration: none;}
#principal {
	width:650px;
	margin:auto;}
#cabecera { width:650px; height:99px; background-image:url(imagen/banderitas.png); }
#logo { text-align: center; margin:0px 0px 40px 0px;}
#central { text-align: center; font-size: 20px; color: #07949B; font-weight: normal; line-height:40px; margin:40px 0px 60px 0px;}
h1 { text-align: center; font-size: 20px; color: #D95E32; font-weight: normal; line-height:40px;}
#gallery {position:relative; width:600px; margin: 20px 0px 0px 0px; padding:10px;}

#image {position:relative; left: 55px; width:500px; height:500px; padding:5px; border:2px dashed #059095; background: url(imagen/loading.gif) center center no-repeat;}
#image img {position:absolute; top:5px; left:5px;}
#thumbwrapper {margin:50px 0px 0px 8px; padding:5px; width:600px; height:100px; border:2px dashed #059095;}
#thumbarea {position:relative; overflow:hidden; height:100px; width:600px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px;}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(imagen/left.gif) left center no-repeat;}
#previmg:hover, #nextimg:hover {opacity:100; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(imagen/right.gif) right center no-repeat;}
#cartel {text-align: center;margin:30px 0px 40px 0px;}
#pie {display: block; background-color: #C02223;  text-align: center; color: #EAEBEB; font-size: 14px; 
   margin: auto; padding: 20px 0px 20px 0px;  }
#pie a {color: #EAEBEB;display: inline-block; vertical-align:  middle; font-size: 14px;}
#pie a:hover {color: #07949B;}
#pie a:visited {color: #58A8B4;}