@charset "UTF-8";
    @import url(https://fonts.googleapis.com/css?family=Bree+Serif);
    @font-face {font-family: 'fuenteCorporativa';src: url('../font/ITCEDSCR.TTF')  format('truetype');}
    body{font-family: 'Bree Serif';margin: 0px;padding: 0px;background-repeat: repeat;background-image: url('../res/bg.png')}
    
    div.container{position:absolute;width: 60%;left: 50%; margin-left: -30%;min-height: 100%;}

    .sect-title{display: block;font-family: 'Bree Serif';height: 35px;font-size: 1.6em;border-bottom: 3px solid #aaa;padding: 0px;margin-bottom: 15px;text-align: center;padding-bottom: 5px;color:#666;}

    .text {font-family: 'Bree Serif';color:#666;font-size:11px;margin-bottom:10px;padding:0px;background:#fff;}
      .text .notice{width: 100%;height: 20px; background: #eee;text-align: center;}
        	.notice:before{width: 15px;height: 20px;background: red;}
        	.notice:after{}
      		
      		.bloq1,.bloq2{width: 114px;height: 50px;background: rgba(0,0,0,0.1);display: inline-block;margin: 0px;float: left;padding-top: 3px;}
	      	.bloq1{border-right: 2px dotted #ccc;}
	      	.bloq2{}
	      		.cPrecio{width: 100%;text-align: center;background: rgba(0,0,0,0.1);font-weight: bold;border-bottom: 2px dotted #ccc;padding-bottom: 4px;padding-top: 3px;}
	        	.tPrecio{text-align: center;font-weight: bold;}
	        	.pPrecio{text-align: center;}
    
    .glyphicon-remove-circle:hover {cursor: pointer;}
    .logo{float: left;padding-top: 18px;max-height: 150px;}
    h1.title{font-family: 'fuenteCorporativa';font-size: 70px;padding: 10px;font-weight: normal;margin:0px;}
    .desc{font-family: 'Bree Serif';color:#666;font-size:12px;text-align: center;}

    .desc2{font-family: 'Bree Serif';color:#666;font-size:13px;display:none;}
      .desc2 a{padding: 5px 5px 5px 5px; color: black;}
      .desc2 a:link{text-decoration: none;}
      .desc2 a:visited{text-decoration: none;}
      .desc2 a:hover{text-decoration: none;text-shadow: 1px 1px #fed336;}

ul.main-ul{padding: 10px;background: rgba(255,255,255,0.3);border:2px solid white;float:left;}
     ul.sub-gallery{padding: 0px;padding-left: 5px;padding-right: 5px;text-align: center;}
    	ul.sub-gallery li{display: inline-block;width: 12%;min-width:230px;height: 345px;overflow: hidden;margin:10px;background:#fff;border:2px solid #6f918a;}
    	ul.sub-gallery li img{width: 100%;margin: 0px;padding: 0px;}
 
  			.sub-gallery-descriptor{display:block;width: 100%;margin-left: -2px; background: rgba(255,255,255,0.4); border:2px solid rgba(0,0,0,0.3);}
  				.sub-gallery-descriptor h5{padding-bottom:10px;padding-top:5px;margin:0px;text-align: center;font-weight: normal;font-size: 1em;background: rgba(0,0,0,0.2);}
  				.sub-gallery-descriptor .description{margin: 5px 0px 0px 0px;color: #555;font-size: 0.8em;padding: 2px 10px 2px 10px;}
              .conditions{padding: 5px 10px 5px 10px;}
  				.sub-gallery-descriptor .sub-gallery-price{padding: 0px;margin: 0px;width: 100%;float:left;background: rgba(0,0,0,0.3);font-size: 0.8em;}
  					
            .sub-gallery-price .left, .sub-gallery-price .right{position: relative;display: inline-block;width: 50%;float: left;text-align: left;}

              .sub-gallery-price .left,.sub-gallery-price .right{font-size: 0.7em;}
              .sub-gallery-price .left .rent-price,
              .sub-gallery-price .right .rent-price{display: block;width: 100%;min-width:170px;float: left;overflow: hidden;color: #500;}

                  .sub-gallery-price .left .rent-price .title,
                  .sub-gallery-price .left .rent-price .price,
                  .sub-gallery-price .right .rent-price .title,
                  .sub-gallery-price .right .rent-price .price{display: inline-block;padding:5px 10px 5px 10px;font-size: 1.5em;}
                    .sub-gallery-price .left .rent-price .title,.sub-gallery-price .right .rent-price .title{float: left;}
                    .sub-gallery-price .left .rent-price .price,.sub-gallery-price .right .rent-price .price{float: right;}

                  .rent-help{text-decoration: underline;cursor: crosshair;text-align: center;float: right;margin-top: -10px;}

	  				
    	
  					

    .piePag{font-family: 'Bree Serif';position: fixed;padding: 3px 10px 3px 10px;bottom: 0px;width: 100%;text-align: center;background-color: rgba(75,75,75,0.4);border-top: 1px solid white;}

    

    @media screen and (max-width: 436px){
    	h1.title{z-index: 150;text-align: center;padding-left: 25px; padding-right: 25px;font-size: 4em;}
        .logo{position: absolute;opacity: 0.3;left: 0px;padding-top: 18px;max-height: 260px;padding-bottom: 20px;z-index: 1;padding-left: 10px;}
        .desc{font-family: 'Bree Serif';color:#666;font-size:12px;margin-top: 120px;}

    	div.container{position:absolute;width: 100%;left: 50%; margin-left: -50%;min-height: 100%;}
    	.piePag{font-size: 0.7em;padding: 5px 0px 5px 0px;}
    }
    @media screen and (max-width: 768px){div.container{position:absolute;width: 100%;left: 50%; margin-left: -50%;min-height: 100%;}}

    .zoomContainer, .zoomWindow{z-index: 9999;}


    i img{width: 25px;}

    a#talla:visited{text-decoration: none;color: black;}
    a#talla:link{text-decoration: none;color: black;}
    a#talla:hover{text-decoration: none;font-weight: bold;color: black;cursor: pointer;}