﻿/*
=======================================================================================
                CLASES Y ESTILOS COMUNES EN LA PARTE DE EXPERIENCIAS
=======================================================================================
*/
#backgroundExperiences a:hover
{
    text-decoration:none;
}
#backgroundExperiences em
{
    font-style:italic;
}
div#indexExperience 
{
    clear: both;
    width: 890px;
    overflow:auto;
    position:relative;
}
div#indexExperience div.background-title
{
    margin-top:35px;
    height:102px;
    background:transparent url(../../imgLib/blog/bg-title-blog.jpg) no-repeat left bottom;
    padding-left:30px;
    position:relative;
}
div#indexExperience div.background-title h2
{
    text-indent:0px!important;
    color:#1E6D99;
    font-size:16px;
    font-weight:bold;
    padding-top:35px;
}
div#indexExperience div.background-title h2 a
{
    color:#1E6D99;
}
div#indexExperience div.background-title h2 a:hover
{
    text-decoration:none;
}
div#indexExperience div.background-title h3
{
    font-size:30px;
    color:#FFF;
    font-weight:normal;
    padding:8px 0px;
}
div#indexExperience div.background-title span
{
    display:block;
    position:absolute;
    top:20px;
    left:535px;
    _left:515px;
    background:transparent url(../../imgLib/experience/text-title.gif) no-repeat left top;
    width:86px;
    height:9px;
    text-indent:-100em;
}
div#indexExperience div.background-title ul
{
    position:absolute;
    top:35px;
    left:535px;
    _left:515px;
}
div#indexExperience div.background-title ul li
{
    float:left;
}
div#indexExperience div.background-title ul li a
{
    width:112px;
    height:59px;
    display:block;
    float:left;
    text-indent:-1000em;
    margin-right:4px;
    _margin-right:2px;
}
div#indexExperience div.background-title ul li#participateBlog a
{
    background:transparent url(../../imgLib/experience/bg-blog.jpg) no-repeat left top;
}
div#indexExperience div.background-title ul li#ideasClients a
{
    background:transparent url(../../imgLib/experience/bg-ocio.jpg) no-repeat left top;
    _margin-right:0px;
}
div#indexExperience div.background-title ul li#photosClients a
{
    background:transparent url(../../imgLib/experience/bg-photos.jpg) no-repeat left top;
    margin-right:0px;
}
div#indexExperience div.background-title ul li#commentClients a
{
    background:transparent url(../../imgLib/experience/bg-comments.jpg) no-repeat left top;
}
div.background-title .content-emergent
{
    background:transparent url(../../imgLib/experience/bg-emergent.png) no-repeat left top;
    width:297px;
    height:163px;
    display:none;
    position:absolute;
}
div.background-title .content-emergent strong
{
    margin-top:35px;
    display:block;
    background:transparent url(../../imgLib/experience/ico-lamp.gif) no-repeat 20px 0px;
    padding-left:35px;
    width:248px;
    padding-bottom:5px;
    line-height:15px;
}
div.background-title .content-emergent p
{
    padding-left:35px;
    color:#FFF;
    width:248px;
    font-size:11px!important;
    line-height:14px!important;
}
div.background-title .first-emergent
{
    left:340px;
}
div.background-title .second-emergent
{
    left:460px;
}
div.background-title .third-emergent
{
    left:560px;
}
.box-footer-register-exp
{
    background:transparent url(../../imgLib/experience/bg-footer-register.jpg) no-repeat left top;
    margin:0px 26px;
    width:200px;
    height:101px;
}
.box-footer-register-exp h6
{
    padding:12px 0px;
    width:188px;
    text-align:center;
    font-family:Trebuchet MS, Arial, Sans-Serif;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    color:#FFF;
}
.box-footer-register-exp a
{
    display:block;
    background:url(../../imgLib/experience/bg-subscription.gif) repeat-x left top;
    width:158px;
    border:1px solid #DDD;
    text-align:center;
    padding:5px 0px;
    margin:0px 20px;
    color:#990000;
    text-decoration:none;
    font-weight:bold;
}
.error-info
{
    border:1px solid #FC9;
    padding:15px 45px 15px 15px;
    background:#FFFF99 url(../../imgLib/experience/bg-error.jpg) repeat-x left top;
    margin-bottom:20px;
}
.error-info p
{
    background:transparent url(../../imgLib/experience/ico-quejas.gif) no-repeat left top;
    padding:0px 0px 0px 25px!important;
    color:#990000!important;
    margin:0px!important;
    font-size:11px!important;
}
.error-info p a
{
    color:#990000;
}
.info-footer-delete
{
    padding:0px 0px 20px 0px!important;
    font-size:9px!important;
    color:#999;
}
.experiences-start-link
{
    font-weight:normal;
}
/*
=======================================================================================
               ENLACES TODOS LOS HOTELES
=======================================================================================
*/
#linkNavDestinationsExperience
{
    background:transparent url(../../imgLib/experience/bg-ul-destinations.gif) no-repeat left top;
    height:28px!important;
    width:252px;
    margin-bottom:25px;
}
#linkNavDestinationsExperience li
{
    background:transparent url(../../imgLib/experience/bg-ul-destinations.gif) no-repeat 0px 28px;
    overflow:auto;
    float:left;
}
#linkNavDestinationsExperience li a:hover
{
    text-decoration:underline!important;
}
#linkNavDestinationsExperience li a
{
    display:block;
    color:#666;
    font-size:11px;
    text-decoration:none;
    width:84px!important;
    text-align:center;
    padding:10px 0px;
}
#linkNavDestinationsExperience li.selected a
{
    color:#09F;
}
#linkNavDestinationsExperience li#listLinkBenidorm.selected 
{
    background-position:0px -28px;
}
#linkNavDestinationsExperience li#listLinkGandia.selected 
{
    background-position:-84px -28px;
}
#linkNavDestinationsExperience li#listLinkPeniscola.selected 
{
    background-position:-168px -28px;
}
/*
=======================================================================================
               PARTE IZQUIERDA EXPERIENCIAS
=======================================================================================
*/
div.content-portada
{
    background:transparent url(../../imgLib/blog/bg-portada.gif) no-repeat 0px top;
    height:27px;
    width:90px;
    padding-top:8px;
    float:left;
    margin:10px 10px 15px 30px;
    _margin-left:15px;
}
#publishPhotos
{
    background:transparent url(../../imgLib/experience/bg-photo.gif) no-repeat left top;
    width:145px;
    height:27px;
    padding-top:8px;
    float:left;
    margin:10px 0px 15px 0px;
}
div#leftColumnExperience div.content-portada a,
div#rightColumnExperience div.content-rss a,
div#rightColumnExperience #sortPopularity a,
div#rightColumnExperience #sortDate a,
#publishPhotos a
{
    font-family:Arial, Trebuchet MS, Verdana;
    font-size:10px;
    color:#FFF;
    padding-left:25px;
    text-decoration:none;
}
#publishPhotos a
{
    padding-left:35px;
}
div#leftColumnExperience div.content-portada a:hover,
div#rightColumnExperience div.content-rss a:hover,
div#rightColumnExperience #sortPopularity a:hover,
div#rightColumnExperience #sortDate a:hover,
#publishPhotos a:hover
{
    color:#3B70EC;
}
/*
=======================================================================================
               PARTE DERECHA EXPERIENCIAS
=======================================================================================
*/
div.right-link-header
{
    margin-left:55px;
}
#sortDate
{
    width:155px;
    background:transparent url(../../imgLib/experience/bg-date.gif) no-repeat left top;
}
#sortPopularity
{
    background:transparent url(../../imgLib/experience/bg-favourite.gif) no-repeat left top;
    width:186px;
}
div.content-rss
{
    background:transparent url(../../imgLib/blog/bg-rss.gif) no-repeat left top;
    width:86px;
}
.content-rss,
#sortPopularity,
#sortDate
{
    float:right;
    height:27px;
    padding:8px 0px 0px 0px;
    margin:10px 10px 20px 0px;
}
/*
============================================================================
 Hoteles RH : PIE
============================================================================
*/
p.footer
{
    display:block;
    clear:both;
    margin-bottom:50px;
    width:892px;
}
p.footer a
{
    float:right;
    display:block;
    margin-top:10px;
    padding-right:25px;
}