.red{
    color: #CF2120;
}
.logo{
    //height: 60px;
    //width: 100px;
    float: left;
    margin-left: 25px;
    background: #fff;
}
.logo>img{
    position: absolute;
    //z-index: 3;
    //float: left;
    text-align: left;
    //height: 120%;
    box-shadow: 0 0 24px 4px #858585; //FF3.5+, Opera 9+, Saf1+, Chrome, IE10 
    /*    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color=#858585)";IE 8
        -moz-box-shadow: 2px 2px 20px 6px #858585;FF 3.5+
        -webkit-box-shadow: 2px 2px 20px 6px #858585;Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+
        box-shadow: 2px 2px 24px 4px #515151; FF3.5+, Opera 9+, Saf1+, Chrome, IE10 
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color=#858585); IE 5.5-7*/
    //box-shadow: 0 0 30px 5px #A8A8A8;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10  #0A0A0A*/
}

@media(max-width:991px){
    .logo{
        height: 60px;
        float: left;
        margin-left: 25px;
    }
    .logo>img{
        height: 60px;
    }
}

@media(min-width:768px){
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        margin-left: 13%;
        //font-size: 18px;
    }
}



.navbar{
    font-family: 'Sansumi-bold', sans-serif;
    background-color: #cf2120;
    font-size: 17px;
    //float: right;
}
@media(min-width:768px){
    .nav,.container{
        margin-left: 50px;
    }
}
@media(min-width: 768px) {
    .navbar li a{
        //font-size: 13px;
        //margin-left: 40px;
        padding-top: 19px;
        //padding-left: 40px;
    }  
}
@media(min-width: 768px){
    .navbar-nav>li:hover{
        background-color: #EAEAEA;
        height: 100%;
        transition-property: background;
        transition-duration:  0.3s;
        transition-timing-function: linear;
    }
}

/*.navbar-nav>li>a:hover{
    background-color: #515151;
        transition-property: background;
    transition-duration:  0.3s;
    transition-timing-function: linear;
}*/

@media(min-width:768px){.navbar-inverse .navbar-nav > li > a:hover{
                            color: #515151;
                            //font-size: 13px;
                            transition-property: color;
                            transition-duration:  0.5s;
                            transition-timing-function: linear;
                        }
}
.text-stick{
    background: rgba(0, 0, 0, 0.6);
    //background: rgba(255, 255, 255, 0.2);
    text-align: left;
    //padding: 0px 3px 0px 0px;
    //line-height: 1.8;
    font-weight: bold;
    font-family: arial;

}

.navbar-nav li#search {
    background: #CF2120;
    //background: #fff;
    height:  59px;
    color: #000; 
}
footer{
    background: #CF2120;
    font-family: 'Sansumi-bold', sans-serif;
}
.legal{
    background: #CF2120;
}
@media(min-width:768px){
    .section-header h1 span {
        border-bottom: 5px solid #CF2120;
        padding-bottom: 10px;
        margin-left: 18%;
    }
}
@media(max-width:767px){
    .section-header h1 span {
        border-bottom: 5px solid #CF2120;
        padding-bottom: 10px;
        margin-left: 50%;
    }
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    height: 60px;

}

@media(max-width:992px){
    #wrap h1, #hp-slider h1 {
        text-align: center;
        width: 95%;
    }
}
@media(min-width:993px){
    #wrap h1, #hp-slider h1 {
        text-align: left;
        width: 730px;
    }
}




/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
    max-width: 24%;
}
@media (max-width: 767px) { /* Adjusting for mobile */
    .isotope-item {
        max-width: 100%;
    }
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

#filters {
    margin-bottom: 20px;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.text-stick-1{
    background: rgba(0, 0, 0, 0.2);
    //background: rgba(255, 255, 255, 0.2);

    //padding: 0px 3px 0px 0px;
    //line-height: 1.8;
    font-weight: bold;
    font-family: arial;
}
.text-sty{
    text-align: center;
    margin: 10px;
}
@media(width:768px){

}

/*.services li:hover{
    padding: 10px;
    //text-align: center;
}*/

/*    .services ul>li>a>i{
     width: 52%;
     
    }*/

.no-text-decoration:hover a{
    text-decoration: none;

    //width: 80px;
}
.paragraph{
    height: 0px;
    //    text-align: center;
}
/*.put-oracle-1 a>i{width: 52%}*/
.row>.col-md-12{
    width: 100%;
}
@media(min-width:769px){
    .services ul li{
        text-align: center;
    }

    .img-ora{
        width: 100%;
        height: 100%;
        background-image: url(../img/Logo-Oracle_Rojo.png);
        background-repeat:  no-repeat;
        background-position: center;
        margin-left: 0px;
        float: left;
    }
    .put-oracle:hover div{
        width: 51%;
        background: url(../img/Logo-Oracle_blanco.png);
        background-repeat:  no-repeat;
        background-position: center;
        //background-size: 80%;
        float: left;
        margin-left: -10px;
    }
    .put-oracle p{
        padding-left: 20px;
    }
    .put-oracle:hover p{
        //width: 100%;
        height: 60px;
        position: relative;
        //padding-left: 30px;
        //padding-left: 30px;
        color: #fff;
        text-decoration-color: #fff;
        //float: left;

    }
}
@media(max-width:768px){
    .services ul li{
        min-height: 200px;
        min-width: 110px;
    }
    .img-ora{
        //min-width: 50%;
        height: 62px;
        background-image: url(../img/Logo-Oracle_Rojo.png);
        background-repeat:  no-repeat;
        background-position: center;
        margin-top: 50px;
    }
    .put-oracle{

    }
    .put-oracle:hover div{
        //margin-left: 30px;
        background: url(../img/Logo-Oracle_blanco.png);
        background-repeat:  no-repeat;
        background-position: center;
        width: 100%;
        float: right;
        margin-top: 20px;
        //position: relative;
    }



    .put-oracle:hover p{
        width: 100%;
        height: 70px;
        color: #fff;
        text-decoration-color: #fff;
        float: left;

    }
}
@media(min-width:769px){
    .services ul li{
        text-align: center;
    }
    .img-rh{
        width: 100%;
        height: 100%;
        background-image: url(../img/Logo-Red-Hat.png);
        background-repeat:  no-repeat;
        background-position: center;
        margin-left: 0px;
        float: left;
    }
    .put-redhat:hover div{
        width: 51%;
        background: url(../img/Logo-RedHat-Blanco.png);
        background-repeat:  no-repeat;
        background-position: center;
        float: left;
        margin-left: -10px;
    }
    .put-redhat p{
        padding-left: 20px;
    }
    .put-redhat:hover p{
        height: 60px;
        position: relative;
        color: #fff;
        text-decoration-color: #fff;
    }
}
@media(max-width:768px){
    .services ul li{
        min-height: 200px;
        min-width: 110px;
    }
    .img-rh{
        height: 62px;
        background-image: url(../img/Logo-Red-Hat.png);
        background-repeat:  no-repeat;
        background-position: center;

        margin-top: 50px;
    }
    .put-redhat{
    }
    .put-redhat:hover div{
        background: url(../img/Logo-RedHat-Blanco.png);
        background-repeat:  no-repeat;
        background-position: center;
        width: 100%;
        float: right;
        margin-top: 20px;
    }
    .put-redhat:hover p{
        width: 100%;
        height: 70px;
        color: #fff;
        text-decoration-color: #fff;
        float: left;
    }
}
@media(min-width:769px){
    .services ul li{
        text-align: center;
    }
    .img-jb{
        width: 100%;
        height: 100%;
        background-image: url(../img/JBoss_logo.png);
        background-repeat:  no-repeat;
        background-position: center;
        margin-left: 0px;
        float: left;
    }
    .put-jboss:hover div{
        width: 51%;
        background: url(../img/JBoss_logo_Blanco.png);
        background-repeat:  no-repeat;
        background-position: center;
        float: left;
        margin-left: -10px;
    }
    .put-jboss p{
        padding-left: 20px;
    }
    .put-jboss:hover p{
        height: 60px;
        position: relative;
        color: #fff;
        text-decoration-color: #fff;
    }
}
@media(max-width:768px){
    .services ul li{
        min-height: 200px;
        min-width: 110px;
    }
    .img-jb{
        height: 62px;
        background-image: url(../img/JBoss_logo.png);
        background-repeat:  no-repeat;
        background-position: center;
        margin-top: 50px;
    }
    .put-redhat{
    }
    .put-jboss:hover div{
        background: url(../img/JBoss_logo_Blanco.png);
        background-repeat:  no-repeat;
        background-position: center;
        width: 100%;
        float: right;
        margin-top: 20px;
    }
    .put-jboss:hover p{
        width: 100%;
        height: 70px;
        color: #fff;
        text-decoration-color: #fff;
        float: left;
    }
}
@media(min-width:769px){
    .services ul li{
        text-align: center;
    }
    .img-ac{
        width: 100%;
        height: 100%;
        background-image: url(../img/Logo-Acunetix.png);
        background-repeat:  no-repeat;
        background-position: center;
        margin-left: 0px;
        float: left;
    }
    .put-acunetix:hover div{
        width: 51%;
        background: url(../img/Logo-Acunetix_blanco.png);
        background-repeat:  no-repeat;
        background-position: center;
        float: left;
        margin-left: -10px;
    }
    .put-acunetix p{
        padding-left: 20px;
    }
    .put-acunetix:hover p{
        height: 60px;
        position: relative;
        color: #fff;
        text-decoration-color: #fff;
    }
}
@media(max-width:768px){
    .services ul li{
        min-height: 200px;
        min-width: 110px;
    }
    .img-ac{
        height: 62px;
        background-image: url(../img/Logo-Acunetix.png);
        background-repeat:  no-repeat;
        background-position: center;
        margin-top: 50px;
    }

    .put-acunetix:hover div{
        background: url(../img/Logo-Acunetix_blanco.png);
        background-repeat:  no-repeat;
        background-position: center;
        width: 100%;
        float: right;
        margin-top: 20px;
    }
    .put-acunetix:hover p{
        width: 100%;
        height: 70px;
        color: #fff;
        text-decoration-color: #fff;
        float: left;
    }
}
@media(min-width:769px){
    .services ul li{
        text-align: center;
    }
    .img-ad{
        width: 100%;
        height: 100%;
        background-image: url(../img/Logo-Adobe.png);
        background-repeat:  no-repeat;
        background-position: center;
        margin-left: 0px;

        float: left;
    }
    .put-adobe:hover div{
        width: 100px;
        background: url(../img/Logo-Adobe-Blanco.png);
        background-repeat:  no-repeat;
        background-position: center;
        float: left;
        margin-left: -10px;
    }
    .put-adobe p{
        padding-left: 20px;
    }
    .put-adobe:hover p{
        height: 60px;
        position: relative;
        color: #fff;
        text-decoration-color: #fff;
    }
}
@media(max-width:768px){
    .services ul li{
        min-height: 200px;
        min-width: 110px;
    }
    .img-ad{
        //width: 20px;
        height: 62px;
        background-image: url(../img/Logo-Adobe.png);
        background-repeat:  no-repeat;
        background-position: center;
        margin-top: 50px;

    }

    .put-adobe:hover div{
        background: url(../img/Logo-Adobe-Blanco.png);
        background-repeat:  no-repeat;
        background-position: center;
        width: 100%;
        float: right;
        margin-top: 20px;

    }
    .put-adobe:hover p{
        width: 100%;
        height: 70px;
        color: #fff;
        text-decoration-color: #fff;
        float: left;
    }
}




/*
.img-rh{
    height:33px;
    padding: 0px;
    background-image: url(../img/Logo-Red-Hat.png);
    background-repeat:  no-repeat;
    background-position: center;
}

.put-redhat:hover div{
    //margin-left: 30px;
    background: url(../img/Logo-RedHat-Blanco.png);
    background-repeat:  no-repeat;
    background-position: center;
    height: 33px;
    width: 120px;
    float: left;
    margin: 25px;
}
.put-redhat:hover p{
    height: 70px;
    width: auto;
    //padding-left: 30px;
    //margin-left: 20px;
    color: #fff;
    text-decoration-color: #fff;
    
}
*/
/*
.img-rh{
    width: 110px;
    height: 33px;
    background-image: url(../img/Logo-Red-Hat.png);
    background-repeat:  no-repeat;
    background-position: center;
    display: inline-block;

}
.put-redhat>a>div{
    float: left;
    //padding: 30px;
    //margin-left: 40px;
}
.put-redhat:hover div{
    //margin-left: 20px;
    background: url(../img/Logo-RedHat-Blanco.png);
    background-repeat:  no-repeat;
    background-position: center;
}
.put-redhat:hover p{
    height: 70px;
    //padding-left: 30px;
    //margin-left: 30px;
    color: #fff;
    text-decoration-color: #fff;
}
.img-jb{
    width: 110px;
    height: 33px;
    background-image: url(../img/JBoss_logo.png);
    background-repeat:  no-repeat;
    background-position: center;
}
.put-jboss>a>div{
    float: left;
    //padding: 30px;
    //margin-left: 40px;
}
.put-jboss:hover div{
    //margin-left: 30px;
    background: url(../img/JBoss_logo_Blanco.png);
    background-repeat:  no-repeat;
    background-position: center;
}
.put-jboss:hover p{
    height: 70px;
    //padding-left: 30px;
    //margin-left: 20px;
    color: #fff;
    text-decoration-color: #fff;
}
.img-ac{
    width: 110px;
    height: 33px;
    background-image: url(../img/Logo-Acunetix.png);
    background-repeat:  no-repeat;
    background-position: center;
}
.put-acunetix>a>div{
    float: left;
    //padding: 30px;
    //margin-left: 40px;
}
.put-acunetix:hover div{
    //margin-left: 20px;
    background: url(../img/Logo-Acunetix_blanco.png);
    background-repeat:  no-repeat;
    background-position: center;
}
.put-acunetix:hover p{
    height: 70px;
    //padding-left: 30px;
    //margin-left: 20px;
    color: #fff;
    text-decoration-color: #fff;
}
.img-ad{
    width: 80px;
    height: 33px;
    background-image: url(../img/Logo-Adobe.png);
    background-repeat:  no-repeat;
    background-position: center;
}
.put-adobe>a>div{
    float: left;
    //padding: 30px;
    //margin-left: 40px;
}
.put-adobe:hover div{
    //margin-left: 30px;
    background: url(../img/Logo-Adobe-Blanco.png);
    background-repeat:  no-repeat;
    background-position: center;
}
.put-adobe:hover p{
    height: 70px;
    //padding-left: 30px;
    //margin-left: 20px;
    color: #fff;
    text-decoration-color: #fff;
}
*/
/*
.put-acunetix{
    margin: 20px;
    content: url(../img/Logo-Acunetix.png);
}
.put-acunetix-1:hover i{
    padding-top: 20px;
    padding-left: 15px;
    content: url(../img/Logo-Acunetix_blanco.png);
}
.put-acunetix-1:hover p{
    height: 70px;
}
.put-jboss{
    //margin: 10px;
    content: url(../img/JBoss_logo.png);
}
.put-jboss-1:hover i{
    padding-left: 30px;
    content: url(../img/JBoss_logo_Blanco.png);
}
.put-jboss-1:hover p{
    height: 70px;
}                             
.put-redHat{
    margin: 10px;
    content: url(../img/Logo-Red-Hat.png);
}
.put-redHat-1:hover i{
    padding: 10px;
    content: url(../img/Logo-RedHat-Blanco.png);
}
.put-redHat-1:hover p{
    height: 70px;
}
.put-adobe{
    margin: 10px;
    content: url(../img/Logo-Adobe.png);
}
.put-adobe-1:hover i{
    padding: 10px;
    content: url(../img/Logo-Adobe-Blanco.png);
}
.put-adobe-1:hover p{
    height: 70px;
}*/

.icons-portafolio{
    background-color: #CF2120;
    width: 80px;
    height: 80px;
    text-align: center;
    color: #fff;
    font-size: 40px;
    padding-top: 20%;
}
.resalt{
    text-decoration: none;
    color: #CF2120;
}
.resalt:hover{
    text-decoration: none;
    color: #515151;
}
.im-1{
    padding-right: 20px;
}
.princing,.head{
    background: #CF2120;
    padding: 30px 10px 10px;
    position: relative;
    border-radius: 3px;
    margin-bottom: 50px;
}
.princing>.head ,.arrow{
    position: absolute;
    height: 30px;
    width: 100%;
    border-top: 30px solid #cf2120;
    border-right: 120px solid white;
    border-left: 120px solid white;
    bottom: -30px;
    left: 0;
}
.lead{
    line-height: 25px; 
    font-size: 16px;
}
.wrapper>b{
    padding-top: 5px;
}
.navbar-nav,.navbar {
    background: #CF2120;

}
.pad{
    margin-left: 600px;
}
.headline{
    color: #fff;
}

.gallery-list > li:hover .gallery-text {
    background: #CF2120;
    color: #FFF;
}
.gallery-thumbnail>img{
    width: 100%
}
@media(max-width:768px)
{
    .gallery-text>span{
        width: 300px
    }
}

.gallery-list > li:hover .gallery-text {
    background: #CF2120;
    color: #FFF;
}
.gallery-list > li:hover img{
    -webkit-box-shadow: 0 0 14px 5px #858585;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 -6px 25px -2px #858585;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
}

@media(min-width:769px){
    .resposive-img{
        width: 300px;
        height: 54px;
    }    
}
@media(max-width:768px){
    .resposive-img{
        width: 200px;
        margin: 20px;
    }    
}
.recuadro{
    border: 1px #EAEAEA inset;
    padding: 10px;
}
.con{
    border: 1px #cf2120 dotted;
    width: 100%;
    height: 60px;
    padding: 23px;
    //background-color: #d3d3d3;
    cursor: pointer;
}
.con>a{
    text-decoration: none;
}
.con>a>b{
    color: #cf2120;
    font-size: 16px;
}
.gallery-thumbnail>img{
    width: 261px;
    height: 110px;
}
.gallery-text>span{
    width: 240px;
    height: 80px;
    text-align: center;
}
@media(max-width:768px){
    .gallery-list{
        padding-left: 10px;
    }
}
@media(min-width:769px){
    .gallery-list{
        padding-left: 45px;
    }
}

/*.gallery-text{
    //position: absolute;
    height: 10px;
    color: #FFF;
}*/
/*.gallery-text1{
    height: 80px;
    color: #000;
}*/
.gallery-list>li{
    //position: absolute;
    margin-top: 20px;
}


/*article[id|="effect"]{
    height: 80px;
    color: #000;
}*/