﻿/*
=======================================================================================
               ESTILOS COMUNES
=======================================================================================
*/
#leftColumnExperience h5,
#rightColumnExperience h5
{
    font-size:18px;
    font-weight:normal;
    text-align:center;
    padding:15px 0px;
    line-height:20px;
}
/*
=======================================================================================
               PARTE IZQUIERDA EXPERIENCIAS
=======================================================================================
*/
#indexExperience p
{
    font-size:12px;
}
div#leftColumnExperience
{
    width:252px;
    float:left;
    padding-left:30px;
}
.content-portada
{
    margin-left:0px!important;
    margin-bottom:45px!important;
}
.left-column-common
{
    clear:both;
}
#leftColumnSuggestion
{
    background:#010101 url(../../imgLib/experience/img-suggestions.jpg) no-repeat left top;
}
.left-column-common h4
{
    font-size:26px;
    color:#FFF;
    font-weight:normal;
    text-align:center;
    padding:35px 0px 175px 0px;
    .padding-top:15px;
}
.left-column-common p
{
    color:#FFF;
    padding-bottom:15px;
    margin:5px 5px 0px 20px;
}
#leftColumnSuggestion #boxSuggestions
{
    background:transparent url(../../imgLib/experience/box-suggestions.jpg) no-repeat left top;
    margin-left:20px;
    width:216px;
    height:244px;
}
#leftColumnSuggestion #boxSuggestions h6
{
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    color:#FFF;
    text-align:center;
    padding:15px 0px;
    margin:0px 10px;
}
#leftColumnSuggestion #boxSuggestions li
{
    padding-bottom:13px;
}
#leftColumnSuggestion #boxSuggestions li a
{
    display:block;
    text-align:center;
    font-size:11px;
    color:#990000;
    font-weight:bold;
    text-decoration:none;
    border:1px solid #DDD;
    padding:5px 0px;
    margin:0px 28px 0px 28px;
    background:#F4F4F4 url(../../imgLib/experience/bg-subscription.gif) repeat-x left top;
}
#leftColumnSuggestion #boxSuggestions li.selected a
{
    background:#FFF url(../../imgLib/experience/bg-selected-suggestions.gif) repeat-x left top;
    color:#CCC;
}
#leftColumnParticipate
{
    background:#A4EDFF url(../../imgLib/experience/bg-participate.jpg) repeat-x left top;
    padding-bottom:20px;
}
#leftColumnParticipate h5
{
    color:#069;
}
#leftColumnParticipate p
{
    margin:0px 15px 0px 20px;
    color:#03F;
    background:transparent url(../../imgLib/experience/ico-participate.gif) no-repeat right top;
    padding-right:67px;
}
#leftColumnParticipate p a
{
    color:#03F;
}
#leftColumnRegister
{
    background-color:#FFF;
    padding-bottom:30px;
    margin-bottom:30px;
}
#leftColumnRegister h5
{
    color:#990000;
}
#leftColumnRegister p
{
    color:#999;
    margin:0px 15px 10px 20px;
}
/*
=======================================================================================
               PARTE DERECHA EXPERIENCIAS
=======================================================================================
*/

div#rightColumnExperience
{
    float:right;
    width:555px;
    padding-bottom:50px;
    margin-left:45px;
    _margin-left:35px;
}
.pagination-info
{
    clear:both;
    overflow:auto;
}
.pagination-info h5
{
    text-align:left!important;
    padding-top:30px!important;
    _padding-top:15px;
    padding-bottom:10px!important;
    color:#FFF;
}
.last-pagination h5
{
    color:#DAEDF8;
}
.pagination-info img
{
    margin-right:18px;
    float:left;
}
.pagination-info .paginacion
{
    float:right;
    color:#DAEDF8;
    font-weight:bold;
    margin-right:5px;
}
.pagination-info .paginacion a
{
    color:#FFF;
}
.suggestions
{
    clear:both;
    background:#F9F9F9 url(../../imgLib/experience/bg-header-suggestions.jpg) no-repeat left top;
    width:549px;
    position:relative;
    margin:10px 0px 40px 0px;
    padding:45px 0px 0px 0px;
}
.suggestions .last-line
{
    background:transparent url(../../imgLib/blog/bg-border.jpg) repeat-x left top;
    width:509px;
    font-size:11px;
    padding:15px 0px 20px 0px;
    margin-left:20px;
}
.suggestions .last-line a
{
    color:#999;
    text-decoration:none;
}
.suggestions .last-line a:hover
{
    color:#0099CC;
}
.suggestions .last-line a.yahoo
{
    background:transparent url(../../imgLib/blog/ico-yahoo.gif) no-repeat 5px 2px;
    padding-left:30px;
}
.suggestions .last-line a.technorati
{
    background:transparent url(../../imgLib/blog/ico-technorati.gif) no-repeat 15px top;
    padding-left:40px;
}
.suggestions .last-line a.delicious
{
    background:transparent url(../../imgLib/blog/ico-delicious.gif) no-repeat 15px top;
    padding-left:35px;
}
.suggestions .last-line a.digg
{
    background:transparent url(../../imgLib/blog/ico-digg.gif) no-repeat 15px top;
    padding-left:35px;
}
.suggestions .ajax-raiting
{
    position:absolute;
    top:10px;
    left:463px;
}
.suggestions .ajax-raiting strong
{
    clear:both;
    display:block;
    color:#FFF;
    font-size:10px;
}
.suggestions p,
.suggestions h5,
.suggestions h6,
.suggestions .user-suggestions
{
    margin:0px 20px 0px 30px;
}
.suggestions .user-suggestions
{
    background:transparent url(../../imgLib/experience/ico-comment.gif) no-repeat left top;
    padding-left:20px;
    color:#990000;
    font-size:11px;
}
.suggestions .user-suggestions a
{
    color:#900;
}
.suggestions h5,
#formIntroSuggestion h5
{
    color:#999;
    font-size:16px;
    font-weight:bold;
    text-align:left!important;
    padding-bottom:10px!important;
}
.suggestions h6,
#formIntroSuggestion h6
{
    font-size:26px;
    color:#900;
    padding-bottom:15px;
    letter-spacing:-1px;
}
.suggestions p
{
    padding-bottom:20px;
    color:#036;
}
.suggestions .user-suggestion-date
{
    color:#999;
    font-style:italic;
    font-weight:bold;
    margin-top:5px;
}
.suggestions .user-suggestion-date a
{
    color:#999;
}
/*
=======================================================================================
                         ESTILOS RATING 
=======================================================================================
*/
.ratingStar {
    background-repeat:no-repeat;
    cursor:pointer;
    display:block;
    font-size:0pt;
    height:12px;
    margin:0px;
    padding:0px;
    width:13px;
    margin-bottom:7px;
}
.filledRatingStar {
    background-image:url(../../imgLib/experience/filledStar.gif);
}
.emptyRatingStar
{
    background-image:url(../../imgLib/experience/emptyStar.gif);
}
.savedRatingStar
{
    background-image:url(../../imgLib/experience/savedStar.gif);
}
/*
=======================================================================================
                         DIV CABECERA INFORMACIÓN 
=======================================================================================
*/
#ctl00_Content_divSuggestionsEmpty p,
#ctl00_Content_divSuggestionSended p,
#ctl00_Content_divShowCommunitySuggestions p
{
    background:transparent url(../../imgLib/experience/smiley-sad.gif) no-repeat 0px 0px;
    padding-left:40px;
    font-size:14px;
    line-height:18px;
    color:#fff;
}
#ctl00_Content_divShowCommunitySuggestions p
{
    height:32px;
    margin-bottom:10px;
    margin-top:10px;
    background:transparent url(../../imgLib/experience/splash-green.gif) no-repeat left top;
    padding-top:10px;
}
#ctl00_Content_divSuggestionsEmpty a,
.title-info-error a,
#ctl00_Content_divShowCommunitySuggestions a
{
     color:#DAEDF8;
}
#ctl00_Content_divSuggestionSended p
{
    margin-top:10px;
    background:transparent url(../../imgLib/experience/splash-green.gif) no-repeat left top;
}
.title-info-error
{
    background:transparent url(../../imgLib/experience/smiley-sad.gif) no-repeat 0px 30px;
    padding-left:40px!important;
}
/*
=======================================================================================
               FORMULARIO INFERIOR
=======================================================================================
*/
#formIntroSuggestion
{
    clear:both;
    overflow:hidden;
    border-top:18px solid #D5EBF7;
    background:#F9F9F9 url(../../imgLib/experience/info-publish.jpg) no-repeat 30px 20px;
    width:698px;
    margin-left:35px;
    padding:20px 45px 30px 104px;
}
#formIntroSuggestion h6
{
    color:#0C3;
}
#formIntroSuggestion fieldset label
{
    font-weight:bold;
    color:#6CC5E1;
    font-size:12px;
    display:block;
    margin-bottom:10px;
}
#formIntroSuggestion fieldset
{
    margin-bottom:10px;
}
#formIntroSuggestion fieldset select
{
    float:left;
    margin-right:20px;
}
#formIntroSuggestion fieldset p
{
    font-size:11px;
    color:#999;
    margin-bottom:20px;
}
#formIntroSuggestion fieldset input,
#formIntroSuggestion fieldset textarea
{
    width:100%;
    background:#FFF url(../../imgLib/experience/bg-input.jpg) repeat-x left top;
    padding:5px 0px 5px 2px;
    border:1px solid #E3EBF1;
    margin-bottom:10px;
}
#formIntroSuggestion fieldset textarea
{
    height:300px;
}
#formIntroSuggestion .text-check,
#formIntroSuggestion .text-check a
{
    color:#666;
    font-size:12px;
}
#formIntroSuggestion .form-button
{
    width:129px;
    height:29px;
    float:right;
    margin-top:-20px;
}
/*
=======================================================================================
                        PÁGINA COMENTARIOS DE CLIENTES
=======================================================================================
*/
#leftColumnPhotos
{
    background:#069 url(../../imgLib/experience/img-photos.jpg) no-repeat left top;
}
#leftColumnPhotos h4
{
    margin:0px 10px;
    padding-bottom:150px;
}
.header-right-exp
{
    background:#F7F9FB url(../../imgLib/experience/bg-right-clients.jpg) repeat-x left top;
    padding:10px;
    color:#2483B6;
    font-size:12px;
}
.header-right-exp strong
{
    display:block;
    background:transparent url(../../imgLib/experience/img-filter.jpg) no-repeat left top;
    padding-left:30px;
}
#photosDestinations
{
    background-color:#FFF;
    width:252px;
    padding-bottom:10px;
}
#photosDestinations .hotels-photos li
{
    width:240px;
    margin:0px 5px 1px 5px;
    border:1px solid #FFF;
}
#photosDestinations .hotels-photos li:hover,
.allMyPhotos a:hover
{
    background:#E8F2F7 url(../../imgLib/experience/bg-li.jpg) repeat-x left top!important;
    border:1px solid #DDEFF9;
}
#photosDestinations .hotels-photos li:hover a,
.allMyPhotos a:hover
{
    color:#09F!important;
}
#photosDestinations .hotels-photos li a:hover
{
    _color:#09F!important;
    _text-decoration:underline;
}
#photosDestinations .hotels-photos li a
{
    display:block;
    color:#09F;
    font-size:12px;
    font-weight:bold;
    background:transparent url(../../imgLib/experience/ico-logo.gif) no-repeat 10px 5px;
    padding:11px 0px 11px 40px;
    text-decoration:none;
}
#photosDestinations .hotels-photos li.bgImgPhotos
{
    background-color:#FFF;
}
#photosDestinations .hotels-photos li.bgImgPhotos a
{
    background:transparent url(../../imgLib/experience/ico-photos.gif) no-repeat 10px 5px;
}
#photosDestinations .hotels-photos li.selected a
{
    color:#999;
}
#photosDestinations .hotels-photos li.allPhotos
{
    border:1px solid #DDEFF9;
    background:#FFC url(../../imgLib/experience/bg-all.jpg) repeat-x left top;
    margin-top:10px;
}
#photosDestinations .hotels-photos li.allPhotos a
{
    font-weight:normal;
    color:#F60;
    text-align:center;
    background:none;
    padding-left:0px;
}
.allMyPhotos
{
    padding:0px 5px 0px 5px;
    background-color:#FFF;
    text-align:center;
}
.allMyPhotos a
{
    border:1px solid #DDEFF9;
    background:#FFC url(../../imgLib/experience/bg-all.jpg) repeat-x left top;
    display:block;
    color:#F60;
    font-size:12px;
    padding:10px 0px 9px 0px;
    text-decoration:none;
}
.participate-photos p
{
    background:transparent url(../../imgLib/experience/ico-participatePhotos.jpg) no-repeat right top!important;
}
#ctl00_Content_linkZoom
{
    background:transparent url(../../imgLib/experience/zoom-grey.gif) no-repeat left top;
    text-indent:-1000em;
    display:block;
    width:15px;
    height:15px;
    position:absolute;
    top:60px;
    left:500px;
}
#ctl00_Content_linkZoom:hover
{
    background:transparent url(../../imgLib/experience/zoom-black.gif) no-repeat left top;
}
.featuredImage
{
    margin:0px 0px 10px 30px;
}
.suggestions .format-paragrapht-photos
{
    color:#999;
    background:transparent url(../../imgLib/experience/border-blue.gif) repeat-x left bottom;
    padding:15px 0px 15px 10px;
}
.suggestions .format-paragrapht-photos a
{
    color:#069;
}
.suggestions .format-paragrapht-photos img
{
    margin-right:10px;
}
.suggestions #infoSendUser strong
{
    background:transparent url(../../imgLib/experience/ico-title.gif) no-repeat 0px 0px;
    padding-left:25px;
}
.suggestions #sendPhotoFriend
{
    background:none;
    border:1px solid #F9F9F9;
    margin-top:5px;
    padding:7px 0px 14px 10px;
    width:317px;
}
.suggestions .sendPhotoFriend-selected
{
    padding-bottom:9px!important;
    background-color:#EAF3F8!important;
    border-color:#B7DDF2!important;
    margin-bottom:15px;
}
#imgPhotos
{
    color:#FFF;
    font-size:11px;
    margin-top:20px;
}
#imgPhotos li
{
    float:left;
    margin-right:18px;
    height:130px;
    margin-bottom:5px;
}
#imgPhotos li img
{
    padding:6px;
    background-color:#FFF;
    border-bottom:1px solid #268AD6;
    display:block;
    margin-bottom:5px;
}
#imgPhotos li a
{
    font-weight:bold;
    color:#FFF;
}
/*
=======================================================================================
                PÁGINA COMENTARIOS DE CLIENTES - FORMULARIO REMITIR FOTO
=======================================================================================
*/
#formPhotoSend
{
    border-top:1px solid #6FBBE3;
    background:#EAF3F8 url(../../imgLib/experience/bg-formFeatured.jpg) repeat-x left top;
    padding-bottom:20px;
    padding-left:25px;
    font-size:10px;
    color:#069;
    overflow:auto;
    _height:400px;
}
#formPhotoSend strong
{
    clear:both;
    display:block;
    font-size:11px;
    padding-top:15px;
}
#formPhotoSend fieldset
{
    padding-top:15px;
    display:inline;
}
#formPhotoSend fieldset label
{
    display:block;
    padding-bottom:10px;
}
#formPhotoSend fieldset input
{
    width:216px;
    border:1px solid #E1EAF1;
    background-color:#F5FAFC;
    padding:5px 0px 5px 5px;
    font-size:10px;
    color:#999;
    margin-right:25px;
}
#formPhotoSend fieldset .input-all-width,
#formPhotoSend fieldset .input-url
{
    width:462px;
}
#formPhotoSend fieldset .input-url
{
    background-color:#ECF5F9;
    border:1px solid #CEDCE8;
}
.cbCopyMessage
{
    display:block;
    margin-top:10px;
    .margin-top:5px;
    margin-right:5px;
    float:left;
}
.label-bcc
{
    float:left;
    margin-top:10px;
    display:block;
}
.btnPhotoFriend
{
    float:right;
    color:#069;
    font-size:12px;
    background-color:#E1EAF1;
    border:1px solid #C4D6E3;
    width:58px;
    height:24px;
    margin:5px 55px 0px 0px;
}
#linkCloseForm
{
    margin:20px 0px 0px 0px;
    padding:0px;
    color:#999;
    font-size:11px!important;
}
#linkCloseForm a
{
    color:#069;
}
/*
=======================================================================================
                PÁGINA COMENTARIOS DE CLIENTES - FORMULARIO INFERIOR
=======================================================================================
*/
.form-clients-photos
{
    background:#F9F9F9 url(../../imgLib/experience/img-form-photos.jpg) no-repeat 30px 20px!important;
}
.form-clients-photos h6
{
    color:#F60!important;
}
.form-clients-photos .link-update-photo
{
    display:block;
    color:#06C;
    margin-bottom:20px;
}
.form-clients-photos #ctl00_Content_FileUpload1
{
    width:499px;
    background:#FFF;
    border:1px solid #DAE2CD;
    padding:3px 0px;
}
/*
=======================================================================================
               CORRECCIONES FORMULARIO ENVIO A UN HAMIJO
=======================================================================================
*/
#formPhotoSendReply
{
    margin:15px 10px 5px 0px!important;
    border:1px solid red;
    padding:10px;
    padding-left:32px;
    font-weight:bold;
    display:none;
}
#formPhotoSendReply.success
{
    background:#E7FFDF url(../../imgLib/ico-alert-success.gif) no-repeat 8px 11px;
    border:1px solid #81CF74;
}
#formPhotoSendReply.error
{
    background:#FFE4DF url(../../imgLib/ico-alert-error.gif) no-repeat 8px 11px;
    border:1px solid #900;
    color:#900;
}
#sendingMessageDialog
{
    clear:both;
    padding:10px;
    padding-left:28px;
    background:transparent url(../../imgLib/ajax-loader3.gif) no-repeat 5px 6px;
    color:#000;
    display:none;
}
