@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
body { color: #333333; border-top: 10px solid #003300; background: #eef0e1; font: 100%/1.125em Verdana, sans-serif; }
input, button, textarea { color: #333333; font: 1em Verdana, sans-serif; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
a { color: #cc0000; text-decoration: none; }
a img { border: 0; }
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
h1, h2, h3, h4, h5 { color: #ff3300; font: bold 1em Arial, sans-serif; }
#principal { font-size: .75em; background: #ffffff; }
#principal-interior { overflow: hidden; padding: 150px 0 30px 0; width: 757px; margin: 0 auto; }
* html #principal-interior { height: 1%; }
#principal-contenido { float: left; width: 505px; }
#principal-contenido #logo { display: block; width: 242px; margin-bottom: 60px; }
#principal-contenido h1 { text-transform: uppercase; font-size: 1.1em; padding-bottom: 13px; margin-bottom: 12px; background: url("/picture_library/home-header-underline.gif") left bottom repeat-x; }
#principal-contenido h1 { display: block; }
#principal-contenido div span { font-size: .9em; color:#000; }
#principal-contenido div p { text-align:justify; }
#principal-lateral { float: right; width: 214px; }
#principal-lateral ul { overflow: hidden; padding: 0 0 20px 10px; }
* html #principal-lateral ul { padding-bottom: 30px; }
* html #principal-lateral ul li { height: 1%; }
#principal-lateral ul li { float: left; padding-right: 5px; margin-right: 5px; border-right: 1px solid #ff3300; }
#principal-lateral ul li.last { border-right: none; padding-right: 0; margin-right: 0; }
#principal-lateral ul li a { line-height: 1.1em; float: left; color: #ff3300; font-weight: bold; font-size: .8em; }
#principal-lateral ul li a:hover { text-decoration: underline; }
#principal-lateral div.nota { font-size: .9em; color: #663300; height: 152px; padding: 55px 30px 0 30px; background: #fff798 url("/picture_library/note-bg.gif") no-repeat; }
#principal-lateral div.nota p { text-align:justify; }
#principal-lateral div.nota a { color: #663300; text-decoration: underline; }
#principal-lateral div.nota h2 { text-transform: uppercase; font-size: 1.15em; padding-bottom: 11px; margin-bottom: 10px; background: url("/picture_library/home-header-underline2.gif") left bottom repeat-x; }
#principal-lateral div.nota h2 img { display: block; }
#pie { padding: 20px 0 40px 0; border-top: 1px solid #e5e7d5; }
#pie ul { width: 875px; margin: 0 auto; }
#pie ul li { float: left; padding-right: 22px; }
#pie ul li a { text-align: center; padding-top: 51px; width: 65px; float: left; font: bold .7em Arial, sans-serif; color: #330000; text-transform: lowercase; background: url("/picture_library/menu-icons-large_1.jpg") 10px top no-repeat; overflow: hidden }
#pie ul li a:hover { text-decoration: underline; background-position: 10px -137px; }
#pie ul li.Deportes a { background-position: -82px top; overflow: hidden }
#pie ul li.Deportes a:hover { background-position: -82px -137px; }
#pie ul li.Restauracion a { background-position: -174px top; overflow: hidden }
#pie ul li.Restauracion a:hover { background-position: -174px -137px; }
#pie ul li.Playas a { background-position: -266px top; overflow: hidden }
#pie ul li.Playas a:hover { background-position: -266px -137px; }
#pie ul li.Directorio a { background-position: -358px top; overflow: hidden }
#pie ul li.Directorio a:hover { background-position: -358px -137px; }
#pie ul li.Transportes a { background-position: -634px top; overflow: hidden }
#pie ul li.Transportes a:hover { background-position: -634px -137px; }
#pie ul li.Rutas a { background-position: -542px top; overflow: hidden }
#pie ul li.Rutas a:hover { background-position: -542px -137px; }
#pie ul li.Alojamiento a { background-position: -450px top; overflow: hidden }
#pie ul li.Alojamiento a:hover { background-position: -450px -137px; }
#pie ul li.Inmobiliario a { background-position: -726px top; overflow: hidden }
#pie ul li.Inmobiliario a:hover { background-position: -726px -137px; }
#pie ul li.Publicidad a { background-position: -810px top; overflow: hidden }
#pie ul li.Publicidad a:hover { background-position: -810px -137px; }