body { margin: 0px; overflow: auto; background: url(../images/background.png) repeat-y center top }
#headerExternalWrapper { position: relative; float: left; width: 100%; background: url(../images/headerBackground.png) no-repeat center bottom }
#headerWrapper { position: relative; overflow-x: hidden; width: 980px; height: 173px; margin: 0px auto; background: url(../images/headerBackground.png) no-repeat center bottom }
#headerCountdown { position: absolute; width: 120px; height: 119px; left: 67px; top: 41px; padding-top: 5px; font: normal 24px oswaldBold; color: #34495E; line-height: 29px }
#headerNames { position: absolute; width: 597px; height: 65px; left: 236px; top: 104px; padding-right: 93px; font: normal 24px oswaldBold; color: #F39C12; line-height: 29px; text-align: right }
#pageExternalWrapper { position: relative; float: left; width: 100% }
#pageWrapper { position: relative; overflow-x: hidden; width: 980px; margin: 0px auto; background: url(../images/background.png) repeat-y center top }
#menuWrapper { position: relative; float: left; overflow-x: hidden; width: 193px }
#contentWrapper { position: relative; float: left; overflow-x: hidden; width: 690px; margin-left: 43px }
#footerWrapper { position: relative; float: left; clear: left; width: 980px; height: 240px }

/***** Menú *****/
.indexButton:link { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 24px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/indexButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.indexButton:active { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 24px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/indexButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.indexButton:visited { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 24px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/indexButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.indexButton:hover { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 24px; padding-top: 94px; font: normal 13px robotoRegular; color: #008AA0; text-decoration: none; text-align: center; background: url(../images/indexButton.selected.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.indexButtonSelected { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 24px; padding-top: 94px; font: normal 13px robotoRegular; color: #008AA0; text-decoration: none; text-align: center; background: url(../images/indexButton.selected.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }

.ourHistoryButton:link { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/ourHistoryButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.ourHistoryButton:active { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/ourHistoryButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.ourHistoryButton:visited { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/ourHistoryButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.ourHistoryButton:hover { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #008AA0; text-decoration: none; text-align: center; background: url(../images/ourHistoryButton.selected.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.ourHistoryButtonSelected { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #008AA0; text-decoration: none; text-align: center; background: url(../images/ourHistoryButton.selected.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }

.confirmButton:link { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/confirmButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.confirmButton:active { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/confirmButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.confirmButton:visited { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/confirmButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.confirmButton:hover { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #008AA0; text-decoration: none; text-align: center; background: url(../images/confirmButton.selected.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.confirmButtonSelected { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #008AA0; text-decoration: none; text-align: center; background: url(../images/confirmButton.selected.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }

.photosButton:link { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/photosButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.photosButton:active { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/photosButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.photosButton:visited { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/photosButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.photosButton:hover { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #008AA0; text-decoration: none; text-align: center; background: url(../images/photosButton.selected.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.photosButtonSelected { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #008AA0; text-decoration: none; text-align: center; background: url(../images/photosButton.selected.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }

.usefulInfoButton:link { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/usefulInfoButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.usefulInfoButton:active { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/usefulInfoButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.usefulInfoButton:visited { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/usefulInfoButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.usefulInfoButton:hover { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #008AA0; text-decoration: none; text-align: center; background: url(../images/usefulInfoButton.selected.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.usefulInfoButtonSelected { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #008AA0; text-decoration: none; text-align: center; background: url(../images/usefulInfoButton.selected.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }

.guestBookButton:link { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/guestBookButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.guestBookButton:active { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/guestBookButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.guestBookButton:visited { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #FFFFFF; text-decoration: none; text-align: center; background: url(../images/guestBookButton.normal.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.guestBookButton:hover { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #008AA0; text-decoration: none; text-align: center; background: url(../images/guestBookButton.selected.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.guestBookButtonSelected { position: relative; float: left; width: 126px; margin-left: 35px; margin-top: 18px; padding-top: 94px; font: normal 13px robotoRegular; color: #008AA0; text-decoration: none; text-align: center; background: url(../images/guestBookButton.selected.png) no-repeat center top; cursor: pointer; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }

/***** Footer *****/
.footerWetiix { position: relative; float: left; width: 175px; height: 72px; margin-left: 0px; margin-top: 130px; background: url(../images/footerWetiix.png) }