.submenuItem { position: relative; float: left; width: 300px; height: 65px; margin-top: 35px; padding-top: 20px; font: normal 36px amaticBold; color: #434A54; text-align: center; text-decoration: none; background: #FFFFFF; border: solid 3px #434A54; cursor: pointer; -webkit-transition: background 0.3s 0s ease; transition: background 0.3s 0s ease }
.submenuItem:hover { position: relative; float: left; width: 300px; height: 65px; margin-top: 35px; padding-top: 20px; font: normal 36px amaticBold; color: #FFFEFE; text-align: center; text-decoration: none; background: #EB5367; border: solid 3px #EB5367; cursor: pointer; -webkit-transition: background 0.3s 0s ease; transition: background 0.3s 0s ease }
.submenuItemSelected { position: relative; float: left; width: 300px; height: 65px; margin-top: 35px; padding-top: 20px; font: normal 36px amaticBold; color: #FFFEFE; text-align: center; text-decoration: none; background: #EB5367; border: solid 3px #EB5367; cursor: pointer; -webkit-transition: background 0.3s 0s ease; transition: background 0.3s 0s ease }

.standardButton { position: relative; float: left; height: 85px; padding-bottom: 5px; font: normal 36px amaticBold; color: #FFFEFE; text-align: center; background: #EB5367; border: 0px; cursor: pointer; -webkit-transition: background 0.3s 0s ease; transition: background 0.3s 0s ease }
.standardButton:hover { position: relative; float: left; height: 85px; padding-bottom: 5px; font: normal 36px amaticBold; color: #FFFEFE; text-align: center; background: #FF596F; border: 0px; cursor: pointer; -webkit-transition: background 0.3s 0s ease; transition: background 0.3s 0s ease }
.standardButton:disabled { position: relative; float: left; height: 85px; padding-bottom: 5px; font: normal 36px amaticBold; color: #FFFEFE; text-align: center; background: #DDDDDD; 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: 15px; text-align: center; font-size: 0px }
#pagerInternalWrapper { position: relative; display: inline-block }
.pagerPrevious:link { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px openSansBold; color: #434A54; text-decoration: none }
.pagerPrevious:active { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px openSansBold; color: #434A54; text-decoration: none }
.pagerPrevious:visited { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px openSansBold; color: #434A54; text-decoration: none }
.pagerPrevious:hover { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px openSansBold; color: #EB5367; text-decoration: none }
.pagerNext:link { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px openSansBold; color: #434A54; text-decoration: none }
.pagerNext:active { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px openSansBold; color: #434A54; text-decoration: none }
.pagerNext:visited { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px openSansBold; color: #434A54; text-decoration: none }
.pagerNext:hover { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px openSansBold; color: #EB5367; text-decoration: none }
.pagerNormal:link { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px openSansBold; color: #434A54; text-decoration: none }
.pagerNormal:active { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px openSansBold; color: #434A54; text-decoration: none }
.pagerNormal:visited { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px openSansBold; color: #434A54; text-decoration: none }
.pagerNormal:hover { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px openSansBold; color: #EB5367; text-decoration: none }
.pagerSelected { position: relative; float: left; margin-left: 10px; margin-top: 40px; padding: 5px; font: normal 18px openSansBold; color: #EB5367; text-decoration: none }

#enterAccessText { position: relative; float: left; width: 860px; margin-left: 50px; margin-top: 90px; font: italic 18px openSansLight; color: #354B60; text-align: center }
#enterAccessText b { font: italic 18px openSansBold; color: #EB5367 }
#enterAccessPasswordInput { position: relative; float: left; clear: left; width: 260px; height: 24px; margin-left: 330px; margin-top: 70px; padding: 19px; font: normal 18px openSansLight; color: #354B60; text-align: center; border: solid 1px #656D78 } 
#enterAccessErrorMessage { position: relative; float: left; width: 280px; margin-left: 30px; margin-top: 98px; font: normal 18px openSansRegular; color: #EB5367 }

/***** Inicio *****/
#indexDate { position: relative; float: left; width: 306px; height: 70px; margin-top: 18px; padding-top: 236px; font: normal 36px amaticBold; color: #000000; text-align: center; background: url(../images/weddingDate.0.png) no-repeat center 40px }
.indexPhoto { position: relative; float: left; width: 306px; height: 306px; margin-top: 21px }
#indexCounterWrapper { position: relative; float: left; width: 306px; height: 306px; margin-left: 21px; margin-top: 21px }
.indexCounterDaysItemWrapper { position: relative; float: left; width: 153px; height: 153px; background: #DA4453 }
.indexCounterHoursItemWrapper { position: relative; float: left; width: 153px; height: 153px; background: #EB5367 }
.indexCounterMinutesItemWrapper { position: relative; float: left; width: 153px; height: 153px; background: #EB5367 }
.indexCounterSecondsItemWrapper { position: relative; float: left; width: 153px; height: 153px; background: #DA4453 }
.indexCounterItemValue { position: absolute; width: 153px; left: 0px; top: 42px; font: normal 42px specialElite; color: #FFFEFE; text-align: center }
.indexCounterItemLabel { position: absolute; width: 153px; left: 0px; top: 80px; font: normal 22px openSansRegular; color: #FFFEFE; text-align: center }

/***** Nuestra historia *****/
.historyJoinLine { position: absolute; display: none; width: 31px; height: 31px }
.historyBox { position: relative; float: left; width: 306px; height: 306px; margin-top: 21px; background: #EB5367 }
.historyDataWrapper { position: relative; float: left; overflow: auto; width: 306; height: 286px; margin-top: 10px }
.historyDataTitle { position: relative; float: left; width: 256px; margin-left: 25px; margin-top: 30px; font: normal 48px openSansBold; color: #FFFEFE; text-align: center }
.historyDataText { position: relative; float: left; width: 256px; margin-left: 25px; margin-top: 30px; font: normal 17px openSansLight; color: #FFFEFE; text-align: center }

/***** Confirmar asistencia *****/
#confirmText { position: relative; float: left; width: 960px; margin-top: 30px; font: normal 18px openSansLight; color: #354B60 }
#confirmFormWrapper { position: relative; float: left; width: 960px; margin-top: 50px }
.contactInputNormal { position: relative; float: left; clear: left; height: 25px; margin-top: 9px; padding: 20px 24px 20px 24px; font: normal 18px openSansLight; color: #354B60; border: solid 1px #656D78 }
.contactInputSelected { position: relative; float: left; clear: left; height: 25px; margin-top: 9px; padding: 20px 24px 20px 24px; font: normal 18px openSansLight; color: #354B60; border: solid 1px #EB5367 }
#ccityInput { display: none }
.contactResultOkFont { position: relative; float: left; clear: left; width: 240px; margin-top: 40px; font: normal 16px openSansRegular; color: #354B60; text-align: right } 
.contactResultKoFont { position: relative; float: left; clear: left; width: 240px; margin-top: 40px; font: normal 16px openSansRegular; color: #EB4357; text-align: right }
#contactSendButtonWrapper { position: relative; float: left; width: 195px; margin-left: 40px; margin-top: 35px }

/***** Fotos *****/
#photosDataWrapper { position: relative; float: left; width: 960px }
.photosImage { position: relative; float: left; width: 960px; margin-top: 45px; margin-bottom: 10px; text-align: center }
.photosImageTitle { position: relative; float: left; width: 275px; margin-bottom: 15px; font: normal 48px openSansBold; color: #354B60 }
.photosImageText { position: relative; float: left; width: 685px; margin-top: 11px; margin-bottom: 15px; font: normal 18px openSansLight; color: #354B60 }
#photosAccessText { position: relative; float: left; width: 860px; margin-left: 50px; margin-top: 90px; font: italic 18px openSansLight; color: #354B60; text-align: center }
#photosAccessText b { font: italic 18px openSansBold; color: #EB5367 }
#photosAccessPasswordInput { position: relative; float: left; clear: left; width: 260px; height: 24px; margin-left: 330px; margin-top: 70px; padding: 19px; font: normal 18px openSansLight; color: #354B60; text-align: center; border: solid 1px #656D78 } 
#photosAccessErrorMessage { position: relative; float: left; width: 280px; margin-left: 30px; margin-top: 98px; font: normal 18px openSansRegular; color: #EB5367 }

/***** Información útil *****/
#infoContentWrapper { position: relative; float: left; width: 960px }
.infoMenuItem { position: relative; float: left; width: 300px; height: 85px; margin-top: 21px; font: normal 36px amaticBold; color: #22313F; text-align: center; text-decoration: none; background: #FFFFFF; border: solid 3px #434A54; cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
.infoMenuItem:hover { position: relative; float: left; width: 300px; height: 85px; margin-top: 21px; font: normal 36px amaticBold; color: #FFFEFE; text-align: center; text-decoration: none; background: #EB5367; border: solid 3px #EB5367; cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
.infoMenuItemSelected { position: relative; float: left; width: 300px; height: 85px; margin-top: 21px; font: normal 36px amaticBold; color: #FFFEFE; text-align: center; text-decoration: none; background: #EB5367; border: solid 3px #EB5367; cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
.infoMenuItemText { display: table-cell; width: 260px; height: 85px; padding: 0px 20px 0px 20px; text-align: center; vertical-align: middle }
.infoMenuItem2Text { position: relative; float: left; width: 260px; padding: 0px 20px 0px 20px; text-align: center; vertical-align: middle }
.infoMenuItem2When { position: relative; float: left; width: 260px; margin-top: 6px; padding: 0px 20px 0px 20px; font-size: 26px; text-align: center; vertical-align: middle }

.infoElementWrapper { position: relative; float: left; width: 960px; margin-top: 4px }
.infoElementTitle { position: relative; float: left; width: 960px; margin-top: 32px; padding-bottom: 7px; font: normal 24px openSansBold; color: #263238; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #434A54 }
.infoElementText { position: relative; float: left; width: 960px; margin-top: 22px; font: normal 18px openSansLight; color: #263238; line-height: 25px; text-align: justify }
.infoElementText h2 { position: relative; float: left; width: 100%; margin-top: 0px; margin-bottom: 0px; font: normal 20px openSansBold; color: #434A54; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #37474F }
.infoElementText b { font: normal 18px openSansBold; color: #263238 }
.infoElementText u { font: normal 18px openSansBold; color: #434A54; text-decoration: none }
.infoElementText a:link, .infoElementText a:active, .infoElementText a:visited { font: normal 18px openSansBold; color: #434A54; text-decoration: none }
.infoElementText a:hover { font: normal 18px openSansBold; color: #434A54; text-decoration: underline }
.infoElementImage { position: relative; float: left; width: 464px; height: 332px; margin-top: 32px; margin-bottom: 10px; background-repeat: no-repeat; background-position: center center }
.infoElementMap { position: relative; float: left; width: 960px; height: 480px; margin-top: 32px; margin-bottom: 10px }

/***** 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: 630px; left: 50%; margin-left: -400px; top: 70px; background: #FFFFFF; border: solid 1px #D7D7D6; box-shadow: 3px 3px 1px #CCCCCC; z-index: 10 }
#guestBookSendMessageHeader { position: relative; float: left; width: 820px; height: 72px; background: #EB5367 }
#guestBookSendMessageHeaderTitle { position: relative; float: left; width: 500px; margin-left: 40px; margin-top: 19px; font: normal 24px openSansRegular; color: #FFFFFF; letter-spacing: 1px }
#guestBookSendMessageName { position: relative; float: left; clear: left; width: 150px; margin-top: 63px; font: normal 18px openSansRegular; color: #808080; text-align: right }
#guestBookNameInput { position: relative; float: left; width: 522px; height: 24px; margin-left: 15px; margin-top: 44px; padding: 19px; font: normal 18px openSansRegular; color: #75807C; border: solid 1px #D7D7D6 }
#guestBookSendMessageMessage { position: relative; float: left; clear: left; width: 150px; margin-top: 34px; font: normal 18px openSansRegular; color: #808080; 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 openSansRegular; color: #808080; line-height: 30px; border: solid 1px #D7D7D6; resize: none }
#guestBookSendMessageImage { position: relative; float: left; clear: left; width: 150px; margin-top: 14px; font: normal 18px openSansRegular; color: #808080; 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 openSansRegular; color: #808080; background: #FFFFFF; border: solid 1px #D7D7D6 }
#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 } 
#guestBookErrorMessage { position: relative; float: left; width: 200px; margin-left: 20px; margin-top: 75px; font: normal 16px openSansRegular; color: #EB4357 }

#guestBookSendText { position: relative; float: left; width: 960px; margin-top: 30px; font: normal 18px openSansLight; color: #354B60; text-align: center }
#guestBookSendText b { font-family: openSansSemiBold }
.guestBookMessageItemWrapper { position: relative; float: left; width: 960px; margin-top: 70px }
.guestBookMessageName { position: relative; float: left; width: 960px; padding-bottom: 8px; font: normal 36px amaticBold; color: #DA4453; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #AAB2BD }
.guestBookMessageText { position: relative; float: left; width: 960px; margin-top: 19px; font: normal 16px specialElite; color: #656D78; line-height: 22px; text-align: justify }
.guestBookMessageDate { position: relative; float: left; width: 960px; margin-top: 8px; font: normal 18px openSansRegular; color: #1DD2AF; text-align: right }
.guestBookMessageImageWrapper { position: relative; float: left; width: 960px; margin-top: 32px; text-align: center }

/***** Lista de bodas *****/
#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 36px amaticBold; 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 openSansLight; color: #656D78; line-height: 22px; text-align: center }
.weddingListS2ItemText b { font: normal 16px openSansSemiBold; 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: #1DD2AF }

#weddingListS3TopText { position: relative; float: left; width: 960px; margin-left: 0px; margin-top: 25px; margin-bottom: 15px; font: normal 18px openSansLight; color: #434A54; text-align: center; line-height: 27px }
#weddingListS3TopText b { font: normal 18px openSansBold; color: #434A54 }
#weddingListS3TopText i { font: italic 18px openSansRegular; color: #434A54 }
#weddingListS3TopText u { font: italic 18px openSansRegular; color: #FF5D6D; text-decoration: none }
.weddingListS3ItemLink:link, .weddingListS3ItemLink:active, .weddingListS3ItemLink:visited { position: relative; float: left; width: 305px; height: 305px; margin-top: 22px; text-decoration: none; background-repeat: no-repeat; background-position: center center }
.weddingListS3ItemLink:hover { position: relative; float: left; width: 305px; height: 305px; margin-top: 22px; text-decoration: none; background-repeat: no-repeat; background-position: center center }
.weddingListS3ItemDataWrapper { position: absolute; overflow: hidden; width: 291px; left: 7px; bottom: 7px; background: url(../images/elementTextBackground.png) repeat center center }
.weddingListS3ItemTitle { position: relative; float: left; width: 251px; margin-left: 20px; padding-top: 10px; padding-bottom: 10px; font: normal 16px openSansSemiBold; color: #263238; text-align: center }
.weddingListS3ItemData { position: relative; float: left; width: 291px; height: 40px; margin-left: 0px; margin-bottom: -40px; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.weddingListS3ItemLink:hover .weddingListS3ItemData { position: relative; float: left; width: 291px; height: 40px; margin-left: 0px; margin-bottom: 0px; -webkit-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease }
.weddingListS3ItemLine { position: relative; float: left; width: 251px; height: 1px; margin-left: 20px; background: #78909C }
.weddingListS3ItemPrice { position: relative; float: left; margin-left: 20px; margin-top: 8px; font: normal 15px openSansRegular; color: #263238 }
.weddingListS3ItemViewButton { position: relative; float: right; margin-right: 20px; margin-top: 8px; font: normal 14px openSansSemiBold; color: #DA4453; text-decoration: underline }
#weddingListS3DetailImage { position: relative; float: left; width: 305px; height: 305px; margin-top: 65px; background-repeat: no-repeat; background-position: cneter center }
#weddingListS3DetailDataWrapper { position: relative; float: left; width: 620px; margin-left: 34px; margin-top: 60px }
#weddingListS3DetailTitle { position: relative; float: left; width: 500px; font: normal 24px openSansSemiBold; color: #263238 }
#weddingListS3DetailPrice { position: relative; float: left; width: 120px; font: normal 24px openSansLight; color: #263238; text-align: right }
#weddingListS3DetailText { position: relative; float: left; width: 620px; min-height: 95px; margin-top: 15px; font: normal 15px openSansLight; color: #434A54; line-height: 27px; text-align: justify }
#weddingListS3DetailText b { font: normal 15px openSansSemiBold; color: #434A54 }
#weddingListS3DetailPayment { position: relative; float: left; width: 577px; margin-top: 15px; padding: 20px 22px 20px 22px; font: normal 18px openSansLight; color: #434A54; line-height: 34px; background: #ECEFF1 }
#weddingListS3DetailPayment span { font: normal 18px openSansSemiBold; color: #434A54 }
#weddingListS3DetailFooter { position: relative; float: left; width: 620px; margin-top: 22px; font: italic 18px openSansRegular; color: #FF5D6D }