@font-face {
    font-family: "Another Typewriter";
    src: url("../fonts/atwriter.eot");
    src: local("?"), url("../fonts/atwriter.ttf") format("truetype"), url("../fonts/atwriter.woff") format("woff"),
         url("../fonts/atwriter.eot?#iefix") format('embedded-opentype');
}

@font-face {
    font-family: "Roboto Condensed";
    src: url("../fonts/RobotoCondensed-Regular.eot");
    src: local("?"), url("../fonts/RobotoCondensed-Regular.ttf") format("truetype"), url("../fonts/RobotoCondensed-Regular.woff") format("woff"),
         url("../fonts/RobotoCondensed-Regular.eot?#iefix") format('embedded-opentype');
}


.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px;
    overflow: hidden;
}


    .responsive-video iframe,
    .responsive-video object,
    .responsive-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
.divNuestrosServicios {
    background-color:white;
     position:absolute;
    width:100%;
    top:0px;
    height:100%;
    opacity:0.5;
}
.divControlesServicios {
    background-color:#d1cdcd;
    /*background-color:#8f8d8d;*/
}
.TituloDefault {
    color:white;
    font-size:35pt;
    text-shadow:3px 2px 2px #000000;
    font-family: "Another Typewriter";
}
.divSlider {
    opacity:0.7;
    background-color:#fbf85a;
    /*height:510px;*/
    position:absolute;
    width:100%;
    top:0px;
    height:100%;
    
}
.Slider
 {
    /*margin-top:-510px;*/
}
.divServicios {
    border: 1px solid #3366FF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    width: 760px;
    height: 380px;
    overflow: hidden;
    margin-top:12px;
    margin-left:0;
    margin-right:0;
}
.ulServicios {
    list-style: none;
    line-height: 1;
    margin-left:0;
    /*display: flex;*/
}
.divGaleriaBackground {
    position:absolute;
    background-color:lightgray;
     
    width:100%;
    top:0px;
    height:100%;
    opacity:0.7;
}

.spanTituloBotones {
    /*width:100%;
    border:1px solid gray;
    background-color:yellow;
    color:black;
    font-weight:bold;
    padding:10px;
    border-radius:3px;*/
    cursor:pointer;

}
.tablaServicios {
}
    .ulServicios li, .tablaServicios tr td {
        height: 63px;
        width: 118px;
        background-image: url('../Images/YellowSimpleGradient.jpg');
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding: 0;
        border: 0;
        cursor: pointer;
    }

        .ulServicios li:hover {
            
            
        }

        .ulServicios li p, .tablaServicios tr td p {
            margin-top: 0;
            padding-top: 10px;
            margin-bottom: 0;
            padding-left: 5px;
            padding-right: 5px;
            text-align: justify;
            color: #000000;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            vertical-align: central;
            height: 100%;
            font-weight: bold;
        }
            .ulServicios li p:hover, .tablaServicios tr td p:hover {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 11pt;
                color: #FF9900;
            }