/*  Site:     Sitio Oficial Punta Teonoste
    Author:   Juan Ortega Ulloa
*/	
	

*{ padding:0; margin:0}
:focus {
	outline: 0;
}
body{ background:url(../../images/template/bodybg.jpg); color:#333333; font-size:12px;}
#wrapper{ width:768px; margin:auto; padding:50px 0 0 0}
.navwrapp{margin:10px 0; padding:20px 0; background:url(../../images/borderbg.jpg) no-repeat top center ; margin:10px auto;width:70%; }
h1{ width:200px; height:23px; background:url(../../images/hptintro.jpg) no-repeat; display:block; text-indent:-30000px; margin:5px 0 10px 180px}
ul{background:url(../../images/borderbg.jpg) no-repeat 4px 0px ; list-style-type:none; float:left; width:75%; padding:30px 0 25px 90px; margin-top:5px; text-align:center!important}
.clear{ clear:both}
p{font-family:"Hoefler Text",Baskerville,Garamond,"Palatino Linotype",Georgia,"Times New Roman",serif;  text-align:center}
.htmlversion{width:137px; height:32px; background: url(../../images/htmlversion.gif) no-repeat; display:block; text-indent:-30000px; margin:0 230px 0px -20px  }
.flashversion{width:142px; height:32px; background: url(../../images/flashversion.gif) no-repeat; display:block; text-indent:-30000px;margin:0 0 0 -20px  }

.menu li{float:left; margin:0 5px; display: inline;}
.menu li a { display: block; height:26px; text-indent: -9999px;}
.menu li #spversion { width:77px; background: url(../../images/intronavbg.gif) no-repeat 0 0 }
.menu li #engversion { width:77px; background:url(../../images/intronavbg.gif)  no-repeat -82px 0px}
.menu li #frversion { width:77px; background:url(../../images/intronavbg.gif)  no-repeat -160px 0px}
.menu li #deversion { width:77px; background:url(../../images/intronavbg.gif)  no-repeat -242px 0px}


/*.menu li a#villas { width:64px; background:url(../../images/en/menu.png) no-repeat -167px -17px}
.menu li a#tarifas { width:72px; background:url(../../images/en/menu.png) no-repeat -248px -17px}
    .menu li a#actividades { width:104px; background:url(../../images/en/menu.png) no-repeat -341px -17px}*/
    
.menu li #spversion:hover { width:77px; background: url(../../images/intronavbg.gif) no-repeat 0 -31px}
.menu li #engversion:hover { width:77px; background: url(../../images/intronavbg.gif) no-repeat -82px -31px}
.menu li #frversion:hover { width:77px; background: url(../../images/intronavbg.gif) no-repeat -160px -31px}
.menu li #deversion:hover { width:77px; background: url(../../images/intronavbg.gif) no-repeat -242px -31px}

    /*.menu li a#villas:hover { width:64px; background:url(../../images/en/menu.png) no-repeat -167px -33px}
    .menu li a#tarifas:hover { width:72px; background:url(../../images/en/menu.png) no-repeat -248px -33px}
    .menu li a#actividades:hover { width:104px; background:url(../../images/en/menu.png) no-repeat -341px -33px}*/