/*
Theme Name: jqueryui-com
Template: jquery
*/
* {
    box-sizing: border-box;
}


.container {
    max-width: 900px !important;
    margin:0 auto !important;
}


body {
    background: #e9e9e9 !important;
}


a {
    text-decoration: none !important;
    color: #cc6633 !important;
}


    a:hover {
        color: #a75025 !important;
    }



.clearfix {
    clear: both;
}

.bottom-line {
    border-bottom: 2px solid #93c11e;
    padding-bottom: 100px;
}


header {
    height: 125px;
    background: #fff;
    /*margin: 75px 0 0 0;*/
    border-bottom: 20px solid #1c7f98;
    line-height: 125px;
    box-shadow: 0px 2px 10px rgba(0,0,0,.5)
}


    header span {
        /*border-left: 1px solid #b3b3b3;*/
        padding-left: 91px;
        margin-left: 23px;
        display: inline-block;
        color: #cc6633;
        font-size: 27px;
    }
    #subtitulo {        
       visibility:hidden !important;
    }

#titulo {
    visibility: visible !important;
}



#categoria-servicio ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


    #categoria-servicio ul li {
        width: 290px;
        background: #fff;
        float: left;
        text-align: center;
        /*padding: 35px 0 20px 0;*/
        border-left: 1px solid #b3b3b3;
        border-bottom: 1px solid #b3b3b3;
        font-size: 18px;
    }
.imagen {
    width:84px;
    height:103px;
}



@media (max-width: 768px) {
    #subtitulo {
        visibility: visible !important;
        padding: 15px 15px !important;
        font-size: 18px !important;
        line-height: 20px !important;
        font-weight: bold !important;
        color: #1c7f98 !important;
    }
    #titulo {
        visibility: hidden !important;
    }
   #categoria-servicio ul li {
        width: 106px;
        background: #fff;
        float: left;
        text-align: center;
        margin-left:2px;
        
        border-left: 1px solid #b3b3b3;
        border-bottom: 1px solid #b3b3b3;
        font-size: 18px;
    }
    .imagen {
        width: 76px;       
    }
    #categoria-servicio ul li span {
     font-size:13px;
    }
    #categoria-servicio ul li .dropdown {
        padding: 0 !important;
        text-align: left;
        width:250px;
        
    }

        #categoria-servicio ul li .dropdown a:hover,
        #categoria-servicio ul li .dropdown a:active,
        #categoria-servicio ul li .dropdown a:focus {
            background-color: #1c7f98 !important;
            color: white !important;
        }
        #categoria-servicio ul li .dropdown a {
            font-size: 11px !important;
            line-height: 12px !important;
        }
  }





    #categoria-servicio ul li .dropdown {
        padding: 2px !important;
        text-align: left;
    }
#categoria-servicio ul li .dropdown a {
    font-size:14px;
}
    #categoria-servicio ul li .dropdown a:hover,
    #categoria-servicio ul li .dropdown a:active,
    #categoria-servicio ul li .dropdown a:focus {
        background-color: #1c7f98 !important;
        color: white !important;
    }


    #categoria-servicio ul li:nth-child(3) {
        border-right: 1px solid #b3b3b3;
    }

    #categoria-servicio ul li .dropdown:nth-child(3) {
        border-right: none;
    }


    #categoria-servicio ul li span {
        display: block;
        /*margin-top: 20px;*/
    }


    #categoria-servicio ul li a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }
#categoria-servicio ul li a:hover {
    background-color:transparent;
}


    #info-servicio {
        border: 1px solid #b3b3b3;
        background: #fff;
        margin-top: 12px;
        padding: 20px;
    }


    #bienvenida-wrap {
        width: 100%;
        /*border: 1px solid #b3b3b3;*/
        border-radius: 8px;
        text-align: center;
        /*padding: 40px;*/
        font-size: 18px;
        color: #cc6633;
    }
#bienvenida-wrap label {
    width: 100%;
    font-size: 15px;
    font-weight:normal;
    color: #cc6633;
}






    footer {
        max-width: 550px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        margin: -27px auto 0 auto;
        background: #1c7f98;
        font-size: 14px;
        color: #fff;
    }

@media (max-width: 768px) {
    footer {
        font-size: 12px;
        height: auto;
        line-height: 20px;
    }
}





    article {
        float: left;
        margin-left: 20px;
    }

    h1 {
        color: #ED5C1A;
    }

    a,
    .title {
        color: #b24926;
    }

    label {
        display: inline-block;
        margin-bottom: 5px;
        font-weight: normal;
    }

    /*.boton {
        border-radius: 8px;
    }

    .vinieta {
        list-style-image: url('list1.gif');
    }

    .boton:hover {
        background-color: #0B3861;
        color: white;
        border-radius: 8px;
        box-shadow: 0px 0px 30px #2E8B57;
    }*/

    #content a:hover {
        color: #333;
    }

    .clicked {
        background-color: #0B4C5F;
    }

    .noclicked {
        background-color: transparent;
    }

    .lista1 li {
        border-bottom: solid 1px #428bca;
        border-left: solid 4px #428bca;
        border-radius: 8px;
        padding: 3px;
        background-color: #A9D0F5;
        list-style-type: none;
    }

        .lista1 li:hover, li:active, li:focus {
            box-shadow: 0px 0px 30px #2E8B57;
            background-color: #0B4C5F;
            border-radius: 10px;
        }

    #menu {
    }
    /*
ul li a:link, ul li a:visited {
    color: #39aea8;
    text-decoration: none;
}*/


    /*
ul li a:hover, ul li.active {
    color: #f4ba51;
    text-decoration: none;
    background-color:black;
}*/
    /*
    .form-control:before {
        border-style: none;
        background-color: white;
       
    }

    .form-control:hover {
        box-shadow: 0px 0px 30px #2E8B57;
    }

    ::-webkit-input-placeholder {
        color: #E0E6F8;
    }

    .form-control:valid {
        background-color: #E0E6F8;
    }
    */
    .divNuevo {
        background-color: #135A79;
        border-radius: 10px;
        padding: 5px;
    }

        .divNuevo:hover {
            background-color: #0B2161;
            border-radius: 10px;
            padding: 5px;
        }

        .divNuevo a {
            color: white;
            text-decoration: none;
        }

            .divNuevo a:hover {
                font-weight: bold;
                text-decoration: none;
            }
    /*
    #banner-secondary p.intro {
        padding: 0;
        float: left;
        width: 50%;
    }

    #banner-secondary .download-box {
        border: 1px solid #aaa;
        background: #333;
        background: -webkit-linear-gradient(left, #333 0%, #444 100%);
        background: linear-gradient(to right, #333 0%, #444 100%);
        float: right;
        width: 40%;
        text-align: center;
        font-size: 20px;
        padding: 10px;
        border-radius: 5px;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    }

        #banner-secondary .download-box h2 {
            color: #71d1ff;
            font-size: 26px;
        }

        #banner-secondary .download-box .button {
            float: none;
            display: block;
            margin-top: 15px;
        }

        #banner-secondary .download-box p {
            margin: 15px 0 5px;
        }

    #banner-secondary .download-option {
        width: 45%;
        float: left;
        font-size: 16px;
    }

    #banner-secondary .download-legacy {
        float: right;
    }

    #banner-secondary .download-option span {
        display: block;
        font-size: 14px;
        color: #71d1ff;
    }

    #content .dev-links {
        float: right;
        width: 30%;
        margin: -15px -25px .5em 1em;
        padding: 1em;
        border: 1px solid #666;
        border-width: 0 0 1px 1px;
        border-radius: 0 0 0 5px;
        box-shadow: -2px 2px 10px -2px #666;
    }

        #content .dev-links ul {
            margin: 0;
        }

        #content .dev-links li {
            padding: 0;
            margin: .25em 0 .25em 1em;
            background-image: none;
        }

    .demo-list {
        float: right;
        width: 25%;
    }

        .demo-list h2 {
            font-weight: normal;
            margin-bottom: 0;
        }

    #content .demo-list ul {
        width: 100%;
        border-top: 1px solid #ccc;
        margin: 0;
    }

    #content .demo-list li {
        border-bottom: 1px solid #ccc;
        margin: 0;
        padding: 0;
        background: #eee;
    }

    #content .demo-list .active {
        background: #fff;
    }

    #content .demo-list a {
        text-decoration: none;
        display: block;
        font-weight: bold;
        font-size: 13px;
        color: #3f3f3f;
        text-shadow: 1px 1px #fff;
        padding: 2% 4%;
    }*/

    .demo-frame {
        width: 70%;
        height: 350px;
    }

    .view-source a {
        cursor: pointer;
    }

    .view-source > div {
        overflow: hidden;
        display: none;
    }

    @media all and (max-width: 600px) {
        #banner-secondary p.intro,
        #banner-secondary .download-box {
            float: none;
            width: auto;
        }

        #banner-secondary .download-box {
            overflow: auto;
        }
    }

    @media only screen and (max-width: 480px) {
        #content .dev-links {
            width: 55%;
            margin: -15px -29px .5em 1em;
            overflow: hidden;
        }
    }