#BoxGalerias{
	width: 100%;	
}

@media screen and (min-width: 700px){
    body {
        margin:0px;
        padding:0px;
        font-family: Arial, Verdana, sans-serif;
        background:#e9e9e9 url(/"template/web/background/bg-body-01.jpg") center top no-repeat fixed;
        
    }
    
    #Header{
        position:relative;
        width:100%;
		min-width:980px;
        text-align:center;
        /**background: url(/template/web/bg-Header.png);*/
        background: #fff;
        z-index:10;      
    }
    
    #HeaderContainer{
    /**
        position:relative;
        margin:auto;
        width:980px;
        height:auto;
        text-align:left;
        background: url(/template/web/bg-HeaderContainer.png);
        */  
    }
    
    #HeaderTop{
        position:relative;
        width:100%;
        text-align:center;
        background: #444444;
        min-width:980px;
        
    }
    #HeaderTopContainer{
        position:relative;
        margin:auto;
        width:950px;
        padding: 0px 15px;
        height: 32px;
        text-align:left;
		color:#fff;
    }
    #HeaderMiddle{
        position:relative;
        width:100%;
        text-align:center;
        background: #fff;
        min-width:980px;  				
    }
    #HeaderMiddleContainer{
        position:relative;
        margin:auto;
        width:950px;
        padding: 0px 15px;
        height: 105px;
        text-align:left;		
    }
    #HeaderBottom{
        position:relative;
        width:100%;
        text-align:center; 
        background: #444444;       
        min-width:980px;  
		z-index:10000;
    }
    #HeaderBottomContainer{
        position:relative;
        margin:auto;
        width:980px;
        padding: 0px 0px;
        min-height: 47px;
        text-align:left;
    }
    
    #PageBody{
        position:relative;
        width:100%;
		min-width:980px;
        text-align:center;
        z-index:8;
    }
    
    #PageBodyContainer{
        position:relative;
        margin:auto;
        width:980px;
        text-align:left;         
		padding:15px 0px 15px 0px;
        background: #ffffff;
		
    }
	
    
    #Footer{
        position:relative;
        width:100%;
		min-width:980px;
        text-align:center; 
        /*background: url(/template/web/bg-Footer.png) top repeat-x;*/ 
        z-index:6;
        
        overflow:hidden;
    }
    
    #FooterContainer{
        position:relative;
        margin:auto;
		padding:15px;
        width:950px;        
        text-align:left;
        background: #FFF;
        /*background: url(/template/web/bg-FooterContainer.png) top left no-repeat;*/  
    }
    
    #ColumnLeft {
        float: left;
        margin-left: 20px;
        position: relative;
        width: 205px;  
    }
    
    #Content {
        position:relative;
        float:right;
        width:720px;
        margin:0px 0px 0px 0px;     
		padding:0px 15px;     
    }
    .Content_index{
        width:950px !important; 
    }
	#BoxGaleriasSlider{
		display:inline-block;
		vertical-align:top;
		width: 720px;
	}
    .Content_index #BoxGaleriasSlider{
        width:950px !important; 
    }
    .Content_index #BoxGaleriasSlider .bx-wrapper .bx-viewport{
        left:0px;
    }
    .Content_index #BoxGaleriasSlider .bx-wrapper .bx-pager{
        bottom:5px;
    }
    #BoxGaleriasSlider .bx-wrapper{        
        margin: 0 auto 15px;
    }
    #BoxGaleriasSlider .bx-wrapper .bx-viewport{
        -moz-box-shadow: none;
         -webkit-box-shadow: none;
         box-shadow: none;
    }
	#BoxGaleriasBanners{
		display:inline-block;
		vertical-align:top;
		text-align:center;
		width: 100%;
	}
    .banner_galeria2{
        float:left;
        width:32.6%;
        margin-right:1%;
        margin-bottom:10px;   
    }
    .banner_galeria2:nth-child(3){
        margin-right:0%;
    }
	#BoxGaleriasBanners img{
		width: 100%;
	}
    
}

@media screen and (max-width: 700px){
    body {
        margin:0px;
        padding:0px;
        font-family: Verdana, Arial, sans-serif;
        background:none;
    }
    
    #Header{
        position:relative;
        width:100%;
       /** background:#f07cd0 url(/template/web/bg_Header_mobile.jpg);*/
        background: #fff;
        text-align: center;
		z-index:1000;
    }
    
    #HeaderContainer{
        /**
        position:relative;
        height:auto;
        */      
    }
    
    #PageBody{
        position:relative;
        width:100%;
        text-align:center;        
    }
    
    #PageBodyContainer{
        position:relative;
        text-align:left;
		background: #ffffff; 
    }
    
    #Footer{
        position:relative;
        width:100%;
        text-align:center;
        background:#f7f5fa 
    }
    
    #FooterContainer{
        position:relative;
        padding:10px;
        text-align:left;
    }
    
    #ColumnLeft {
       position:relative;    
    }
    
    #Content {
        position:relative;       
        float:none;
        margin:0px 8px 0px 8px;
    }
	
    .hide-sphone {
        display:none;
    }
	#BoxGaleriasSlider{		
		text-align:center;
		max-width: 870px;
	}
	#BoxGaleriasBanners{
		text-align:center;
		margin-bottom: 20px;
		display: none;
	}
	.Content_index #BoxGaleriasSlider .bx-wrapper .bx-viewport{
        left:0px;
    }
    
}
@media screen and (min-width: 1200px){
	#HeaderContainer{
	   /**
		width: 1200px;
		height: 229px;
		background: url(/template/web/bg-HeaderContainer-big.png) no-repeat 0 42px;
        */  
	}
	
    #HeaderTop{
        min-width:980px;
        
    }
    #HeaderTopContainer{
        width:1170px;
        padding: 0px 15px;
    }
    #HeaderMiddle{
        min-width:980px;  				
    }
    #HeaderMiddleContainer{
        width:1170px;
        padding: 0px 15px;
        height: 110px;		
    }
    #HeaderBottom{       
        min-width:980px;  
    }
    #HeaderBottomContainer{
        width:1200px;
        padding: 0px 0px;
    }
    
	#PageBodyContainer{
		width: 1200px;
		padding:15px 0px 15px 0px;
	}
	
	#FooterContainer{
		width: 1170px;
		/*background: url(/template/web/bg-FooterContainer-big.png) 0 90px no-repeat;*/  
	}
	#ColumnLeft{
		width: 276px;
	}
	#Content{
		width: 870px;
	}
    .Content_index{
        width:1170px !important; 
    }
	#BoxGaleriasSlider{
		display:inline-block;
		vertical-align:top;
		width: 870px;
	}
    .Content_index #BoxGaleriasSlider{
        width:1170px !important; 
    }
	#BoxGaleriasBanners{
		display:inline-block;
		vertical-align:top;
		text-align:center;
		width: 100%;
	}	 
}