/* ---------------------------------------------- RESET -------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } a, a:link { outline: none; border: none; } img { border: none; } /* ---------------------------------------------- BLOCKS -------------------------------------------------*/ body { font-size: 12px; font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; background: #f4f7f0; } .page-width { width: 936px; margin: 0 auto; } #top, #header, #content, #footer { width: 100%; } #top { background: #111 url(/img/bg-dark.jpg) repeat; height: 45px; color: #fafafa; } #top .page-width { position: relative; } #top a { color: #4f8b0d; } #hoteles { position: absolute; top: 20px; left: 0; } #hoteles li { margin-right: 19px; } #idiomas { position: absolute; top: 23px; right: 0; text-transform: uppercase; font-size: 11px; color: #666; } #idiomas a { text-decoration: none; } #idiomas a.a, #idiomas a:hover { color: #eee; } #idiomas li { margin-left: 10px; } #header { margin: 0 0 6px 0; padding: 6px 0; background: #c8cec1 url(/img/bg-neptuno.jpg) repeat; height: 300px; border-bottom: 1px solid #fff; border-top: 1px solid #8b3e2c; } #header h2 a { float: left; width: 310px; height: 300px; text-indent: -9999px; overflow: hidden; display: block; background: #fff url(/img/logo-neptuno.gif) no-repeat; } #fotos { position: relative; height: 300px; float: left; width: 620px; margin-left: 6px; } #fotos img { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; } #fotos img.active { z-index: 10; opacity: 1.0; } #fotos img.last-active { z-index: 9; } #content { background: #f4f7f0; overflow: auto; margin-bottom: 6px; } #main-content { width: 598px; min-height: 570px; float: right; padding: 15px 10px 20px 10px; background: #fff url(/img/estrella.gif) no-repeat left top; border: 1px solid #ddd; } #main-content h2 { background: #4f8b0d; color: #fff; text-transform: uppercase; text-align: center; font-size: 11px; line-height: 12px; padding: 3px 5px; margin: 0 0 10px 0; } #home #main-content h2 { margin-top: 30px; } #main-content ul { margin-bottom: 25px; } #main-content li { list-style: none; border-bottom: 1px dotted #ddd; padding: 3px 0; } #main-content ul ul { margin-bottom: 0; margin-left: 25px; } #main-content ul ul li { border: none; } .col1 { width: 285px; float: left; padding-right: 14px; border-right: 1px dotted #b5bbaf; } .col2 { width: 285px; float: right; } .col1, .col2 { margin-top: 20px; margin-bottom: 12px; } #home .col1, #home .col2 { margin-top: 0; } p.mapa { text-align: center; margin-bottom: 35px; } .datosHotel { list-style: none; font-size: 11px; line-height: 1.2em; } .datosHotel h4 { text-transform: uppercase; font-weight: bold; } #main-content .datosHotel li { margin-bottom: 15px; border-bottom: none; padding: 0; } #secondary-content { width: 310px; float: left; } #secondary-content li { background: #fff; list-style: none; margin-bottom: 6px; padding: 10px; font-size: 11px; line-height: 13px; overflow: auto; border: 1px solid #ddd; } #secondary-content li.nav { overflow: hidden; } #secondary-content li.nav a { text-decoration: none; display: block; padding-left: 35px; color: #aaa; background: url(/img/menu-bullet-off.gif) no-repeat left center; } #secondary-content li.nav li.a a, #secondary-content li.nav a:hover { color: #003081; background: url(/img/menu-bullet.gif) no-repeat left center; } #secondary-content li.nav li { width: 270px; height: 25px; margin: 0 auto; font-size: 12px; line-height: 25px; text-transform: uppercase; border-bottom: 1px dotted #ddd; border-top: none; border-left: none; border-right: none; } #secondary-content li.nav li.ultimo { border: none; } #secondary-content li img { float: left; margin: -2px 10px 5px -2px; /* border: 1px solid #666; */ } #secondary-content li h3 { font-size: 13px; font-weight: bold; margin-bottom: 6px; } #secondary-content li h3 a { color: #4f8b0d; } #secondary-content li h3 a:hover { color: #003081; } #secondary-content li li { margin: 0; padding: 0; } #footer { text-align: center; font-size: 11px; clear: both; background: #111 url(/img/bg-dark.jpg) repeat; height: 60px; color: #888; padding: 6px 0; border-top: 1px solid #fff; } #footer a { color: #aaa; text-decoration: none; } #footer a:hover { color: #4f8b0d; } #footer ul { list-style: none; text-transform: uppercase; font-size: 10px; } #footer li { display: inline; margin-right: 2px; padding-right: 5px; border-right: 1px solid #888; } #footer li.ultimo { border-right: none; } #footer li.a a { color: #4f8b0d; } #footer .credit { color: #5e5e5e; } #footer .credit a { color: #5e5e5e; text-decoration: underline; } /* ---------------------------------------------- HEADINGS -------------------------------------------------*/ h1 { font-size: 26px; line-height: 1.1em; margin-bottom: 15px; color: #4f8b0d; } #home h1 { display: none; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4 { } h5 { } h6 { } /* ---------------------------------------------- STYLES -------------------------------------------------*/ p { margin-bottom: 1.2em; } strong { font-weight: bold; } em { font-style: italic; } #top li { display: inline; } #map { clear: both; margin: 35px 0; width: 590px; height: 450px; padding: 2px; border: 1px solid #999; background-color: #fff; } .imgRight { float: right; margin: 0 0 10px 10px; border: 1px solid #9c9c9c; } .clear { clear: both; } .cuadro { background-color: #ddd; margin: 12px 0; padding: 10px; } #main-content h2, .cuadro { -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #main-content ol { margin-bottom: 40px; } #main-content ol li { list-style: decimal; list-style-position: inside; padding: 3px 0; border: none; } #main-content h2.margintop { margin-top: 35px; } /* ---------------------------------------------- LINKS -------------------------------------------------*/ a:link, a:visited { color: #003081; text-decoration: underline; } a:hover { color: #4f8b0d; } /* ---------------------------------------------- FORM -------------------------------------------------*/ label { display: block; } input, textarea { width: 98%; background: #eee; font-size: 12px; padding: 3px; } .required { font-size: 9px; color: #666; } p #submit { width: 100px; margin-bottom: 25px; } #submitBtn { text-align: center; } /* ---------------------------------------------- GALERIA -------------------------------------------------*/ #main-content #ulGaleria { list-style: none; margin: 35px 0 50px 0; padding: 0; } #main-content #ulGaleria li { float: left; margin: 0 6px 6px 0; padding: 0; clear: none; width: 90px; height: 90px; background-color: #fff; text-align: center; border: 1px solid #aaa; } #main-content #ulGaleria li img { margin: 10px 0 0 0; }