#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.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.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.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 }

#submenu2Wrapper { position: relative; float: left; width: 976px; margin-left: 3px; margin-top: 40px }
.submenu2Item { position: relative; float: left; width: 161px; height: 161px; margin-left: 0px; margin-right: 0px; font: normal 22px pacifico; color: #22313F; line-height: 34px; text-align: center; text-decoration: none; background: url(../images/submenu2Button.normal.png) no-repeat center center; cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
.submenu2Item:hover { position: relative; float: left; width: 161px; height: 161px; margin-left: 0px; margin-right: 0px; font: normal 22px pacifico; color: #FFFFFF; line-height: 34px; text-align: center; text-decoration: none; background: url(../images/submenu2Button.over.png)no-repeat center center ; cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
.submenu2ItemSelected { position: relative; float: left; width: 161px; height: 161px; margin-left: 0px; margin-right: 0px; font: normal 22px pacifico; color: #FFFFFF; line-height: 34px; text-align: center; text-decoration: none; background: url(../images/submenu2Button.over.png) no-repeat center center; cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
.submenu2Text { display: table-cell; width: 111px; height: 160px; padding: 0px 25px 0px 25px; 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.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.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.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 }
#indexContentWrapper { position: relative; width: 980px; height: 540px; background: url(../images/indexNamesBackground.png) no-repeat center top }
#indexPerson1Name { position: absolute; width: 350px; left: 64px; top: 221px; font: normal 48px pacifico; color: #F4F1F2; text-align: right }
#indexPerson2Name { position: absolute; width: 350px; left: 568px; top: 221px; font: normal 48px pacifico; color: #F4F1F2; text-align: left }
#indexDateWrapper { position: absolute; width: 220px; height: 128px; left: 380px; top: 412px; background: url(../images/indexDateBackground.png) repeat-x center top }
#weddingDate1 { position: absolute; width: 220px; left: 0px; top: 10px; font: bold 44px salomeRegular; color: #F4F1EF; line-height: 100%; text-align: center }
#weddingDate2 { position: absolute; width: 220px; left: 0px; top: 56px; font: bold 64px salomeRegular; color: #F4F1EF; line-height: 100%; 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: #36D7B7; 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: 499px; margin-top: 75px; background-repeat: no-repeat; background-position: 108px 43px }
.historyPersonFrame { position: absolute; width: 407px; height: 499px; 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.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.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.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/carouselSelector.normal.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: #03C9A9 }
.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 *****/
.usefulInfoItemWrapper { position: relative; float: left; width: 950px; margin-left: 14px; margin-top: 50px; margin-bottom: 100px; background: #FFFFFF; border: solid 1px #BCBCBC; border-radius: 2px; box-shadow: 0px 0px 2px #BCBCBC }
.usefulInfoItemText { position: relative; float: left; width: 770px; margin-left: 90px; margin-top: 72px; font: normal 17px robotoLight; color: #656D78; text-align: justify }
.usefulInfoItemImage { position: relative; float: left; width: 360px; height: 270px; margin-top: 29px }
.usefulInfoAddressText { position: relative; float: left; width: 770px; margin-left: 90px; margin-top: 20px; font: normal 17px robotoRegular; color: #617A92; text-align: center }
.usefulInfoAddressLink { position: relative; float: left; width: 770px; margin-left: 90px; margin-top: 40px; font: normal 17px robotoRegular; color: #617A92; text-align: center }
#ceremonyGoogleMap { position: relative; float: left; width: 768px; height: 480px; margin-left: 90px; margin-top: 47px; margin-bottom: 100px; border: solid 1px #9faeaf }
#banquetGoogleMap { position: relative; float: left; width: 768px; height: 480px; margin-left: 90px; margin-top: 47px; margin-bottom: 100px; border: solid 1px #9faeaf }
#usefulInfoBanquetMenuText { position: relative; float: left; width: 770px; margin-left: 90px; margin-top: 66px; font: normal 17px robotoLight; color: #656D78; text-align: center }
#usefulInfoBanquetMenuImage { position: relative; float: left; width: 770px; margin-left: 90px; margin-top: 45px; margin-bottom: 80px; text-align: center }
#usefulInfoAdditionalDataText { position: relative; float: left; width: 770px; margin-left: 90px; margin-top: 72px; margin-bottom: 80px; font: normal 17px robotoLight; color: #656D78; text-align: justify }
#usefulInfoAdditionalDataText a:link { font: normal 17px robotoLight; color: #03C9A9; text-decoration: none }
#usefulInfoAdditionalDataText a:active { font: normal 17px robotoLight; color: #03C9A9; text-decoration: none }
#usefulInfoAdditionalDataText a:visited { font: normal 17px robotoLight; color: #03C9A9; text-decoration: none }
#usefulInfoAdditionalDataText a:hover { font: normal 17px robotoLight; color: #03C9A9; text-decoration: underline }

/***** 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.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.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.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.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: #03C9A9; 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 #03C9A9 }
#ccityInput { display: none }
.contactResultOkFont { position: relative; float: left; clear: left; width: 358px; margin-top: 135px; font: normal 16px robotoRegular; color: #354B60; text-align: right } 
.contactResultKoFont { position: relative; float: left; clear: left; width: 358px; margin-top: 135px; font: normal 16px robotoRegular; color: #EB5367; text-align: right }