@charset "utf-8";

h3{
    font-size: 30px;
}
.hr2{
    color: black;
    background-color: black;
    height: 2px;
   
}
.sys{
    padding: 30px;
}

#portfolio{
    font: gradyent;
    padding: 70px;
    background-color: white;
}

#portfolio .portfolio-item{margin:0 0 20px;right:0}
#portfolio .portfolio-item .portfolio-link{
    display:block;
    position:relative;
    max-width:175px;
    margin:0 auto;
}

#portfolio .portfolio-item .portfolio-caption{
    max-width:300px;
    margin:0 auto;
    background-color:#fff;
    text-align:center;
    padding:15px;
    font-size: 16px;
}
.portfolio-caption1{
    font-size: 23px;
    padding-bottom: 25px;
    text-align-last: center;
     background-color:#fff;
    padding:10px;
}
#portfolio *{z-index:2}
/* ++++++++++++++++ */
/* Menu de sistemas*/
/* ++++++++++++++++ */
.portfolio-modal .modal-content{border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none;border:0;min-height:100%;padding:100px 0;text-align:center}

.portfolio-modal .modal-content .img-responsive{
     display: block;
      margin-left: auto;
      margin-right: auto;
      border:none;
}
.portfolio-modal .modal-content h2{margin-bottom:15px;font-size:3em}

.portfolio-modal .modal-content {margin-bottom:30px}

.portfolio-modal .modal-content .item-intro{margin:20px 0 30px;font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:16px}

.portfolio- modal .modal-content ul.list-inline{margin-bottom:30px;margin-top:0}

.portfolio-modal .modal-content img{margin-bottom:30px}

.portfolio-modal .close-modal{position:absolute;width:75px;height:75px;background-color:transparent;top:25px;right:25px;cursor:pointer}

.portfolio-modal .close-modal:hover{opacity:.3}

.portfolio-modal .close-modal .lr{height:75px;width:1px;margin-left:35px;background-color:#222;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);z-index:1051}

.portfolio-modal .close-modal .lr .rl{height:75px;width:1px;background-color:#222;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);z-index:1052}

.pdv{
    padding: 25px;
}
.salon{
    padding: 25px;
}
.manual{
    padding: 40px;
}
.negocio{
    padding: 25px;
  
}
.boton{
    padding: 10px;
}
/* ++++++++++++++++ */
/* Menu de sistemas */
/* ++++++++++++++++ */

.software{
     color: black;
    font-size: 20px;
    background: #ffffff;
    padding: 10px;
}

.face{
    font-size: 50px;
    background-color: #397AE3;
    height: 200px;
   padding: 50px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media only screen and (min-width: 481px) and (max-width: 1000px){
    
    h3{
    font-size: 25px;
}
    .hr2{
    color: black;
    background-color: black;
    height: 2px;
        width: 300px;
   
}
.sys{
    padding: 30px;
}
 #img-responsive{
	  display: block;
      margin-left: auto;
      margin-right: auto;
      border:none;
      height: 200px;       
}
#portfolio{
    font: gradyent;
    padding: 70px;
    background-color: white;
}
section{padding:50px 0} 
section h2.section-heading{font-size:30px;margin-top:0;margin-bottom:15px}
section h3.section-subheading{font-size:16px;font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:none;font-style:italic;font-weight:400;margin-bottom:75px}
.service-heading{margin:15px 0;text-transform:none}
#portfolio .portfolio-item{margin:0 0 20px;right:0}
#portfolio .portfolio-item .portfolio-link{
    display:block;
    position:relative;
    max-width:250px;
    margin:0 auto;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover{
    background:rgba(38, 120, 255, 0.3);
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-12px;color:#fff}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0}
#portfolio .portfolio-item .portfolio-caption{
    
    margin:0 auto;
    background-color:#fff;
    text-align:center;
    padding:15px;
    font-size: 15px;
}
.portfolio-caption1{
    font-size: 20px;
    padding-bottom: 20px;
    text-align-last: center;
     background-color:#fff;
    padding:25px;
}
#portfolio .portfolio-item .portfolio-caption h4{
    text-transform:none;
    margin:0
}
#portfolio .portfolio-item .portfolio-caption p{font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:16px;margin:0}
#portfolio *{z-index:2}    
    
  #portfolio .portfolio-item{margin:0 0 50px}  
    
    
   .software{
     color: black;
    font-size: 17px;
    background: #ffffff;
    padding: 2px;
}

.face{
    font-size: 30px;
    background-color: #397AE3;
    height: 200px;
   padding: 50px;
} 
    .network-name2{
        font-size: 20px;
    } 
}
    
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media only screen and (max-width: 480px) {

 h3{
    font-size: 20px;
}
.hr2{
    color: black;
    background-color: black;
    height: 2px;
   
}
.sys{
    padding: 1px;
}

#portfolio{
    font: gradyent;
    padding: 50px;
    background-color: white;
}

#portfolio .portfolio-item{margin:0 0 20px;right:0}
#portfolio .portfolio-item .portfolio-link{
    display:block;
    position:relative;
    max-width:150px;
    margin:0 auto;
}

#portfolio .portfolio-item .portfolio-caption{
    max-width:300px;
    margin:0 auto;
    background-color:#fff;
    text-align:center;
    padding:15px;
    font-size: 15px;
}
.portfolio-caption1{
    font-size: 20px;
    padding-bottom: 25px;
    text-align-last: center;
     background-color:#fff;
    padding:10px;
}
#portfolio *{z-index:2}
    
/* ++++++++++++++++ */
/* Menu de sistemas */
/* ++++++++++++++++ */
.portfolio-modal .modal-content{border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none;border:0;min-height:100%;padding:100px 0;text-align:center}

.portfolio-modal .modal-content .img-responsive{
     display: block;
      margin-left: auto;
      margin-right: auto;
      border:none;
}
.portfolio-modal .modal-content h2{margin-bottom:15px;font-size:3em}

.portfolio-modal .modal-content p{margin-bottom:30px}

.portfolio-modal .modal-content p.item-intro{margin:20px 0 30px;font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:16px}

.portfolio-modal .modal-content ul.list-inline{margin-bottom:30px;margin-top:0}

.portfolio-modal .modal-content img{margin-bottom:30px}

.portfolio-modal .close-modal{position:absolute;width:75px;height:75px;background-color:transparent;top:25px;right:25px;cursor:pointer}

.portfolio-modal .close-modal:hover{opacity:.3}

.portfolio-modal .close-modal .lr{height:75px;width:1px;margin-left:35px;background-color:#222;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);z-index:1051}

.portfolio-modal .close-modal .lr .rl{height:75px;width:1px;background-color:#222;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);z-index:1052}
/* Menu de sistemas */     
    
    .software{
     color: black;
    font-size: 14px;
    background: #ffffff;
    padding: 5px;
}
.facebook{
    
}
.face{
    font-size: 30px;
    background-color: #397AE3;
    height: 200px;
   padding: 50px;
}
 
    .network-name2{
        font-size: 20px;
    }    
    
}