/**
 * Copyright (c) 2012 Anders Ekdahl (http://coffeescripter.com/)
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 *
 * Version: 1.2.7
 *
 * Demo and documentation: http://coffeescripter.com/code/ad-gallery/
 */

/*#EstadoTelefono1, 
#EstadoTelefono2,
#EstadoTelefono3,
#EstadoTelefono4,
#EstadoTelefono5,
#EstadoTelefono6,
#EstadoTelefono7,
#EstadoTelefono8,
#EstadoTelefono9,
#EstadoTelefono10,*/
#Estado1, 
#Estado2,
#Estado3,
#Estado4,
#Estado5,
#Estado6,
#Estado7,
#Estado8,
#Estado9,
#Estado10{
    display:inline-block;
    position:relative;    
    width:730px;
    height:40px;        
    background-color:red;
    margin:0;
    top:-285px;
    z-index:9;

    font-size:20px;
    text-align:center;
    color:white;
    font-weight:bold;
    line-height:40px;
    text-transform:uppercase;
}

/*#EstadoTelefono2,*/
#Estado2{
    top:-70px;
}

/*#EstadoTelefono3,*/
#Estado3{
    top:-510px;
}

/*#EstadoTelefono4
#EstadoTelefono5,*/
#Estado4,
#Estado5{
    width:900px;
    left:-85px;
    /*-ms-transform: rotate(-28deg); /* IE 9 */
    /*-webkit-transform: rotate(-28deg); /* Safari */
    /*transform: rotate(-28deg);*/
    -ms-transform: rotate(-34deg); /* IE 9 */
    -webkit-transform: rotate(-34deg); /* Safari */
    transform: rotate(-34deg);
}

/*#EstadoTelefono5,*/
#Estado5{
    /*-ms-transform: rotate(28deg); /* IE 9 */
    /*-webkit-transform: rotate(28deg); /* Safari */
    /*transform: rotate(28deg);*/
    -ms-transform: rotate(34deg); /* IE 9 */
    -webkit-transform: rotate(34deg); /* Safari */
    transform: rotate(34deg);
}

/*#EstadoTelefono6,*/
#Estado6{
    width:300px;
    /*left:500px;
    top:-357px;*/
    left:280px;
    top:-475px;
    -ms-transform: rotate(42deg); /* IE 9 */
    -webkit-transform: rotate(42deg); /* Safari */
    transform: rotate(42deg);
}

/*#EstadoTelefono7,*/
#Estado7{
    width:300px;
    /*left:-68px;
    top:-357px;*/
    left:-280px;
    top:-475px;
    -ms-transform: rotate(-42deg); /* IE 9 */
    -webkit-transform: rotate(-42deg); /* Safari */
    transform: rotate(-42deg);
}

/*#EstadoTelefono8,*/
#Estado8{
    height:150px;        
    width:300px;
    /*left:530px;
    top:-437px;*/
    left: 315px;
    top: -550px;
    line-height:230px;
    -ms-transform: rotate(44deg); /* IE 9 */
    -webkit-transform: rotate(44deg); /* Safari */
    transform: rotate(44deg);
}

/*#EstadoTelefono9,*/
#Estado9{
    height:150px;        
    width:300px;
    /*left:-100px;
    top:-437px;*/
    left: -315px;
    top: -550px;
    line-height:230px;
    -ms-transform: rotate(-44deg); /* IE 9 */
    -webkit-transform: rotate(-44deg); /* Safari */
    transform: rotate(-44deg);
}

/*#EstadoTelefono10,*/
#Estado10{
    width:200px;
    /*left:530px;
    top:-390px;*/
    left: 265px;
    top: -500px;
}

.adGalleryCrop{
    display:inline-block;
    width:730px;
    height:510px;
    overflow:hidden;
    border: solid 0px red;
    background-color:#EEEEEE;
}

/*@media (min-width: 768px) {*/
    .adGalleryCrop .ad-image-wrapper {
        /*margin-top:-100px !important;*/
        /*position: relative !important;
    top: 50% !important;
    transform: translateY(-50%) !important;*/
        text-align: center !important;
        width: 730px !important;
        /*width:730px;*/
        height: 510px !important;
    }
/*}*/

.adGalleryCrop .ad-image{
    width:100% !important;
    /*background-color:aqua;*/
    margin-left:auto !important;
    margin-right:auto !important;
    /*border: 2px solid black;*/
    left:0 !important;
    height: 510px !important;

    
}

    .adGalleryCrop .ad-image .fancybox {
        /*height: 400px !important;*/
    }

.adGalleryCrop .ad-image img{
    /*width:100% !important;
    height:auto !important;*/

    width:auto !important;
    height:100% !important;

    border: solid 0px aqua !important;
    /*background-color:aqua;*/

    position: relative !important;
    /*top: 50% !important;
    transform: translateY(-50%) !important;*/
}

.ad-gallery {
  /*width: 600px;*/
  width:100%;
  text-align:center;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    /*height: 400px;*/
    height: 600px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(trans.gif);
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;



            /*border: 3px solid #CCC !important;*/            
             text-align:center !important;
                /*width:240px !important;
                height:132px !important;*/
                width:175px !important;
                height:100px !important;
                margin:0 0 0 0px;
                background-color:#EEEEEE;
          }
            /*.ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            }*/

            .ad-gallery .ad-thumbs li a img {
              /*border: 3px solid #CCC;*/
              border:none;
              display: block;


               /*width:100% !important;*/    
                margin-left:auto !important;
                margin-right:auto !important;    
                left:0 !important;    

                /*width:100% !important;*/
                height:100% !important;
                position: relative !important;
                /*top: 50% !important;
                transform: translateY(-50%) !important;*/
            }


            /*.adGalleryCrop .ad-image-wrapper{
                text-align:center !important;
                width:730px !important;
                height:400px !important;
            }*/

            /*.adGalleryCrop .ad-image{
                width:100% !important;    
                margin-left:auto !important;
                margin-right:auto !important;    
                left:0 !important;    
            }

            .adGalleryCrop .ad-image img{
                width:100% !important;
                position: relative !important;
                top: 50% !important;
                transform: translateY(-50%) !important;
            }*/






            .ad-gallery .ad-thumbs li a.ad-active img {
              /*border: 3px solid #616161;*/
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

@media (max-width: 767px) {
    .adGalleryCrop{
        display:none !important;
    }

    /*.VideoDetalle{
        width:360px !important;
        height:169px !important;
    }*/

    .streetviewDetalle #map2{
        /*width:300px !important;*/
        width:100% !important;
        height:400px !important;
    }

  /*/.adGalleryCrop,
  .ad-image-wrapper,
      .adGalleryCrop .ad-image-wrapper {
        text-align: center !important;
        width: 300px !important;
        height: 150px !important;
    }
      */
}