﻿/*
=======================================================================================
               PARTE IZQUIERDA EXPERIENCIAS
=======================================================================================
*/
div#leftColumnExperience
{
    width:580px;
    float:left;
}
div#leftColumnExperience div.post-hotel-comments
{
    clear:both;
    background:#F9F9F9 url(../../imgLib/blog/bg-header-blog-search.jpg) no-repeat left top;
    width:529px;
    padding:40px 0px 40px 20px;
    margin:0px 0px 40px 30px;
}
div.post-hotel-comments h4
{
    font-size:26px;
    color:#09C;
    width:503px;
    font-weight:normal;
}
div.post-hotel-comments h5
{
    font-size:20px;
    color:#999;
    font-weight:normal;
}
/*
=======================================================================================
               PARTE IZQUIERDA EXPERIENCIAS - SUMARIO DEL HOTEL
=======================================================================================
*/
.post-hotel-comments div.hotel-box
{
    margin-top:20px;
    width:501px;
    padding-bottom:20px;
    border:1px solid #F0F0F0;
    position:relative;
    background:#FFF url(../../imgLib/experience/bg-box-comment.jpg) repeat-x 0px 44px;
    overflow:auto;
}
#hotelStats
{
    position:relative!important;
    clear:both;
    border:1px solid #F0F0F0;
    width:450px;
    margin:20px auto!important;
}
#hotelStats h5
{
    font-size:12px;
    font-family:Arial, Verdana, Sans-Serif;
    font-weight:bold;
    background:url(../../imgLib/experience/bg-hotel-stats-header.gif) no-repeat;
    padding-left:20px;
    line-height:14px;
    margin:10px;
    color:#666;
}
#hotelStats p
{
    text-align:right;
}
#hotelStats p#toggleStatsLink
{
    float:right;
    position:absolute;
    font-size:11px;
    float:right;
    top:20px;
    right:15px;
}
#hotelStats p#hotelStatsFactSheet
{
    padding:10px;
    color:#999;
    font-size:10px;
}
#hotelStats ul
{
    width:410px;
    margin:20px 20px 0px 20px;
    background:url(../../imgLib/experience/bg-hotel-stats-bar.jpg) repeat-y 80px 0px;
    padding:0px;
}
#hotelStats ul li
{
    line-height:20px;
    border-bottom:2px solid #FFF;
    color:#FFF;
    overflow:auto;
    font-weight:bold;
    background:url(../../imgLib/experience/bg-hotel-stats-bar-li.jpg) repeat-y;
}

#hotelStats ul li.bar-valuation-0 { background-position:110px 0px; }
#hotelStats ul li.bar-valuation-1 { background-position:140px 0px; }
#hotelStats ul li.bar-valuation-2 { background-position:170px 0px; }
#hotelStats ul li.bar-valuation-3 { background-position:200px 0px; }
#hotelStats ul li.bar-valuation-4 { background-position:230px 0px; }
#hotelStats ul li.bar-valuation-5 { background-position:260px 0px; }
#hotelStats ul li.bar-valuation-6 { background-position:290px 0px; }
#hotelStats ul li.bar-valuation-7 { background-position:320px 0px; }
#hotelStats ul li.bar-valuation-8 { background-position:350px 0px; }
#hotelStats ul li.bar-valuation-9 { background-position:380px 0px; }
#hotelStats ul li.bar-valuation-10 { background-position:410px 0px; }

#hotelStats ul li strong
{
    color:#CCC;
    display:block;
    float:left;
    width:85px;
}
div.hotel-box .header-hotel
{
    background-color:#FFF;
    border-bottom:1px solid #F0F0F0;
    padding:10px 0px 10px 15px;
}
div.hotel-box .header-hotel  span.value-text,
div.hotel-box .header-hotel .bg-navBarImg
{
   position:absolute;
   display:block;
}
.post-hotel-comments div.hotel-box .header-hotel span.value-text
{
    top:10px;
    left:350px;
    background:transparent url(../../imgLib/experience/text-value.gif) no-repeat left top;
    text-indent:-100em;
    height:7px;
    width:70px;
}
img.navBarImg
{
    background:transparent url(../../imgLib/hotels/bg-color-valuation.jpg) no-repeat scroll -29px 0px;
    margin-right:10px;
    width:100px;
    position:absolute;
    top:23px;
    left:350px;
}
.bg-navBarImg
{
    background:transparent url(../../imgLib/experience/bg-value-blue.gif) no-repeat left top;
    width:27px;
    height:27px;
    color:#09C;
    font-size:12px;
    padding:7px 0px 10px 5px; 
    top:8px;
    left:463px;
}
.post-hotel-comments div.hotel-box p#hotelSummaryInfo
{
    margin:20px;
    _margin-left:10px;
    font-size:12px;
    color:#999;
    width:280px;
    float:left;
}
.post-hotel-comments div.hotel-box .img-box-hotel
{
    display:block;
    padding:7px;
    background-color:#C1EBFF;
    margin-bottom:15px;
}
.post-hotel-comments div.hotel-box ul#hotelBoxLinks
{
    float:left;
    margin-top:20px;
    width:180px;
}
.hotel-box ul#hotelBoxLinks li
{
    margin-bottom:12px;
    margin-left:5px;
}
.hotel-box ul#hotelBoxLinks li a
{
    color:#06C;
    font-size:12px;
    padding-left:18px;
}
.hotel-box ul#hotelBoxLinks li a.info
{
    background:transparent url(../../imgLib/availability/ico-informacion.gif) no-repeat left 2px;
}
.hotel-box ul#hotelBoxLinks li a.facilities
{
    background:transparent url(../../imgLib/availability/ico-instalaciones.gif) no-repeat left 2px;
}
.hotel-box ul#hotelBoxLinks li a.photos
{
    background:transparent url(../../imgLib/availability/ico-fotografias.gif) no-repeat left 2px;
}
.hotel-box ul#hotelBoxLinks li a.maps
{
    background:transparent url(../../imgLib/availability/ico-comollegar.gif) no-repeat left 2px;
}
.hotel-box ul#hotelBoxLinks li a.wellness
{
    background:transparent url(../../imgLib/availability/ico-spa.gif) no-repeat left 2px;
}
.hotel-box ul#hotelBoxLinks li a.availability
{
    background:transparent url(../../imgLib/destinations/ico-disponibilidad.gif) no-repeat scroll left 3px;
}
#ctl00_Content_noComments
{
    margin:20px 0px;
    font-size:20px;
    background:#FFF url(../../imgLib/ico-info-more.gif) no-repeat 20px 20px;
    color:#87AAC8;
    border:1px solid #F0F0F0;
    padding:20px 0px 20px 50px;
    width:450px;
}
/*
=======================================================================================
               PARTE IZQUIERDA EXPERIENCIAS - CURSOR DE COMENTARIOS
=======================================================================================
*/
.link-NavHotelsComments
{
    margin:25px 25px 25px 0px;
    clear:both;
    overflow:auto;
    padding-left:10px;
    background:transparent url(../../imgLib/experience/border-gray.gif) repeat-x left bottom!important;
    height:38px;
}
.link-NavHotelsComments li,
.pagination-HotelsComments li
{
    overflow:auto;
    float:left;
}
.link-NavHotelsComments li a
{
    display:block;
    float:left;
    font-size:12px;
    width:180px;
    padding:8px 0px;
    text-align:center;
    text-decoration:none;
    margin-top:8px;
    border:1px solid #CCC;
    color:#666;
    background-color:#E9E9E9;
}
.link-NavHotelsComments li.selected a
{
    color:#09F;
    font-weight:bold;
    background:#F9F9F9 url(../../imgLib/experience/bg-link-comment.jpg) repeat-x left top;
    padding:10px 0px 12px 0px;
    border:1px solid #E2EAF0;
    border-bottom:none;
    margin-top:3px;
}
#linkNavHotelsCommentsBottom li.selected a
{
    background:#F9F9F9 url(../../imgLib/experience/bg-link-bottom.jpg) repeat-x left top!important;
}
.link-NavHotelsComments li a:hover,
.pagination-HotelsComments li a:hover,
.box-footer-register-exp a:hover
{
    text-decoration:underline!important;
}
.description-hotels-comments 
{
    background:transparent url(../../imgLib/experience/border-blue.gif) repeat-x left bottom;
    margin:23px 25px 0px 0px;
    padding-bottom:25px;
    clear:both;
}
.description-hotels-comments strong
{
    color:#F60;
    font-size:14px;
}
.description-hotels-comments p
{
    color:#036;
    font-size:12px;
    margin-top:15px;
}
#publishValoration
{
    font-size:12px;
    color:#999;
    background:transparent url(../../imgLib/experience/ico-blog.gif) no-repeat right top;
    margin:10px 25px 0px 0px;
    padding:0px 70px 20px 0px;
}
#publishValoration a
{
    display:block;
    margin-top:22px;
    color:#5CBEF5;
    font-weight:bold;
}
/*
=======================================================================================
               PARTE DERECHA PAGINACIÓN
=======================================================================================
*/
.pagination-HotelsComments
{
    margin:20px 25px 0px 0px;
    padding-bottom:35px;
}
.pagination-HotelsComments strong
{
    color:#999;
    font-size:12px;
    display:block;
    float:left;
    margin-top:10px;
}
.pagination-HotelsComments ul
{
    float:right;
}
.pagination-HotelsComments li a
{
    float:left;
    font-family:Verdana, Sans-Serif, Arial;
    font-size:14px;
    font-weight:bold;
    color:#999;
    padding:6px 10px 8px 9px;
    border:1px solid #CCC;
    text-decoration:none;
    margin-left:10px;
}
.pagination-HotelsComments li.selected a
{
    color:#FFF;
    background-color:#CCC;
}
#linkNavHotelsCommentsBottom
{
    background-position:left top!important;
}
#linkNavHotelsCommentsBottom li a
{
    margin:0px;
}
#linkNavHotelsCommentsBottom li.selected a
{
    border-bottom:1px solid #E2EAF0;
    border-top:none;
}
/*
=======================================================================================
               PARTE DERECHA EXPERIENCIAS
=======================================================================================
*/
.content-right-experience
{
    background-color:#FFF;
    float:right;
    width:252px;
    padding-bottom:40px;
    margin:65px 10px 40px 0px;
    border-top:20px solid #2483B6;
}
.header-right-exp
{
    background:#F7F9FB url(../../imgLib/experience/bg-right-clients.jpg) repeat-x left top;
    padding:10px;
    font-weight:bold;
    color:#2483B6;
    font-size:12px;
    margin:1px 1px 0px 1px;
}
.content-right-experience .hotels-right-exp
{
    overflow:auto;
    clear:both;
    margin-bottom:18px;
    padding:0px 15px 18px 15px;
    background:transparent url(../../imgLib/experience/bg-border-right.gif) repeat-x left bottom;
}
.hotels-right-exp h6
{
    background:transparent url(../../imgLib/experience/ico-logo.gif) no-repeat left top;
    padding:0px 30px 15px 30px;
}
.hotels-right-exp h6 a
{
    font-size:14px;
    color:#2483B6;
    font-weight:bold;
    text-decoration:none;
    line-height:18px;
}
.hotels-right-exp .bg-navBarImg 
{
    background:transparent url(../../imgLib/experience/bg-value-orange.gif) no-repeat left top;
    color:#C93;
    display:block;
    padding:7px 0px 10px 5px;
    float:left;
}
.hotels-right-exp .navBarImgRight 
{
    background:transparent url(../../imgLib/hotels/bg-color-valuation.jpg) no-repeat scroll -29px 0px;
    width:100px;
    float:left;
}
.hotels-right-exp p
{
    color:#666;
    .width:185px;
    padding:5px 0px 0px 0px;
}
.hotels-right-exp p a
{
    color:#666;
    font-size:11px;
}
.footer-right-exp
{
    color:#999;
    font-size:12px;
    margin:0px 10px 15px 15px;
}
/*
=======================================================================================
        FORMULARIO DE PUBLICACIÓN DE COMENTARIOS - HotelsCommentsPublish.aspx
=======================================================================================
*/
#publishCommentsClients
{
    margin-right:25px;
}
#publishCommentsClients p,
#publishCommentsClients .fieldset-float p
{
    color:#999;
    font-size:11px;
    padding-bottom:20px;
}
#infoPublishImg
{
    background:transparent url(../../imgLib/experience/info-publish.jpg) no-repeat right top;
    margin-right:5px;
}
#publishCommentsClients .info-publish
{
    font-size:12px!important;
    padding-right:80px;
}
#publishCommentsClients .info-publish a
{
    color:#09F;
}
#publishCommentsClients .fieldset-float
{
    clear:none!important;
    overflow:hidden!important;
    display:block;
    float:left;
    width:252px;
}
#publishCommentsClients .fieldset-float label,
#publishCommentsClients fieldset legend,
#publishCommentsClients #titleValuation
{
    font-weight:bold;
    color:#6CC5E1;
    font-size:12px;
    display:block;
    margin-bottom:10px;
}
#publishCommentsClients .fieldset-float input
{
    background:#FFF url(../../imgLib/experience/bg-input.jpg) repeat-x left top;
    padding:5px 0px 5px 2px;
    border:1px solid #E3EBF1;
    width:240px;
    margin-bottom:10px;
}
#publishCommentsClients fieldset,
#publishCommentsClients .content-slider
{
    clear:both;
    overflow:auto;
    margin-bottom:10px;
}
#publishCommentsClients fieldset legend
{
    margin-bottom:20px;
}
#publishCommentsClients fieldset legend strong
{
    color:#2595BA;
}
#publishCommentsClients .content-slider label
{
    color:#AA0;
    width:262px;
    text-align:right;
    display:block;
    float:left;
    padding:3px 0px;
    margin-right:15px;
}
#publishCommentsClients .content-slider div
{
    float:left;
}
#publishCommentsClients .content-slider strong
{
    background:transparent url(../../imgLib/experience/bg-value-green.gif) no-repeat left top;
    color:#FFF;
    width:27px;
    display:block;
    padding:7px 0px 10px 0px;
    margin-left:18px;
    text-align:center;
    float:left;
    font-size:12px;
}
#publishCommentsClients .tbValuation-multiline
{
    width:99%;
    border:1px solid #E3EBF1;
    background:#FFF url(../../experience/bg-multiline.jpg) repeat-x left top;
    padding:5px 0px 0px 5px;
    height:300px;
}
#publishCommentsClients .text-check
{
    display:block;
    color:#666;
    margin-top:25px;
}
#publishCommentsClients .text-check a
{
    color:#666;
}
#publishCommentsClients .form-button
{
    width:129px;
    height:29px;
    position:relative;
    left:375px;
    top:-20px;
}
