/* Layout -------------------------------------------------------------------*/html { } html body { background: #ffff; font-family: "Times New Roman"; font-size: 14px; overflow-x: hidden; margin: auto; /*padding-top: 120px;*/ } p {margin-bottom: 1em; font-family: 'Times New Roman', sans-serif;} div#maximizada { /*background: none repeat scroll 0 0 #000000;*/ left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: -999; display: block; } #menuArea { position: relative; top: 0; width: 100%; height: 132px; background: url(http://error404.000webhost.com/?)repeat-x; } .contenedor { margin: 0 auto; position: relative;width: 1000px;background-color: white;padding: 0px; } #rightContents, #leftContents { padding: 0px;} #rightContents { float: left; width: 330px; position: relative; } #leftContents { float: left; width: 570px; position: relative; text-align: justify; } p.footer { margin: 0 auto; padding: 10px; position: relative; width: 1000px; background-color: #1D232D; padding: 10px; } .contenedor:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; } footer#sub p span { display: block; } #contentHeader { position: relative; top: -60px; height: 0px;} #imgDestinos { margin-left:auto; margin-right:auto; width:753px; height:209px;} #imgBanners { margin-left:auto; margin-right:auto; width:739px; height:205px;} #imgCancun { background: url(http://error404.000webhost.com/?) no-repeat; width:187px; height:200px; } #imgChichen { background: url(http://error404.000webhost.com/?) no-repeat; width:187px; height:170px; } #contenido, .contenido { padding-right:15px; padding-left:15px; padding-bottom:10px; min-height: 190px; height: auto !important; height: 190px;} #contenido, .contenido p{ font-size: 15px;} #contenido1 { width: 880px;padding-right:60px; padding-left:60px; padding-top:30px;padding-bottom:15px;height: auto;background-color: white; text-align:justify} #rightContents { }.clear { clear:both;} #columnsWrapper { width: 994px; margin: 0 auto;} #contenidoApp { padding-right:15px; padding-left:15px; padding-bottom:10px; min-height: 100px; height: auto !important; height: 100px; margin-top: 30px;} #bannerArea{ width:751px; height:217px; position:relative; margin-left:auto; margin-right:auto; background: #E34401;} #banner{ width:739px; height:205px; position:absolute; top:6px; left:6px;} .submit input{ width: 91px; font-family: "Times New Roman"; letter-spacing: -0.5px; height: 33px; background-color:white; border: none; font-size: 16px; background: url(http://error404.000webhost.com/?) no-repeat; border: none; cursor:pointer; cursor:hand; color: white; font-size: 16px; font-weight: bold; } .submit input:hover{ background: url(http://error404.000webhost.com/?) 0 -33px no-repeat; } /** **/ #footerFood { height: 11px; width: 994px; text-align: right; padding-top: 10px; padding-bottom:10px;} #footerFood * { color: black; font-size:8pt; padding-right: 5px;}/*** QUICKLINKS ***/ #quickLinks { position:absolute; height:16px; width:90px; top:125px; right: 0px; z-index: 999; } ul#quickLinks, ul#quickLinks li { padding:0px; margin:0px} #quickLinks li{ list-style:none; background: none;} #quickLinks li.home, #quickLinks li.contact, #quickLinks li.siteMap { position:absolute; } #quickLinks a { display:block; width:23px; height:16px; } #quickLinks a span { display:none;} #quickLinks li.home { left:10px; top:0px;} #quickLinks li.contact { left:33px; top:0px;} #quickLinks li.siteMap { left:56px; top:0px;} #quickLinks li.home a { background: url(http://error404.000webhost.com/?) 50% 50% no-repeat; } #quickLinks li.home a:hover { background: url(http://error404.000webhost.com/?) 50% 50% #445E21 no-repeat; } #quickLinks li.contact a { background: url(http://error404.000webhost.com/?) 50% 50% no-repeat; } #quickLinks li.contact a:hover { background: url(http://error404.000webhost.com/?) 50% 50% #445E21 no-repeat; } #quickLinks li.siteMap a { background: url(http://error404.000webhost.com/?) 50% 50% no-repeat; } #quickLinks li.siteMap a:hover { background: url(http://error404.000webhost.com/?) 50% 50% #445E21 no-repeat; } /* flashMessage */ .message { padding: 10px; margin-top: 35px; background: #FFDEDE; width: 338px; text-align: center; border: 1px solid #FF7F7F;} #flashMessage { background: #FFDEDE; border: 1px solid #FF7F7F; /*height:20px;*/ padding: 3px; width: 250px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom:10px; margin-top:5px;}ul#menu ul#menu li{ width: 711px; height: 36px; left: 200px; position: absolute;} ul#menu li a span {display:none} ul#menu li { background-image:none; list-style-image:none; top:0px; float:left; position:absolute; height: 55px; /*border:1px solid;*/ } ul#menu a { display:block; height:55px;} ul#menu li#inicio { left:10px; } ul#menu li#banners { top: 150px; left:145px; } ul#menu li#destinosNacionales { left:75px;} ul#menu li#destinosInternacionales { left:234px;} ul#menu li#promociones { left:425px;} ul#menu li#servicios { left:540px;} ul#menu li#contacto { left:631px;} ul#menu li#inicio a { width:55px; background: url(img/menu/inicio.jpg) 0px -33px no-repeat; } ul#menu li#inicio a:hover { background: url(img/menu/inicio.jpg) 0px 0px no-repeat; } ul#menu li#destinosNacionales a { width:149px; background: url(http://error404.000webhost.com/?) 0px -33px no-repeat; } ul#menu li#destinosNacionales a:hover { background: url(http://error404.000webhost.com/?) 0px 0px no-repeat; } ul#menu li#destinosInternacionales a { width:181px; background: url(http://error404.000webhost.com/?) 0px -33px no-repeat; } ul#menu li#destinosInternacionales a:hover { background: url(http://error404.000webhost.com/?) 0px 0px no-repeat; } ul#menu li#promociones a { width:105px; background: url(http://error404.000webhost.com/?) 0px -33px no-repeat; } ul#menu li#promociones a:hover { background: url(http://error404.000webhost.com/?) 0px 0px no-repeat; } ul#menu li#servicios a { width:81px; background: url(http://error404.000webhost.com/?) 0px -33px no-repeat; } ul#menu li#servicios a:hover { background: url(http://error404.000webhost.com/?) 0px 0px no-repeat; } ul#menu li#contacto a { width:76px; background: url(http://error404.000webhost.com/?) 0px -33px no-repeat; } ul#menu li#contacto a:hover { background: url(http://error404.000webhost.com/?) 0px 0px no-repeat; } ul#menu li#contacto { background:none;} /* Iframes *//* Iframes */ #myiframe { width:754px; margin-left:auto; margin-right:auto; }/***FOOTER ELEMENTS************/div.columnaFooter { width: 294px; height: 150px; padding: 10px; float:left; position: relative;}div.columnaFooter h4.highlighted { font-size: 16px; font-weight: bold; margin-bottom: 10px;}div.columnaFooter p.supersized { font-size: 16px; }/*column 1**********/ div.fb-like { position: absolute; top: 10px; left: 65px;}img#logoSpaFooter { position:absolute; top: 50px; left: 45px; }img#sportCityLogo { position:absolute; top: 130px; left: 85px; } /*column 2***************/ span.sportcity { background: url(http://error404.000webhost.com/?) 4px 5px no-repeat; width: 74px; height: 16px; position: absolute; text-indent:-999999px;}.superText { font-size: 18px; color: #DBDB57;} /**************servicios******************/ ul.servicios {width: 280px; margin-center: 0px; padding: 10px; float: left; } ul.serviciosLast {width: 200px; padding: 10px; float: left; } ul.servicios h2, ul.serviciosLast h2 {font-family: Times New Roman; text-align: left; font-weight: normal;color: #333; font-size:19px; list-style-type: none; margin-bottom: 11px;} ul.servicios li span, ul.serviciosLast li span { font-weight: bold; font-size:14px;} ul.servicios img { margin-center: 42px; margin-bottom: 15px; } /***************************************/************IMAGE GALLERY************/ul.gallery { width: 974px; margin: 0 0 0 50px; list-style-type: none!important;}ul.gallery li { float: left; margin: 10px; border: 4px solid white; box-shadow: 0 0 5px black; -moz-box-shadow: 0 0 5px black; -webkit-box-shadow: 0 0 5px black; -o-box-shadow: 0 0 5px black; list-style-type: none!important;}img#fotoEditorial { margin-bottom:15px; margin-left: 35px;}#sloganArea { position: relative; width: 994px; margin: 0 auto; height: 240px; background: url(http://error404.000webhost.com/?) repeat-x; }#slogan{ width: 650px; position: absolute; right: 40px; color: white; top: 50px; text-align: justify; } #slogan h2 { font-size: 22px; font-weight: normal!important; font-family: 'Fjalla One', sans-serif; text-shadow: 0 0 5px black; } h3.phone { text-align:right; font-size: 22px; font-weight:normal; padding-top: 12px; padding-right: 12px; font-family: 'Fjalla One', sans-serif; } div#frase { position: absolute; color: white; top: 100px; font-size: 18px; color: #0057A8; } #frase p { font-family: 'Fjalla One', sans-serif; } ul.footerLinks { margin-top: 30px; } ul.footerLinks li { background: url(http://error404.000webhost.com/?) 0 3px no-repeat; padding-left: 20px; border-bottom: 1px solid #343E4F; width: 120px; font-family: 'Fjalla One', sans-serif; } ul.footerLinks2 { margin-top: 30px; } ul.footerLinks2 li { background: url(http://error404.000webhost.com/?) 0 3px no-repeat; padding-left: 20px; font-family: 'Fjalla One', sans-serif; } ul.footerLinks li a{ color: white; } ul.footerLinks li a:hover { color: #343E4F } #footerItem1 { position: absolute; width: 218px; height: 57px; padding-top: 60px; padding-left: 25px; left: 230px; top: 75px; background: url(http://error404.000webhost.com/?) no-repeat; font-family: 'Fjalla One', sans-serif; } #footerItem2 { position: absolute; width: 226px; height: 109px; padding-left: 40px; padding-top: 67px; right: -40px; top: 11px; background: url(http://error404.000webhost.com/?) no-repeat; font-family: 'Fjalla One', sans-serif; } #footerItem1 p, #footerItem2 p { color: black; } .columnaFooter h4 { color: black; font-size: 18px; } h4#caballete { color: gray; font-family: 'Fjalla One', sans-serif; font-weight: normal; position: absolute; top: 10px; font-size: 15px;} h5#email { color: white; font-family: 'Fjalla One', sans-serif; font-weight: normal; position: absolute; top: 85px; left: 155px; font-size: 16px;} iframe.googleMap { border: 5px solid #C3D941; } ol.list { } ol.list li { background: url("http://error404.000webhost.com/?") no-repeat scroll 3px 0.3em transparent; padding-left: 18px; } h5#email a {color: white;} h5#email a:hover { text-decoration: underline; } img#phoneIcon { position: absolute; right: 195px; top: 10px; }