/***** Común *****/
#pagerWrapper { position: relative; float: left; width: 690px; margin-top: 35px; margin-bottom: 80px; text-align: center; font-size: 0px }
#pagerInternalWrapper { position: relative; display: inline-block }
.pagerPrevious:link { position: relative; float: left; margin-left: 10px; padding: 5px; font: normal 18px robotoSlabRegular; color: #808080; text-decoration: none }
.pagerPrevious:active { position: relative; float: left; margin-left: 10px; padding: 5px; font: normal 18px robotoSlabRegular; color: #808080; text-decoration: none }
.pagerPrevious:visited { position: relative; float: left; margin-left: 10px; padding: 5px; font: normal 18px robotoSlabRegular; color: #808080; text-decoration: none }
.pagerPrevious:hover { position: relative; float: left; margin-left: 10px; padding: 5px; font: normal 18px robotoSlabRegular; color: #E74C3C; text-decoration: none }
.pagerNext:link { position: relative; float: left; margin-left: 10px; padding: 5px; font: normal 18px robotoSlabRegular; color: #808080; text-decoration: none }
.pagerNext:active { position: relative; float: left; margin-left: 10px; padding: 5px; font: normal 18px robotoSlabRegular; color: #808080; text-decoration: none }
.pagerNext:visited { position: relative; float: left; margin-left: 10px; padding: 5px; font: normal 18px robotoSlabRegular; color: #808080; text-decoration: none }
.pagerNext:hover { position: relative; float: left; margin-left: 10px; padding: 5px; font: normal 18px robotoSlabRegular; color: #E74C3C; text-decoration: none }
.pagerNormal:link { position: relative; float: left; margin-left: 10px; padding: 5px; font: normal 18px robotoSlabRegular; color: #808080; text-decoration: none }
.pagerNormal:active { position: relative; float: left; margin-left: 10px; padding: 5px; font: normal 18px robotoSlabRegular; color: #808080; text-decoration: none }
.pagerNormal:visited { position: relative; float: left; margin-left: 10px; padding: 5px; font: normal 18px robotoSlabRegular; color: #808080; text-decoration: none }
.pagerNormal:hover { position: relative; float: left; margin-left: 10px; padding: 5px; font: normal 18px robotoSlabRegular; color: #E74C3C; text-decoration: none }
.pagerSelected { position: relative; float: left; margin-left: 10px; padding: 5px; font: normal 18px robotoSlabRegular; color: #E74C3C; text-decoration: none }

.submenuItem { position: relative; float: left; margin-right: 15px; padding: 8px 18px 8px 18px; font: normal 14px robotoSlabBold; color: #008AA0; text-decoration: none; cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
.submenuItem:hover { position: relative; float: left; margin-right: 15px; padding: 8px 18px 8px 18px; font: normal 14px robotoSlabBold; color: #FFFFFF; text-decoration: none; background: #DC4F53; cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
.submenuItemSelected { position: relative; float: left; margin-right: 15px; padding: 8px 18px 8px 18px; font: normal 14px robotoSlabBold; color: #FFFFFF; text-decoration: none; background: #DC4F53; cursor: pointer;-webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }

.commonButton { position: relative; float: left; clear: left; padding: 17px 30px 17px 30px; font: normal 17px robotoSlabBold; color: #FFFFFF; letter-spacing: 1px; text-align: center; background: #008AA0; cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
.commonButton:hover { position: relative; float: left; clear: left; padding: 17px 30px 17px 30px; font: normal 17px robotoSlabBold; color: #FFFFFF; letter-spacing: 1px; text-align: center; background: #109AB0; cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
.commonButtonDisabled { position: relative; float: left; clear: left; padding: 17px 30px 17px 30px; font: normal 17px robotoSlabBold; color: #FFFFFF; letter-spacing: 1px; text-align: center; background: url(../../common/images/loading.gray.gif) no-repeat center center; cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }

/***** Inicio *****/
#indexPhoto1 { position: relative; float: left; width: 335px; height: 335px; margin-top: 24px }
#indexPhoto2 { position: relative; float: left; width: 335px; height: 335px; margin-left: 20px; margin-top: 24px }
#indexDateTitle { position: relative; float: left; width: 690px; margin-top: 34px; font: normal 18px robotoSlabRegular; color: #34495E }
#indexDateValue { position: relative; float: left; width: 690px; margin-top: -8px; font: normal 50px robotoSlabBold; color: #34495E }
#indexContentTitle { position: relative; float: left; width: 690px; margin-top: 22px; font: normal 36px robotoSlabBold; color: #008AA0 }
#indexContentText { position: relative; float: left; width: 690px; margin-top: 2px; text-align: justify; font: normal 18px robotoRegular; color: #34495E }

/***** Nuestra historia *****/
#historyText { position: relative; float: left; width: 690px; margin-top: 25px; font: normal 18px robotoRegular; color: #34495E; text-align: justify; line-height: 22px }
#historyGalleryWrapper { position: relative; float: left; width: 690px }
.historyGalleryItemWrapper { position: relative; float: left; width: 690px; margin-top: 50px }
.historyGalleryItemTitle { font: normal 32px robotoSlabBold; color: #008AA0 }
.historyGalleryItemText { font: normal 14px robotoLight; color: #7F8C8D }
.historyGalleryItemImage { width: 400px; height: 400px; background-repeat: no-repeat; background-position: center top }

/***** Fotos *****/
#photosMenuWrapper { position: relative; float: left; width: 670px; margin-left: 10px; margin-top: 38px }
#photosDataWrapper { position: relative; float: left; width: 670px; margin-left: 10px }
.photosImage { position: relative; float: left; width: 670px; margin-top: 40px; margin-bottom: 40px; font-size: 0px; text-align: center }
.photosInfoWrapper { position: relative; float: left; width: 670px }
.photosTitle { position: relative; float: left; clear: left; width: 170px; margin-top: 18px; font: normal 30px robotoSlabBold; color: #34495E; text-align: left }
.photosText { position: relative; float: left; width: 490px; margin-left: 10px; margin-top: 20px; font: normal 16px robotoRegular; color: #737F80; text-align: justify }
#photosAccessText { position: relative; float: left; width: 690px; margin-top: 80px; font: normal 18px robotoRegular; color: #737F80; text-align: center }
#photosAccessPasswordInput { position: relative; float: left; clear: left; width: 250px; height: 24px; margin-left: 201px; margin-top: 50px; padding: 19px; font: normal 18px robotoRegular; color: #808080; text-align: center; border: solid 1px #D7D7D6 } 
#photosAccessErrorMessage { position: relative; float: left; width: 210px; margin-left: 30px; margin-top: 60px; font: normal 18px robotoRegular; color: #E74C3C }

/***** Información útil *****/
#usefulInfoMenuWrapper { position: relative; float: left; width: 690px; margin-top: 38px }
.usefulInfoItemWrapper { position: relative; float: left; width: 690px; margin-top: 38px }
.usefulInfoItemText { position: relative; float: left; width: 690px; font: normal 16px robotoLight; color: #737F80; text-align: justify }
.usefulInfoItemLeftImage { position: relative; float: left; width: 325px; height: 240px; margin-top: 45px }
.usefulInfoItemRightImage { position: relative; float: left; width: 325px; height: 240px; margin-left: 40px; margin-top: 45px }
.usefulInfoAddress { position: relative; float: left; width: 690px; margin-top: 45px; font: normal 16px robotoSlabBold; color: #737F80; text-align: center }
#ceremonyGoogleMap { position: relative; float: left; width: 690px; height: 450px; margin-top: 20px }
#banquetGoogleMap { position: relative; float: left; width: 690px; height: 450px; margin-top: 20px }
#usefulInfoBanquetMenuText { position: relative; float: left; width: 690px; margin-top: 45px; font: normal 16px robotoLight; color: #737F80; text-align: center }
#usefulInfoBanquetMenuImage { position: relative; float: left; width: 690px; margin-top: 20px; text-align: center }
#usefulInfoAdditionalDataText { position: relative; float: left; width: 690px; font: normal 16px robotoLight; color: #737F80; text-align: justify }

/***** 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: 640px; left: 50%; margin-left: -400px; top: 50px; 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: #F39C12 }
#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: 65px; font: normal 18px robotoRegular; 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 robotoRegular; color: #75807C; border: solid 1px #D7D7D6 }
#guestBookSendMessageMessage { position: relative; float: left; clear: left; width: 150px; margin-top: 36px; font: normal 18px robotoRegular; 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 robotoRegular; 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 robotoRegular; 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 robotoRegular; 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: 250px; margin-left: 30px; margin-top: 76px; font: normal 18px robotoRegular; color: #E74C3C }

#guestBookSendText { position: relative; float: left; width: 690px; margin-top: 30px; font: normal 16px robotoLight; color: #737F80; text-align: justify }
.guestBookMessageItemWrapper { position: relative; float: left; width: 690px; margin-top: 80px }
.guestBookMessageName { position: relative; float: left; width: 690px; padding-bottom: 3px; font: normal 30px robotoSlabRegular; color: #F39C12; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #F39C12 }
.guestBookMessageText { position: relative; float: left; width: 690px; margin-top: 15px; font: normal 18px robotoSlabRegular; color: #737F80; text-align: justify }
.guestBookMessageImageWrapper { position: relative; float: left; width: 690px; margin-top: 25px; text-align: center }
.guestBookMessageDate { position: relative; float: left; width: 690px; margin-top: 9px; font: normal 18px robotoRegular; color: #DC4F53; text-align: right }

/***** Confirmar asistencia *****/
#confirmText { position: relative; float: left; width: 690px; margin-top: 30px; font: normal 18px robotoRegular; color: #34495E; text-align: justify }
#confirmFormWrapper { position: relative; float: left; width: 650px; margin-left: 20px; margin-top: 13px; margin-bottom: 120px }
.contactInputNormal { position: relative; float: left; clear: left; width: 600px; height: 25px; margin-top: 13px; padding: 20px 24px 20px 24px; font: normal 18px robotoRegular; color: #808080; border: solid 1px #D7D7D6 }
.contactInputSelected { position: relative; float: left; clear: left; width: 600px; height: 25px; margin-top: 13px; padding: 20px 24px 20px 24px; font: normal 18px robotoRegular; color: #808080; border: solid 1px #D7D7D6 }
#ccityInput { display: none }
.contactResultOkFont { position: relative; float: left; clear: left; width: 650px; margin-top: 12px; font: normal 16px robotoRegular; color: #354B60; text-align: center } 
.contactResultKoFont { position: relative; float: left; clear: left; width: 650px; margin-top: 12px; font: normal 16px robotoRegular; color: #EB5367; text-align: center }
#contactSendButton { position: relative; float: left; clear: left; width: 234px; height: 60px; margin-left: 208px; margin-top: 18px; font: normal 18px robotoSlabBold; color: #FFFFFF; background: #008AA0 no-repeat center center; border: 0px; cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
#contactSendButton:hover { position: relative; float: left; clear: left; width: 234px; height: 60x; margin-left: 208px; margin-top: 18px; font: normal 18px robotoSlabBold; color: #FFFFFF; background: #109AB0 no-repeat center center; border: 0px; cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }
#contactSendButton:disabled { position: relative; float: left; clear: left; width: 234px; height: 60px; margin-left: 208px; margin-top: 18px; font: normal 18px robotoSlabBold; color: #FFFFFF; background: url(../../common/images/loading.gray.gif) no-repeat center center; border: 0px; cursor: pointer; -webkit-transition: all 0.2s 0s ease; transition: all 0.2s 0s ease }