/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% Free To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */

/* =============================================================
   GENERAL STYLES
 ============================================================ */

@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');
@import url('https://fonts.googleapis.com/css?family=Oxygen|Poppins|Yanone+Kaffeesatz');

@import url('https://fonts.googleapis.com/css?family=Fjalla+One|Oswald|Oxygen|Poppins|Yanone+Kaffeesatz');

h2{
;
  color: #B4150B;
}
h1 {
   font-family: 'Francois One', sans-serif;
    color: #B4150B;
}

 #combustion1{
    margin-top: -80px;
  }
  #combustion2{
        margin-top: -150px;

    
  }
  #combustion3{
        margin-top: -200px;
  }

p{
  font-size: 17px;
}
.just-txt-div {
    padding-bottom:10px;
    padding-top:10px;
}
    .just-txt-div p {
        padding-top:10px;
    }
.head-line {
    font-weight:500;
    text-align:center;
    text-transform:uppercase;
    font-size:30px;
    font-family: 'Lobster', cursive;
}
.pad-set {
    padding-top:50px;
     padding-bottom:50px;
}
.pad-top {
     padding-top:50px;
}


#cabe {
  text-align: right; 
  margin-top: 20px;
  font-size: 20px,

}
#cabe p{
margin-top: 20px,
}

#marcologo{
	position:absolute;
	z-index:999;
	height: 180px;
	background-color:#FFF;
	border-radius: 0px 0px 20px 20px;
	text-align:center;
	padding: 20px;
	box-shadow: 5px 5px 10px #888888;
}
.fondo{
	width: 100%;
	position: absolute;
	background-color: #CCC;
	height:150px;
	overflow:hidden;
}
.img100{
	width: 100%;
}

#menu-top a:hover
{
  color:rgb(168, 19,3);
}

#menu-top li{
  background: linear-gradient(#FCB025,#F76809);
}



/*cambios*/
.cambiocolor{
  color: #838080;

}
#cent2{
  text-align: center;
}


.cambiocolor :hover{
  color: #B4150B;
}
.contenedor {
  position: relative;
  height: 150px;
  width: 290px;
  margin: 50px auto;
  
}

.contenedor img {
  position: absolute;
  left: 0;
  transition: opacity 1.5s ease-in-out;
}

.contenedor img.top:hover {
  opacity: 0;
}
#parrafouno,#parrafodos{
  text-align: justify;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
}
#menu{
  background: url(http://www.lugartex.com/wp-content/uploads/2015/05/colores_claros-1024x640.jpeg);
}

.espacio{
  margin-left: 20px;
}

#centro{

}
#pie{
  background:  #054E8D;
}


#sep {
color: #838080;
text-align: justify;
}
#sep h3{
color: #B4150B;
}
#persona{
  border-radius: 15px;
}

#estructura{
  border-radius: 15px;
}

#conten{
  background: rgba(176,7,24,0.7);
  color: white;
  margin-top: 20px;
  font-size: 20px;
}

#conten h2{
  color: white;
  margin-top: -4px;

}


.marginh{
  margin-top: -10px;
}

#conten h1{
  color: white;
}
#ce p{
  color: #838080;
   font-size: 20px;
}
#sepdor{
  text-align: center;
}

#sepdordos {
  margin-top: -100px;
}
#sep p{
    font-size: 20px;
}
#centro p{
  font-size: 30px;
}

#sepdor h2{
}
#sepdordos h2{
}
#sepdordos p{
  font-size: 16px;
}


	
	.linkbottom {
		font-family: Arial;
		font-size: 12px;
		color: #FFF;
		text-decoration: none;
	}
	
    #parrafofooter{
        text-align:center;
    }



/* =============================================================
   NAVBAR & MENU STYLES
 ============================================================ */

.right-div {
    float: right; 
    padding: 20px;
    font-size:20px;
}

#menu-top a {
    color:white;
    text-decoration:none;
    font-weight:500;
    padding: 25px 15px 25px 15px;
    text-transform:uppercase;
    font-size:16px;
    font-weight:900;

}
#menu-top{
      background: linear-gradient(#FCB025,#F76809); 
    border-radius:3px;
    font-family: 'Lustria', serif;
    font-size: 10px;
}


#centro{
  margin-top: 50px;
}

.despa{
  margin-left: 30px;
}

#sepdortre ul li{
text-align: justify;
color: #838080;
font-family: 'Lustria', serif;
font-size: 17px;

}
#sepdortre  ul{
  
}


.menu-section {

    width:100%;

    

}
 #se{
 height:2px;  
 background-color:#ff0000;
}


.menu-top-active {
	background-color:linear-gradient(#FCB025,#F76809);
	border-radius: 10px;
	font-family: "Century Gothic";
}


.menu-top-active :hover {
  background-color:red; 
    border-radius: 10px;
}

.navbar-inverse {
	border: none;
}
   .marco2 { 
   padding:8px; 
   background-color: #f5f5f5; 
   width: 200px; 
   border-bottom: 1px solid #999999; 
   border-right: 1px solid #999999; 
} 

.espaco{
  margin-left: 50px;
}

.navbar {
    min-height: 70px;
    margin-bottom: 0px;
   
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color:red;
}
.navbar-toggle {
background-color: red;
border: 1px solid red;
}


.marco5 { 
    padding:8px; 
   
   width: 200px; 
   border: 2px solid  #ccc; 
   border-radius: 5px;
}


.marco6 { 
    padding:8px; 
   
   width: 200px; 
   border: 2px solid  #ccc; 
   border-radius: 5px;
}


.marco3 { 
    padding:8px; 
   background-color:rgba(225, 215, 218,0.5);
   width: 100%; 
   border: 1px solid  #ccc; 
   border-radius: 5px;
} 


/* =============================================================
   SLIDESHOW / CAROUSEL STYLES
 ============================================================ */

#carousel-div {
    border:3px solid #e1e1e1;
}
.carousel-caption {
    top:50px;
}
    .carousel-caption h1 {
        text-align:center;
        font-size:30px;
        text-transform:uppercase;
        background-color:rgba(192, 9, 28, 0.65);
        max-width:440px;
        padding:15px 25px;
        color: white;
font-family: 'Fjalla One', sans-serif;

    }
   

     
 /* =============================================================
    PAGE STYLES
 ============================================================ */
    }
.below-slideshow {
    color:#fff;
    background:#01a2a6;
    padding-bottom:50px;
    
}
    .below-slideshow i {
        padding-bottom:15px;
    }
    .below-slideshow .txt-block {
        
        padding-top:50px;
    }
     .below-slideshow h4 {
        font-weight:800;
        font-size:20px;
    }
    .below-slideshow p {
        padding-right:30px;
    }
.tag-home {
    padding-top:50px;
    padding-bottom:30px;
    font-size:30px;
    text-align:center;
    line-height:45px
}

.parallax-like {
  margin-top: -10px;
margin-bottom: 20px;
background: url(../img/par.jpg) no-repeat center center;
padding: 0;
-webkit-background-size: cover;
background-size: cover;
color: #fff;
background-attachment: fixed;
}
    .parallax-like .overlay {
        min-height:200px;
        background: rgba(15, 15, 15, 0.66);
        font-size:10px;
        
        
    }
    .vedio-style {
border: 0px;
width: 100%;
min-height: 300px;
}
.just-sec {
    padding-top:50px;
    padding-bottom:70px;
}
.set-div {
    border:1px solid #01a2a6;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.footer-sec {
    margin-top:50px;
    padding-top:30px;
    color:#fff;
    background:#01a2a6;
    padding-bottom:20px;
    
}
.flexslider {
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
     -moz-box-shadow: 0 0px 0px rgba(0,0,0,0);
    -o-box-shadow: 0 0px 0px rgba(0,0,0,0);
    box-shadow: 0 0px 0px rgba(0,0,0,0);
}
.social-div a,a:hover{
    color:red;
    text-decoration:none;
}
.set-about-img {
    border:10px double #01a2a6;
     max-height:200px;
}

/*==========================================

   GALLERY/ PORTFOLIO STYLES
    =====================================================*/

#port-folio {
    padding-top: 80px; 
    padding-bottom: 100px; 
}
.portfolio-item {
    border:15px double #01a2a6;
    margin:3px;
}
    .portfolio-item p {
        padding:30px;
        color:#fff;
    }

.portfolio-item .overlay {
   position: absolute;
  top: 0;
  left: 0;
    width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #CECECE;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
  cursor:pointer;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
 
}
.portfolio-item .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item:hover .overlay {
  opacity: 1;
  zoom: 1;
	filter: alpha(opacity=100);
}
.overlay a,overlay a:hover{
    color:#fff;
    text-decoration:none;
}
#port-folio .overlay p > span {
    display:block;
    padding-bottom:20px;
}


/*==========================================
   GALLERY/ PORTFOLIO FILTER STYLES
    =====================================================*/
ul#filters {
	padding: 0px;
}
#filters {
	margin: 3% 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
	#filters li {
		display: -webkit-inline-box;
	}
	#filters li span {
		display: block;
		padding: 5px 4px;
		text-decoration: none;
		color: red;
		cursor: pointer;
		font-size: 18px;
	}
 	#port-folio .portfolio-item {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		width: 100%;		
        opacity:.2;
		float:left;
		overflow:hidden;
	}
	

	

/* =============================================================
  MEDIA QUERIES 
 ============================================================ */



@media (max-width: 1200px) {
   #marcologo{
    width:240px;
    height: 80px;
    margin-left:20px;
    padding: 5px;
  }
}

@media (min-width: 740px) and (max-width: 1040px) {
    .carousel-caption h2 {
        display: none;

    }
    #combustion{
      width: 100%;
      margin-top: 
    }
    body{
      width: 100%;
    }
    #sepdortre  ul{
  margin-top: -35px
}
  #combustion1{
    width:  100%;
    margin-top: -80px
  }
  #combustion2{
    width:  100%;

margin-top: 80px;
  }
  #combustion3{
    width:  100%;
margin-top: 180px;
  }
}



#cntt #combustion2{
margin-top: -55px
}


@media (min-width: 100px) and (max-width: 740px) {
    .carousel-caption h1 {
        display: none;
    }

    .carousel-caption h2 {
        display: none;
    }


	.fondo{
		height:80px;
	}

  #combustion{
    width:  100%;
  }
  #instalacion{
    width:  100%;
  }
#persona-instalando{
border-radius: 5px;
 
}
  #estru{
    border-radius: 5px;
  }
  .marco6{

    margin-left: 60px;
  }

  .despa{
    margin-left: none;
  }
  #pie h3 {
   font-size: 20px;
  }
  #pie p{
    font-size: 15px;
  }
  #sepdortre ul li{
    font-size: 15px;
    text-align: center;
  }
  body{
  background: 
  }
   #combustion1{
    width:  100%;
  }
  #combustion2{
    width:  100%;

  }
  #combustion3{
    width:  100%;
  }
    #sepdortre  ul{
  margin-top: 0px
}
}


@media (max-width:470px){
	#parrafouno,#parrafodos{
	  text-align: justify;
	  font-family: 'Poppins', sans-serif;
	  font-size: 17px;
	}
	
    #parrafofooter{
        text-align: center;
        padding-right:5px;
	}
    
	#espaciocentral{
        padding:20px;
    }
	
}