/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
   
}


#content-indicators{position: relative; bottom: 40px;background: rgba(255, 255, 255, 0.2); height: 10px; display: inline-block;}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
     left: 0;
	 right:0;
    z-index: 2000;
    width: 100%;
    padding-left: 0;
    text-align: center;
    list-style: none;
    display: table;
    margin: 0 auto !important;
}

	
	.carousel-indicators li{background: #fff;display: inline-block;z-index: 10;position: relative;width: 10px !important;height: 10px !important;border-radius: 10px;	background-clip: padding-box;margin-right: 20px !important;top:5px; border:1px solid #fff;	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;box-shadow: 0 0 0 4px rgba(250, 250, 250, 0.5); }
	
		.carousel-indicators li span{    background: #000 !important;  display: block;  height: 25%;  width: 25%; position: absolute; border-radius: 100%; top: 0; left: 0;  right: 0;  bottom: 0;  margin: auto;}
	
	.carousel-indicators li.active span{    background: #000 !important;  display: block;  height: 75%;  width: 75%; position: absolute; border-radius: 100%; top: 0; left: 0;  right: 0;  bottom: 0;  margin: auto;box-shadow: 0 0 0 6px rgba(250, 250, 250, 1);}


#slider .display_table_cell{ text-align: left}

.carousel-caption{ width:100%; height: 100%; left:0;visibility:inherit !important; bottom: 0!important}
.carousel-caption .entry_content{ display: table; width: 60%; float: left; margin-left: 45px}
.carousel-caption h4{  text-align: left; line-height: 1.333em; text-transform: uppercase; color: #fff!important; font-weight: bolder; font-size: 35px; text-shadow: 4px 4px 3px  #000; }

.carousel-caption .btn{ background: #ce6318; color: #fff!important;; margin: 30px auto; padding: 5px 25px; display: table; text-transform: uppercase; font-weight: bolder; font-size: 20px}

.carousel-caption .header_section{ margin: 0px 0 20px 0!important;}
.carousel-caption .header_section h1{  color: #fff!important; text-transform: uppercase; margin: 0}
.carousel-caption address{ text-align: left}
.carousel-caption address li{ margin-bottom: 15px}
.carousel-caption address li i,.carousel-caption address li span{ display: inline-block; vertical-align: middle; color: #fff!important; font-size: 20px; margin: 0px 3px}

	@media only screen and (max-width: 768px){
        
		.carousel-caption{ height:100%; overflow: scroll;padding-bottom: 100px;}
        #slider_home .carousel-caption .entry_content{ display: table; width: 100%; float: none;  margin: 0 auto!important}
        .carousel-caption .entry_content{ display: table; width: 80%; float: none;  margin: 0 auto!important}
        
	}
	.carousel-caption .content_form{ background: rgba(0,0,0,.5); display: table; padding: 15px; color:#fff !important; text-align:left !important; text-shadow:none!important}
	.carousel-caption h4{ font-size:25px; margin:35px}
		
	
@media only screen and (max-width: 580px){
			.carousel-caption h2,.carousel-caption h3{ font-size:25px; margin:10px 5px}
			.carousel-caption p{ line-height:1em; font-size:16px; margin-bottom:10px}
    #slider_home .carousel-caption .display_table_cell{ vertical-align: middle}
    #productos .carousel-caption .display_table_cell{ vertical-align: top}
    .content_banner{ width: 90%; margin: 100px auto 0 auto}
    .content_banner p{ margin-top: 25px}
    
    
    #menu_product ul li img{ display: none}
    #menu_product ul li { display: block; width: 70%; margin: 15px auto}
    #menu_product li .menu-image-title{ padding: 10px; text-transform: uppercase}
		}

@media only screen and (max-width: 480px){
    .content_banner{ margin-top: -34px}
    .content_banner h1{ font-size:25px; margin-bottom: 15px }
    .content_banner p{ font-size:14px }
		}