#submenuWrapper { position: relative; float: left; width: 795px; margin-left: 92px; margin-top: 50px }
.submenuItem { position: relative; float: left; width: 195px; height: 195px; margin-left: 35px; margin-right: 35px; font: normal 24px pacifico; color: #22313F; line-height: 34px; text-align: center; text-decoration: none; background: url(../images/submenuButton.0.normal.png); cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
.submenuItem:hover { position: relative; float: left; width: 195px; height: 195px; margin-left: 35px; margin-right: 35px; font: normal 24px pacifico; color: #FFFFFF; line-height: 34px; text-align: center; text-decoration: none; background: url(../images/submenuButton.0.over.png); cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
.submenuItemSelected { position: relative; float: left; width: 195px; height: 195px; margin-left: 35px; margin-right: 35px; font: normal 24px pacifico; color: #FFFFFF; line-height: 34px; text-align: center; text-decoration: none; background: url(../images/submenuButton.0.over.png); cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
.submenuText { display: table-cell; width: 125px; height: 195px; padding: 0px 35px 0px 35px; text-align: center; vertical-align: middle }

.standardButton { position: relative; float: left; width: 195px; height: 195px; padding-bottom: 10px; font: normal 24px pacifico; color: #FFFFFF; line-height: 29px; text-align: center; background: url(../images/sendButton.0.normal.png); border: 0px; cursor: pointer; -webkit-transition: background 0.3s 0s ease; transition: background 0.3s 0s ease }
.standardButton:hover { position: relative; float: left; width: 195px; height: 195px; padding-bottom: 10px; font: normal 24px pacifico; color: #FFFFFF; line-height: 29px; text-align: center; background: url(../images/sendButton.0.over.png); border: 0px; cursor: pointer; -webkit-transition: background 0.3s 0s ease; transition: background 0.3s 0s ease }
.standardButton:disabled { position: relative; float: left; width: 195px; height: 195px; padding-bottom: 10px; font: normal 24px pacifico; color: #FFFFFF; line-height: 29px; text-align: center; background: url(../images/sendButton.0.disabled.png); border: 0px; cursor: pointer; -webkit-transition: background 0.3s 0s ease; transition: background 0.3s 0s ease }

#pagerWrapper { position: relative; float: left; width: 960px; margin-top: 30px; margin-bottom: 80px; text-align: center; font-size: 0px }
#pagerInternalWrapper { position: relative; display: inline-block }
.pagerPrevious:link, .pagerPrevious:active, .pagerPrevious:visited { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px robotoRegular; color: #656D78; text-decoration: none }
.pagerPrevious:hover { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px robotoRegular; color: #EB5367; text-decoration: none }
.pagerNext:link, .pagerNext:active, .pagerNext:visited { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px robotoRegular; color: #656D78; text-decoration: none }
.pagerNext:hover { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px robotoRegular; color: #EB5367; text-decoration: none }
.pagerNormal:link, .pagerNormal:active, .pagerNormal:visited { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px robotoRegular; color: #656D78; text-decoration: none }
.pagerNormal:hover { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px robotoRegular; color: #EB5367; text-decoration: none }
.pagerSelected { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px robotoRegular; color: #EB5367; text-decoration: none }

#enterAccessText { position: relative; float: left; width: 860px; margin-left: 50px; margin-top: 89px; font: italic 20px robotoLight; color: #656D78; text-align: center }
#enterAccessPasswordInput { position: relative; float: left; clear: left; width: 260px; height: 24px; margin-left: 330px; margin-top: 70px; padding: 19px; font: normal 18px robotoRegular; color: #656D78; text-align: center; border: solid 1px #656D78 } 
#enterAccessErrorMessage { position: relative; float: left; width: 280px; margin-left: 30px; margin-top: 146px; font: normal 18px robotoRegular; color: #EB5367 }

/***** Inicio *****/
#indexHeaderWrapper { position: relative; float: left; width: 980px; height: 81px }

#indexStampWrapper { position: relative; width: 980px; height: 366px; background: url(../images/indexStampBackground.png) no-repeat center center }
#indexStampPerson1Name { position: absolute; width: 400px; left: 19px; top: 144px; font: normal 36px pacifico; color: #FFFFFF; text-align: right }
#indexStampPerson2Name { position: absolute; width: 400px; left: 397px; top: 144px; font: normal 36px pacifico; color: #FFFFFF }
#indexStampDate1 { position: absolute; width: 184px; left: 398px; top: 264px; font: normal 39px salomeRegular; color: #FFFFFF; text-align: center }
#indexStampDate2 { position: absolute; width: 184px; left: 398px; top: 303px; font: normal 46px salomeRegular; color: #FFFFFF; text-align: center }
#indexFooterWrapper { position: relative; float: left; width: 980px; height: 86px }
#indexCounter { position: relative; float: left; width: 344px; margin-left: 10px; font: normal 30px robotoRegular; color: #FEFEFE }
#daysNumber { position: relative; float: left; color: #03C9A9; margin-right: 10px }
#counterSeparator { position: relative; float: left }
#hoursNumber { position: relative; float: left; width: 45px; text-align: center }
#minutesNumber { position: relative; float: left; width: 45px; text-align: center }
#secondsNumber { position: relative; float: left; width: 45px; text-align: center }
#indexConfirmButton:link, #indexConfirmButton:active, #indexConfirmButton:visited { position: relative; float: left; width: 252px; height: 34px; margin-left: 360px; padding-top: 9px; font: normal 18px robotoRegular; color: #FEFEFE; text-align: center; text-decoration: none; border: solid 2px #FFFFFF; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
#indexConfirmButton:hover { position: relative; float: left; width: 252px; height: 34px; margin-left: 360px; padding-top: 9px; font: normal 18px robotoRegular; color: #FEFEFE; text-align: center; text-decoration: none; background: rgba(103, 65, 114, 0.3); border: solid 2px #FFFFFF; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }

/***** Nuestra historia *****/
.historyPersonWrapper { position: relative; float: left; width: 407px; height: 439px; margin-top: 75px; background-repeat: no-repeat; background-position: 108px 43px }
.historyPersonFrame { position: absolute; width: 407px; height: 439px; left: 0px; top: 0px; background: url(../images/sobreNovioPanel.png) }
.historyPersonText { position: relative; float: left; width: 347px; margin-left: 30px; margin-top: 7px; font: normal 16px robotoLight; color: #656D78; text-align: center }
#historyAboutUsWrapper { position: relative; float: left; width: 896px; height: 701px; margin-left: 42px; margin-top: 60px; margin-bottom: 150px; background: url(../images/sobreNosotrosPanel.png) }
#historyCarouselCurtainsWrapper { position: relative; float: left; width: 850px; height: 430px; margin-left: 23px; margin-top: 13px; background: #DDDDDD }
#historyCarouselCurtains { position: relative; float: left; width: 850px; height: 430px }
#historyCarouselSelectorsExternalWrapper { position: relative; float: left; width: 850px; height: 15px; margin-left: 23px; margin-top: 24px; text-align: center; font-size: 0px }
#historyCarouselSelectorsWrapper { position: relative; display: inline-block }
.historyCarouselSelector { position: relative; float: left; width: 15px; height: 15px; margin-left: 3px; margin-right: 3px; background: url(../images/carouselSelector.0.normal.png) no-repeat center center; cursor: pointer }
.historyCarouselSelector:hover { position: relative; float: left; width: 15px; height: 15px; margin-left: 3px; margin-right: 3px; background: url(../images/carouselSelector.0.selected.png) no-repeat center center; cursor: pointer }
.historyCarouselSelectorSelected { position: relative; float: left; width: 15px; height: 15px; margin-left: 3px; margin-right: 3px; background: url(../images/carouselSelector.0.selected.png) no-repeat center center; cursor: pointer }
#historyCarouselText { position: relative; float: left; width: 830px; margin-left: 33px; margin-top: 17px; font: normal 16px robotoLight; color: #656D78; text-align: center }
.historyTitleExternalWrapper { position: relative; float: left; width: 100%; text-align: center; font-size: 0px }
.historyTitleWrapper { position: relative; display: inline-block }
.historyTitlePoint { position: relative; float: left; width: 9px; height: 9px; margin-top: 21px; background: url(../images/titlePoint.0.png) }
.historyTitle { position: relative; float: left; margin-left: 14px; margin-right: 14px; font: normal 24px pacifico; color: #22313F }

/***** Fotos *****/
#photosDataWrapper { position: relative; float: left; width: 980px }
.photosImageWrapper { position: relative; float: left; width: 880px; margin-left: 49px; margin-top: 60px; background: #FFFFFF; border: solid 1px #BCBCBC; border-radius: 2px; box-shadow: 0px 0px 2px #BCBCBC }
.photosImage { position: relative; float: left; width: 850px; margin-left: 15px; margin-top: 15px; text-align: center }
.photosImageTitle { position: relative; float: left; width: 200px; margin-left: 15px; margin-top: 21px; margin-bottom: 35px; font: normal 24px robotoRegular; color: #01C3A4 }
.photosImageText { position: relative; float: left; width: 625px; margin-left: 25px; margin-top: 21px; margin-bottom: 35px; font: normal 16px robotoLight; color: #656D78; text-align: justify }
#photosAccessText { position: relative; float: left; width: 860px; margin-left: 50px; margin-top: 89px; font: italic 20px robotoLight; color: #656D78; text-align: center }
#photosAccessPasswordInput { position: relative; float: left; clear: left; width: 260px; height: 24px; margin-left: 330px; margin-top: 70px; padding: 19px; font: normal 18px robotoRegular; color: #656D78; text-align: center; border: solid 1px #656D78 } 
#photosAccessErrorMessage { position: relative; float: left; width: 280px; margin-left: 30px; margin-top: 146px; font: normal 18px robotoRegular; color: #EB5367 }

/***** Información útil *****/
#infoLeftMenuWrapper { position: relative; float: left; width: 195px; margin-left: 0px; margin-top: 50px; margin-bottom: 150px }
.infoLeftMenuItem { position: relative; float: left; width: 195px; height: 195px; margin-bottom: 5px; font: normal 24px pacifico; color: #22313F; line-height: 34px; text-align: center; text-decoration: none; background: url(../images/submenuButton.0.normal.png); cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
.infoLeftMenuItem:hover { position: relative; float: left; width: 195px; height: 195px; margin-bottom: 5px; font: normal 24px pacifico; color: #FFFFFF; line-height: 34px; text-align: center; text-decoration: none; background: url(../images/submenuButton.0.over.png); cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
.infoLeftMenuItemSelected { position: relative; float: left; width: 195px; height: 195px; margin-bottom: 5px; font: normal 24px pacifico; color: #FFFFFF; line-height: 34px; text-align: center; text-decoration: none; background: url(../images/submenuButton.0.over.png); cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
.infoLeftMenuItemText { display: table-cell; width: 125px; height: 195px; padding: 0px 35px 0px 35px; text-align: center; vertical-align: middle }
#infoRightContentWrapper { position: relative; float: left; width: 748px; margin-left: 25px; margin-top: 65px; margin-bottom: 150px; padding-top: 15px; padding-bottom: 100px; background: #FFFFFF; border: solid 1px #BBBBBB }
.infoElementWrapper { position: relative; float: left; width: 672px; margin-left: 38px; margin-top: 4px }
.infoElementTitle { position: relative; float: left; width: 672px; margin-top: 22px; padding-bottom: 8px; font: normal 30px robotoBold; color: #263238; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #22313F }
.infoElementText { position: relative; float: left; width: 672px; margin-top: 22px; font: normal 18px robotoLight; color: #2C3E50; line-height: 25px; text-align: justify }
.infoElementText h2 { position: relative; float: left; width: 100%; margin-top: 0px; margin-bottom: 8px; font: normal 20px robotoBold; color: #37474F; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #37474F }
.infoElementText b { font: normal 18px robotoBold; color: #2C3E50 }
.infoElementText u { font: normal 18px robotoBold; color: #01C3A4; text-decoration: none }
.infoElementText a:link, .infoElementText a:active, .infoElementText a:visited { font: normal 18px robotoBold; color: #01C3A4; text-decoration: none }
.infoElementText a:hover { font: normal 18px robotoBold; color: #01C3A4; text-decoration: underline }
.infoElementImage { position: relative; float: left; width: 325px; height: 220px; margin-top: 22px; background-repeat: no-repeat; background-position: center center }
.infoElementMap { position: relative; float: left; width: 670px; height: 380px; margin-top: 22px; border: solid 1px #78909C }

/***** Libro de invitados *****/
#guestBookSendMessageWindow { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: url(../images/windowBackground.png); z-index: 9 }
#guestBookSendMessagePanel { position: absolute; width: 820px; height: 680px; left: 50%; margin-left: -400px; top: 40px; background: #FFFFFF; border: solid 1px #D7D7D6; box-shadow: 4px 4px 1px #CCCCCC; z-index: 10 }
#guestBookSendMessageHeader { position: relative; float: left; width: 820px; height: 72px; background: #22313F }
#guestBookSendMessageHeaderTitle { position: relative; float: left; width: 500px; margin-left: 40px; margin-top: 20px; font: normal 24px robotoRegular; color: #FFFFFF; letter-spacing: 1px }
#guestBookSendMessageName { position: relative; float: left; clear: left; width: 150px; margin-top: 55px; font: normal 18px robotoRegular; color: #656D78; text-align: right }
#guestBookNameInput { position: relative; float: left; width: 540px; height: 24px; margin-left: 15px; margin-top: 44px; padding: 10px; font: normal 18px robotoRegular; color: #656D78; border: solid 1px #656D78 }
#guestBookSendMessageMessage { position: relative; float: left; clear: left; width: 150px; margin-top: 29px; font: normal 18px robotoRegular; color: #656D78; text-align: right }
#guestBookTextInput { position: relative; float: left; overflow-x: hidden; overflow-y: auto; width: 540px; height: 178px; margin-left: 15px; margin-top: 15px; padding: 10px; font: normal 18px robotoRegular; color: #656D78; line-height: 30px; border: solid 1px #656D78; resize: none }
#guestBookSendMessageImage { position: relative; float: left; clear: left; width: 150px; margin-top: 14px; font: normal 18px robotoRegular; color: #656D78; text-align: right; line-height: 100% }
#guestBookImageInput { position: relative; float: left; width: 550px; height: 28px; margin-left: 15px; margin-top: 15px; padding: 5px; font: normal 18px robotoRegular; color: #656D78; background: #FFFFFF; border: solid 1px #656D78 }
#guestBookSendMessageCloseButton { position: relative; float: left; width: 17px; height: 15px; margin-left: 246px; margin-top: 18px; background: url(../images/closeButton.normal.png); cursor: pointer }
#guestBookSendMessageCloseButton:hover { position: relative; float: left; width: 17px; height: 15px; margin-left: 246px; margin-top: 18px; background: url(../images/closeButton.over.png); cursor: pointer } 
.guestBookAcceptSendButton { position: relative; float: left; clear: left; width: 195px; height: 140px; margin-left: 313px; margin-top: 20px; padding-top: 55px; font: normal 24px pacifico; color: #FFFFFF; line-height: 29px; text-align: center; background: url(../images/sendButton.0.normal.png); cursor: pointer }
.guestBookAcceptSendButton:hover { position: relative; float: left; clear: left; width: 195px; height: 140px; margin-left: 313px; margin-top: 20px; padding-top: 55px; font: normal 24px pacifico; color: #FFFFFF; line-height: 29px; text-align: center; background: url(../images/sendButton.0.over.png); cursor: pointer }
.guestBookAcceptSendButtonDisabled { position: relative; float: left; clear: left; width: 195px; height: 140px; margin-left: 313px; margin-top: 20px; padding-top: 55px; font: normal 24px pacifico; color: #FFFFFF; line-height: 29px; text-align: center; background: url(../../common/images/loading.gray.gif) no-repeat center center; cursor: pointer }
#guestBookErrorMessage { position: relative; float: left; width: 250px; margin-left: 20px; margin-top: 103px; font: normal 18px robotoRegular; color: #E74C3C }

#guestBookSendText { position: relative; float: left; width: 740px; margin-left: 10px; margin-top: 30px; padding-top: 55px; font: normal 19px robotoLight; color: #656D78 }
#guestBookSendButton { position: relative; float: left; width: 195px; height: 140px; margin-top: 30px; margin-left: 30px; padding-top: 55px; font: normal 24px pacifico; color: #FFFFFF; line-height: 29px; text-align: center; background: url(../images/sendButton.0.normal.png); cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
#guestBookSendButton:hover { position: relative; float: left; width: 195px; height: 140px; margin-top: 30px; margin-left: 30px; padding-top: 55px; font: normal 24px pacifico; color: #FFFFFF; line-height: 29px; text-align: center; background: url(../images/sendButton.0.over.png); cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
.guestBookMessageItemWrapper { position: relative; float: left; width: 960px; margin-left: 9px; margin-top: 42px; padding-bottom: 45px; background: #FFFFFF; border: solid 1px #BCBCBC; border-radius: 2px; box-shadow: 0px 0px 2px #BCBCBC }
.guestBookMessageName { position: relative; float: left; width: 880px; margin-left: 40px; margin-top: 36px; font: normal 30px pacifico; color: #22313F; line-height: 43px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #AAB2BD }
.guestBookMessageText { position: relative; float: left; width: 880px; margin-left: 40px; margin-top: 14px; font: normal 17px robotoLight; color: #22313F; line-height: 23px; text-align: justify }
.guestBookMessageImageWrapper { position: relative; float: left; width: 880px; margin-left: 40px; margin-top: 33px; margin-bottom: 40px; font-size: 0px; text-align: center } 
.guestBookMessageImage { border-width: 0px }
.guestBookMessageDate { position: relative; float: left; width: 880px; margin-left: 40px; margin-top: 25px; font: normal 18px robotoRegular; color: #01C3A4; text-align: right }

/***** Confirmar asistencia *****/
#confirmText { position: relative; float: left; width: 950px; margin-left: 15px; margin-top: 60px; font: normal 19px robotoLight; color: #656D78; text-align: justify }
#confirmFormWrapper { position: relative; float: left; width: 960px; margin-left: 10px; margin-top: 50px; margin-bottom: 100px }
.contactInputNormal { position: relative; float: left; clear: left; height: 25px; margin-top: 9px; padding: 20px 24px 20px 24px; font: normal 17px robotoLight; color: #75807C; border: solid 1px #656D78 }
.contactInputSelected { position: relative; float: left; clear: left; height: 25px; margin-top: 9px; padding: 20px 24px 20px 24px; font: normal 17px robotoLight; color: #75807C; border: solid 1px #01C3A4 }
#ccityInput { display: none } 
#contactResult { position: relative; float: left; clear: left; width: 358px; margin-top: 135px; font: normal 16px robotoRegular; color: #EB5367; text-align: right }

/***** Lista de bodas *****/
#weddingListS1ExternalWrapper { position: relative; float: left; width: 920px; margin-left: 29px; margin-top: 85px; padding-bottom: 40px; background: #FFFFFF; border: solid 1px #BDBDBD }
#weddingListS1Wrapper { position: relative; float: left; display: table; width: 840px; margin-left: 40px; margin-top: 40px }
#weddingListS1Text { position: relative; display: table-cell; text-align: center; vertical-align: middle; width: 435px; padding-right: 40px; font: normal 19px robotoRegular; color: #2C3E50; text-align: center; line-height: 26px }
#weddingListS1Text b { font: normal 19px robotoBold; color: #2C3E50 }
#weddingListS1Text u { font: normal 19px robotoBold; color: #01C3A4; text-decoration: none }
#weddingListS1Text h2 { margin-top: 15px; margin-bottom: 0px; font: normal 36px salomeRegular; color: #F89406 }
#weddingListS1Image { position: relative; display: table-cell; text-align: center; vertical-align: top; width: 365px; height: 365px }
#weddingListS1Image img { width: 365px; height: 365px; border-radius: 183px }

#weddingListS2HeadingText { position: relative; float: left; width: 960px; margin-left: 10px; margin-top: 49px; font: normal 17px openSansLight; color: #354B60; text-align: center; line-height: 23px }
#weddingListS2HeadingText b { font: normal 17px openSansSemiBold; color: #354B60 }
.weddingListS2ItemWrapper { position: relative; float: left; width: 390px; min-height: 515px; margin-top: 46px; background:#FFFFFF; border: solid 1px #354B60 }
.weddingListS2ItemTitleExternalWrapper { position: relative; float: left; width: 340px; margin-left: 25px; margin-top: 13px; font-size: 0px; text-align: center }
.weddingListS2ItemTitleWrapper { position: relative; display: inline-block }
.weddingListS2ItemTitleLabel { position: relative; float: left; font: normal 24px pacifico; color: #22313F }
.weddingListS2ItemTitlePoint { position: relative; float: left; width: 9px; height: 45px; margin-left: 12px; margin-right: 12px; background: url(../images/titlePoint.0.png) no-repeat center 21px }
.weddingListS2ItemImage { position: relative; float: left; width: 155px; height: 155px; margin-left: 117px; margin-top: 25px; background-repeat: no-repeat; background-position: center center; border-radius: 78px }
.weddingListS2ItemText { position: relative; float: left; width: 340px; margin-left: 25px; margin-top: 30px; padding-bottom: 50px; font: normal 16px robotoLight; color: #656D78; line-height: 22px; text-align: center }
.weddingListS2ItemText b { font: normal 16px robotoBold; color: #656D78 }
.weddingListS2ItemText a:link, .weddingListS2ItemText a:active, .weddingListS2ItemText a:visited, .weddingListS2ItemText a:hover { font: normal 22px openSansSemiBold; color: #01C3A4; text-decoration: underline }
.weddingListS2ItemText h2 { margin-top: 0px; margin-bottom: 0px; font: normal 22px openSansSemiBold; color: #01C3A4 }

/***** Wavesurfer *****/
#wavesurferWrapper { position: relative; float: left; width: 94%; height: 57px; margin-left: 3%; margin-top: 30px; background: rgba(0, 0, 0, 0.10); border-radius: 5px }
#wavesurferPlayPauseButton { position: realative; float: left; width: 37px; height: 37px; margin-left: 18px; margin-top: 10px; background-repeat: no-repeat; background-position: center center; cursor: pointer }
#wavesurferWaveform { position: realative; float: left; width: calc(100% - 37px - 22px - 36px); margin-left: 22px; margin-top: 5px; font: normal 16px robotoLight; color: #FFFFFF; background: transparent }