/* Estilo ficha */

    div#ficha{
    float:left;
    clear:both;
    margin-top:10px;
    margin-top:10px;
    margin-bottom:10px;
    position:relative;
    }

    div#ficha span{
    font-family:Muli;
    font-size:24px;
    display:inline-block;
    width:100%;
    padding:20px;
    background-color: #F0F0F0;
    margin-top:20px;
    margin-bottom:10px;

    }


    div#ficha div#visor{
    margin-top:10px;
    margin-left:0px;

    }


    div#ficha div#visor .reservado{
    position: absolute;
    height: 41px;
    background:rgba(186, 33, 33, 0.79);
    opacity:1;
    width: 30%;
    text-align: center;
    line-height: 33px;
    font-size: 25px;
    color: #ffffff;
    font-weight: bold;
    padding-top:5px;
    z-index: 2;
    top:0px;

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#94ba2121,endColorstr=#94ba2121);
    border-radius:0px 0px 5px 0px;
    }


    div#visorgrande{
    height: 100%;
    width: 100%;
    position: fixed;
    top:0px;
    left:0px;
    display: none;
    z-index:1000;
    }


    div#ficha div{
    float:left;
    height: 100%;
    }

    div#ficha div#cuadro{
    width: 650px;
    margin-left: 0px;
    text-align: left;
    color:#585858;
    font-size:14px;
    margin-top:20px;
    margin-bottom:20px;
    }

    div#ficha div#cuadro #caracteristicas{
    margin-left:100px;
    margin-top:10px;
    width:100%;
    }

    div#ficha div.outlet{
    /*display: block;
    font-size: 11px;
    right: 30px;
    top:0px;
    display: block;
    position: absolute;
    color:#be1c1c;
    text-align:right;
    font-size:18px;
    padding-top:25px;
    font-weight:bold;
    padding-left:10px;
    height:51px;
    width:100%;  */

    color: #be1c1c;
    display: block;
    font-size: 22px;
    font-weight: bold;
    height: 70px;
    padding-left: 10px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 0;
    width: 300px;
    margin-top: 22px;
    background: red;
    padding-top: 2px;
    padding-right: 20px;
    background:rgba(186, 33, 33, 0.79);
    color:white;
    }

    div#ficha div.outlet p{
    font-size:30px;
    }


    div#ficha  .etiqueta{
    width:40%;
    }

    div#ficha  .valores{
    width:60%;
    background:#F0F0F0;
    margin-top:5px;
    color:black;
    }

    div#ficha  #carac{
    float:left;

    margin-left:0px;
    color:#585858;
    font-size:15px;
    font-weight: bold;
    padding-left: 0px;
    width:200px;
    margin-top:10px;


    }

    div#ficha  #carac div{
    margin-right:10px;
    }

    div#ficha  #carac label{
    float:left; padding-right:5px;

    }

    .tituloficha{
    background:#ebebeb;
    clear: both;
    float: left;
    font-size: 24px;
    padding: 0.5% 1% 1% 4%;
    width: 105%;
    }

    .tituloficha h1{
    padding-left:4%;
    font-size:30px;

    }


    div#ficha div#cuadro div{
    margin-left:0px;
    }

    div#ficha  h1{
    font-size:20px;
    color:#585858;
    font-weight: bold;
    text-align: left;
    margin-top:0px !important;
    margin-left:-20px !important;
    padding:0px !important;
    }

    div#ficha  .precio{
    font-size:30px;
    color:white;

    text-align: left;
    float:right;
    padding:5px 10px 5px 10px;

    background:rgba(121,86,64,1) ;
    }

    div#ficha div a{
    font-family: Muli;
    color:#3B3B3B;
    text-decoration: none;
    cursor:pointer;
    font-size:16px;
    }

    div#ficha div a:hover{
    text-decoration:underline;
    cursor:pointer;
    }


    div#izquierda{
    float:left;
    width:670px;
    margin-right: 10px;
    margin-left:10px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    }

    div#derecha textarea{

    background: #e3e3e3;
    color: #333333 !important;
    border: none;
    padding:5px;
    }

    div#derecha div#form div{
    float:left;
    clear:both;
    color:#585858;
    font-size:12px;
    margin-top: 10px;
    }

    div#derecha span{
    font-size:24px;

    }

    .spansecciones {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    font-size: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    }

    div#derecha div#meinteresa{
    width:100%;
    }

    div#derecha  div{
    float:left;
    clear:both;

    }

    div#derecha hr{
    width:100%;
    margin-bottom:5px !important;
    margin-top:0px !important;
    border-top:1px outset #585858;

    }

    .hrsecciones{
    width:100%;

    border-top:1px outset #585858;
    margin-bottom:5px !important;
    margin-top:0px !important;

    }

    div#derecha div#amigos{
    /* float:left;
    clear:both;*/
    }


    div#derecha div#meinteresa input[type=text]{
    width:100%;
    }

    div#derecha div#meinteresa div{
    float:left;
    clear:both;
    color:#585858;
    font-size:14px;
    margin-top: 10px;
    }


    div#meinteresa2 input[type=text]{
    width:100%;
    }


    div#meinteresa2 textarea{

    background: #e3e3e3;
    color: #333333 !important;
    border: none;
    padding:5px;
    }

    div#meinteresa2 form div{
    color:#585858;
    font-size:14px;
    margin-top: 10px !important;
    }

    div#meinteresa2 span{
    font-size:24px;

    }


    img.iconTourVirtual {
    width:100px;);
    }


    img.iconTourVirtual:hover {
    -webkit-filter: brightness(111%);
    filter: brightness(111%);
    }


    #titamigos{
    float:left;
    clear:both;
    text-align:center;
    margin-top:50px;
    cursor:pointer;
    margin-left:8px;
    height:70px;
    width:230px;
    color:#FFFFFF;
    font-weight:bold;
    font-size:15pt;
    padding-top:22px;
    }


    .botonbuscarpeq{
    height: 42px;
    width:121px;
    background:rgba(121,86,64,1);
    color:white;
    font-size:18px;
    font-weight: bold;
    text-align: center;
    padding-top: 8px;
    cursor: pointer;
    border:0px 0px 0px 0px;
    outline:none;
    border-radius:2px 2px 2px 2px;
    }

    .botonbuscarpeq:hover{
    background:rgba(121,86,64,0.79) !important;

    }


    /* MOVIL */
    @media only screen and (min-width: 320px) and (max-width: 767px) {
    div#ficha div#visor .reservado{
    float:left !important;
    clear:both !important;
    position:relative !important;
    height: 41px;
    background:rgba(186, 33, 33, 0.79);
    opacity:1;
    width: 100%;
    text-align: center;
    line-height: 33px;
    font-size: 25px;
    color: #ffffff;
    font-weight: bold;
    padding-top:5px;
    z-index: 2;

    }

    div#ficha .reservado {

    float:left !important;
    clear:both !important;
    position:relative !important;
    height: auto;
    background:rgba(186, 33, 33, 0.79);
    opacity:1;
    width: 90%;
    text-align: center;
    line-height: 33px;
    font-size: 25px;
    color: #ffffff;
    font-weight: bold;
    padding-top:5px;
    z-index: 2;
    white-space:nowrap;
    margin-bottom:10px;
    }
    div#ficha{ margin-left:-15px;}

    #ficha div#visor{

    height:100%;
    margin-top:10px;
    margin-left:0px;


    }


    div#ficha  .precio{
    font-size:30px;
    color:white;

    text-align: left;
    float:left;
    width:100%;
    padding:5px 10px 5px 10px;

    background:rgba(<? echo $color3; ?>,1) ;
    }

    div#ficha  .etiqueta{
    width:100%;
    font-size:12px;
    font-weight:normal;
    }

    div#ficha  .valores{
    float:left;
    clear:both;
    width:100%;
    background:#F0F0F0;
    margin-top:5px;
    color:black;
    margin-bottom:10px;
    }

    div#ficha div#visor{
    margin-top:10px;
    margin-left:0px;
    height:auto;
    display:inline-table;

    }

    div#ficha span{
    font-family:Muli;
    font-size:24px;
    display:inline-block;
    max-width:320px ;
    min-width:320px;
    padding:20px;
    background-color: #F0F0F0;
    margin-top:20px;
    margin-bottom:10px;

    }


    }

    @media only screen and (min-width: 320px) and (max-width: 480px) {

    div#ficha span{
    font-family:Muli;
    font-size:24px;
    display:table;
    max-width:290px !important;
    min-width:290px;
    padding:20px;
    background-color: #F0F0F0;
    margin-top:20px;
    margin-bottom:10px;
    white-space:normal;

    }

    }