html
{
    
    margin: 0;
    padding: 0;
}

body
{
    
    
    color: #333;
    font-size: .85em;
    font-family: Lato;
    margin: 0;
    min-width:1349px;
    padding: 0;
}
a img {
    border:none;
}
a
{
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    
}

    a:link, a:visited,
    a:active, a:hover
    {
        color: #333;
    }

    a:hover
    {
        opacity:0.8;
    }

header, footer, hgroup,
nav, section
{
    display: block;
}

mark
{
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}

.clear-fix:after
{
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6
{
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1
{
    font-size: 2em;
}

h2
{
    font-size: 1.75em;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active
    {
        padding: 0;
        text-decoration: none;
    }

/* main layout
----------------------------------------------------------*/
.content-wrapper
{
    margin: 0 auto;
    max-width:1000px;
}

#body
{
    
    clear: both;
    
    min-width:1349px;
}

.main-content
{

}

.featured + .main-content
{

}

header .content-wrapper
{
    
}
header {
min-width:1349px;
background-image: url("../Images/Rediseno/FondoHeader.png");
height: 138px;
position: relative;
background-repeat:repeat-x;
background-position:bottom;
margin-bottom: -10px;
z-index: 999;
}
footer
{
clear: both;
background-color: transparent;
font-size: .8em;
height: 164px;
background-image: url("../Images/Footer.png");
min-width:1349px;
}

#Firmasites
{
float: right;
width: 80px;
margin-right: -70px;
}

    #Firmasites a
    {
        font-size: 10px;
        color:white;
        text-decoration:none;
    }

/* site title
----------------------------------------------------------*/
.site-title
{
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

    .site-title a, .site-title a:hover, .site-title a:active
    {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }


/* login
----------------------------------------------------------*/
#login
{
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a
    {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

        #login a.username
        {
            background: none;
            margin-left: 0px;
            text-decoration: underline;
        }

    #login ul
    {
        margin: 0;
    }

    #login li
    {
        display: inline;
        list-style: none;
    }


/* menu
----------------------------------------------------------*/
ul#menu
{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

/*ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

        ul#menu li a:hover {
            color: #333;
            text-decoration: none;
        }*/


/* page elements
----------------------------------------------------------*/
/* featured */
.featured
{
    background-color: #fff;
}

    .featured .content-wrapper
    {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

    .featured hgroup.title h1, .featured hgroup.title h2
    {
        color: #fff;
    }

    .featured p
    {
        font-size: 1.1em;
    }

/* page titles */
hgroup.title
{
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2
    {
        display: inline;
    }

    hgroup.title h2
    {
        font-weight: normal;
        margin-left: 3px;
    }

/* features */
section.feature
{
    width: 300px;
    float: left;
    padding: 10px;
}

/* content */
article
{
    float: left;
    width: 70%;
}

aside
{
    float: right;
    width: 25%;
}

    aside ul
    {
        list-style: none;
        padding: 0;
    }

        aside ul li
        {
            padding: 2px 0 2px 20px;
        }

.label
{
    font-weight: 700;
}

/* login page */
#loginForm
{
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error
    {
        display: block;
        margin-left: 15px;
    }

#socialLoginForm
{
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2
    {
        margin-bottom: 5px;
    }

fieldset.open-auth-providers
{
    margin-top: 15px;
}

    fieldset.open-auth-providers button
    {
        margin-bottom: 12px;
    }

/* contact */
.contact h3
{
    font-size: 1.2em;
}

.contact p
{
    margin: 5px 0 0 10px;
}

.contact iframe
{
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset
{
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend
    {
        display: none;
    }

    fieldset ol
    {
        padding: 0;
        list-style: none;
    }

        fieldset ol li
        {
            padding-bottom: 5px;
        }

label
{
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

    label.checkbox
    {
        display: inline;
    }

input, textarea
{
border: 1px solid #e2e2e2;
background: #fff;
font-size: 14px;
margin: 9px 0px;
padding: 10px 5px;
width: 358px;
font-family: lato;
}

textarea
{
    font-family: inherit;
    width: 358px;
}

    input:focus, textarea:focus
    {
        border: 1px solid #7ac0da;
    }

input[type="checkbox"]
{
    background: transparent;
    border: inherit;
    width: auto;
}
input[type="submit"]{
    color:white;
    width:369px;
    height:43px;
    float:right;
    border:none;
    background-color:#005d84;
    cursor:pointer;
    font-size:20px;
    margin-top:25px;
}
input[type="submit"]:hover{
    
}
input[type="button"],
button
{
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;
}

td input[type="submit"],
td input[type="button"],
td button
{
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

/* info and errors */
.message-info
{
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error
{
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success
{
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error
{
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error
{
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid
{
    display: none;
}

input.input-validation-error
{
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error
{
    border: 0 none;
}

.validation-summary-errors
{
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid
{
    display: none;
}

/* tables
----------------------------------------------------------*/
table
{
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th
{
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a
    {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover
        {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover
        {
            color: #000;
        }

    th.asc a, th.desc a
    {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after
        {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after
        {
            content: '▲';
        }

        th.desc a:after
        {
            content: '▼';
        }

td
{
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td
{
    padding: 0 0.25em 0 0;
}

/*********************
*   Nuevos Estilos   *
*********************/

#DivFormularioContacto
{
width: 370px;
float: left;
}

#SEO
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    margin-bottom: 5px;
    clear: both;
}

    #SEO h3
    {
        color: Gray;
        font-size: 12px;
        font-weight: lighter;
        margin-left: auto;
        margin-right: auto;
    }


.MenuSuperior ul{
float: right;
margin: 0px;
padding: 0px;
}
.MenuSuperior ul li{
    list-style:none;
    display:inline;
    margin-left:0px;
}
    .MenuSuperior ul li a{
        height:60px;
        float:left;
        width:120px;
        padding: 0px;
        background-repeat:no-repeat;
    }
.MenuSuperior ul.dropdown li a{
    padding:0px;
}
.MenuSuperior ul li:nth-child(3) a{
    background-image:url("../Images/MENU/Empresa.png");    
}
.MenuSuperior ul li:nth-child(1) a{
    background-image:url("../Images/MENU/Servicios.png");    
}
.MenuSuperior ul li:nth-child(2) a{
    background-image:url("../Images/MENU/Galeria.png");    
}
.MenuSuperior ul li:nth-child(4) a{
    background-image:url("../Images/MENU/Cotizaciones.png");    
    width: 146px;
}
.MenuSuperior ul li:nth-child(5) a{
    background-image:url("../Images/MENU/Contacto.png");    
}


.MenuSuperior ul li:nth-child(3) a:hover{
    background-image:url("../Images/MENU/EmpresaHover.png");    
}
.MenuSuperior ul li:nth-child(1) a:hover{
    background-image:url("../Images/MENU/ServiciosHover.png");    
}
.MenuSuperior ul li:nth-child(2) a:hover{
    background-image:url("../Images/MENU/GaleriaHover.png");    
}

.MenuSuperior ul li:nth-child(4) a:hover{
    background-image:url("../Images/MENU/CotizacionesHover.png");    
}
.MenuSuperior ul li:nth-child(5) a:hover{
    background-image:url("../Images/MENU/ContactoHover.png");    
}
.MenuSuperior ul li{
    
}
    .MenuSuperior ul.dropdown li ul {
        width:450px;
    }
    .MenuSuperior ul.dropdown li ul li{
            width:150px;
            margin-bottom: 15px;
            margin-left: 0px;
    }
    .MenuSuperior ul.dropdown li ul li a{
padding: 0px;
margin: 0px;
float: left;
width: 100%;
border: none;
text-align: center;
background-image: none;
color: white;
font-weight: lighter;
font-size: 15px;
    }
    .MenuSuperior ul.dropdown li ul li a:hover{
        border:none;
        color:white;
        background-image:none;
    }
.ContenidoHeader {
    float:right; width:611px;
}
    .ContenidoHeader div.EncabezadoHeader {
        float: left;
        background-image: url("../Images/Rediseno/FondoTelefonoHeader.png");
        color: white;
        width: 545px;
        text-decoration: none;
        font-style: italic;
        font-weight: lighter;
        font-size: 14px;
        padding: 2px 0px;
        padding-left: 65px;
        padding-bottom: 11px;
        color: #fff;
        background-repeat: no-repeat;
    }

        .ContenidoHeader div.EncabezadoHeader a {
            cursor: pointer;
            color: #fff;
            font-size: 16px;
        }

            .ContenidoHeader div.EncabezadoHeader a b {
                font-size: 18px;
                margin-left: 10px;
                background-image: url(../Images/IcoWhatsApp.png);
                background-position: left;
                background-repeat: no-repeat;
                padding-left: 24px;
                color: #fff;
            }

            .ContenidoHeader div.EncabezadoHeader a p {
                float: right;
                width: 134px;
                font-size: 10px;
                text-align: left;
                margin: 0;
                color: white;
                margin-top: -3px;
                color: #fff;
            }
    .ContenidoHeader a.EncabezadoHeader {
float: left;
background-image: url("../Images/Rediseno/FondoTelefonoHeader.png");
color: white;
width:545px;
text-decoration: none;
font-style: italic;
font-weight: lighter;
font-size: 14px;
padding: 2px 0px;
padding-left: 65px;
padding-bottom: 11px;
    }
    .ContenidoHeader a.EncabezadoHeader b{
        font-size: 15px;
        margin-left: 10px;
        background-image:url("../Images/IcoWhatsApp.png");
        background-position:left;
        background-repeat:no-repeat;
            padding-left: 20px;
    }
    .ContenidoHeader a.EncabezadoHeader p{
float: right;
width: 134px;
font-size: 10px;
text-align: left;
margin: 0;
color:white;
margin-top: -3px;
    }

.ContenidoHeader p{
text-align: right;
font-size: 13px;
color: #005d84;
margin-top: 0px;
clear: both;
}
.ContenidoHeader p a{
text-align: right;
margin-bottom: 6px;
font-size: 14px;
color: white;
text-decoration: none;
margin-top: 7px;
font-weight: lighter;
}
.ContenidoHeader p a b{
    margin-left: 10px;
font-style: italic;
}

.Sociales {
    float:left;width:100%;margin-top: 10px;
}
    .Sociales a.Twitter {
        background-image:url("../Images/ico_Twitter.png");
        float:left;
        width:14px;
        height:20px;
    }
    .Sociales a.Blog {
        background-image:url("../Images/ico_Blog.png");
        float:left;
        width:14px;
        height:20px;
    }
    .Sociales a.Facebook {
        background-image:url("../Images/ico_Facebook.png");
        float:left;
        width:14px;
        height:20px;
    }
.Telefonos {
width: 100%;
overflow: hidden;
background-image: url("https://professionalbuilders.com.mx/Images/FondoTelefonosFooter.png");
height: 90px;
background-position: right;
background-repeat: no-repeat;
margin-top: 25px;
margin-bottom: 45px;
}
    .Telefonos a {
        float: left;
width: 100%;
font-size: 13px;
text-decoration: none;
margin-top: 5px;
margin-bottom: 9px;
    }
        .Telefonos a b {
            margin-left: 25px;
        }

.TresFooter {
    float:right;
    margin-top: 45px;
    width: 315px;
}
.TresFooter h1{
font-weight: lighter;
font-size: 14px;
color: #777;
margin-bottom: 45px;
text-align: center;
    }
    .TresFooter img {
        
        float:left;
    }
.UltimoFooter {
clear: both;
overflow: hidden;
padding-top: 27px;
}
.UltimoFooter h1{
float: left;
color: white;
font-size: 18px;
margin-top: 5px;
}
.UltimoFooter img{
    float:right;
}
.TabsIndex {
    background-color:white;
    width:100%;
    overflow:hidden;
    clear:both;
    
}
.TabsIndex a{
float: left;
width: 159px;
height: 101px;
background-position: center;
border-right: solid 1px #d8d8d8;
}
    .TabsIndex a:last-child{
        border:none;
        float:left;
    }
.TabsIndex a.Aluminio{
    background-image:url("../Images/Rediseno/Botones/AluminioOff.png");
}
.TabsIndex a.Electricidad{
    background-image:url("../Images/Rediseno/Botones/CarpinteriaOff.png");
}
.TabsIndex a.Fontaneria{
    background-image:url("../Images/Rediseno/Botones/FontaneriaOff.png");
}
.TabsIndex a.Mantenimiento {
    background-image:url("../Images/Rediseno/Botones/MantenimientoOff.png");
}
.TabsIndex a.Remodelacion {
    background-image:url("../Images/Rediseno/Botones/RemodelacionOff.png");
}
.TabsIndex a.Tablaroca {
    background-image:url("../Images/Rediseno/Botones/TablarocaOff.png");
}

.TabsIndex a.Aluminio:hover{
    background-image:url("../Images/Rediseno/Botones/AluminioHover.png");
}
.TabsIndex a.Electricidad:hover{
    background-image:url("../Images/Rediseno/Botones/CarpinteriaHover.png");
}
.TabsIndex a.Fontaneria:hover{
    background-image:url("../Images/Rediseno/Botones/FontaneriaHover.png");
}
.TabsIndex a.Mantenimiento:hover{
    background-image:url("../Images/Rediseno/Botones/MantenimientoHover.png");
}
.TabsIndex a.Remodelacion:hover{
    background-image:url("../Images/Rediseno/Botones/RemodelacionHover.png");
}
.TabsIndex a.Tablaroca:hover{
    background-image:url("../Images/Rediseno/Botones/TablarocaHover.png");
}

.TabsIndex2 {
    background-color:#c2151c;
    width:100%;
    overflow:hidden;
    padding:10px 0px;
    clear:both;    
}
.TabsIndex2 a{
float: left;
height: 287px;
background-position: center;
}
    .TabsIndex2 a:last-child{
        border:none;
        float:left;
    }
    .TabsIndex2 a.Ligeras{
        background-image: url("../Images/Rediseno/ConstruccionesLigerasOff.png");
        width: 300px;
    }
    .TabsIndex2 a.Plafones{
        background-image: url("../Images/Rediseno/InstalacionesOff.png");
        width: 298px;
        margin-left:45px;
    }
    .TabsIndex2 a.Recubrimientos{
        background-image: url("../Images/Rediseno/RecubrimientosOff.png");
        width: 298px;
        float:right;
    }
    .TabsIndex2 a.Ligeras:hover{
        background-image: url("../Images/Rediseno/ConstruccionesLigerasHover.png");
        
    }
    .TabsIndex2 a.Plafones:hover{
        background-image: url("../Images/Rediseno/InstalacionesHover.png");
        
    }
    .TabsIndex2 a.Recubrimientos:hover{
        background-image: url("../Images/Rediseno/RecubrimientosHover.png");        
    }


.SeccionBlog {
    background-color:#f6921e;
    width:100%;
    overflow:hidden;
    clear:both;
    padding:30px 0px;
}
.FeedBlog {
    float:left;
    width:495px;
}
    .FeedBlog h1 {
background-image: url("../Images/imag_Blog.png");
color: #c2151c;
font-weight: bolder;
font-size: 33px;
background-repeat: no-repeat;
background-position: left top;
padding-left: 125px;
margin-bottom: 29px;
padding-top: 25px;
padding-bottom: 25px;
    }
    .FeedBlog h1 a{
 font-size: 15px;
float: right;
color: #c2151c;
font-style: italic;
margin-top: 16px;
    }
    .FeedBlog ul{
        margin-left: 20px;
    }
    .FeedBlog ul a{
float: left;
width: 448px;
padding-left: 30px;
font-size: 15px;
color: black;
margin-bottom: 30px;
background-image: url("../Images/ico_VinetaBlog.png");
background-position: left -2px;
background-repeat: no-repeat;
text-align: justify;
padding-bottom: 5px;

}
    .FeedBlog ul a li{
       list-style:none;
    }
        a.LeerMas{
background-image: url("https://professionalbuilders.com.mx/Images/BOTONES/btn_LeerMas.png");
width: 84px;
height: 60px;
float: right;
        }
.GaleriaIndex {
    float:right;
    width:430px;
}
.GaleriaIndex h1{
color: white;
font-weight: bolder;
font-size: 32px;
margin-top: 17px;
margin-left: 45px;
margin-bottom: 30px;
}
.GaleriaIndex h1 b{
font-weight: normal;
font-size: 18px;
float: right;
margin-top: 13px;
margin-right: 67px;
padding-left: 13px;
border-left: solid 1px;
}

.SeccionIndex {
background-color: #f0f0f0;
overflow: hidden;
padding-bottom: 30px;

}
a.Builders {
    float:left;
    width:435px;
    height:240px;
    background-image:url("https://professionalbuilders.com.mx/Images/BOTONES/btn_Builders.png");
    margin-top:40px;
}
a.Waterproofing {
    float:right;
    width:435px;
    height:240px;
    background-image:url("https://professionalbuilders.com.mx/Images/BOTONES/btn_Waterproofing.png");
    margin-top:40px;
}

/*Ejemplo del Ave*/

#divContenedor{
margin: 0 auto;
width: 800px;
padding-top: 30px;
}
#divInfo{
text-align: center;
background: #fff;
border: solid 1px #ccc;
padding: 10px;
border-radius: 3px;
box-shadow: 1px 1px 10px #ccc;
}
#divArbol{
width: 700px;
height: 423px;
background-color:red;
margin: 0 auto;
padding: 40px;
position: relative;
cursor: help;
}
#divArbol.Activo #divAveDerecha{
left: 600px;
top: 0px;
}
#divArbol.Activo #divAveIzquierda{
left: -200px;
top: -300px;
}
 
#divAveIzquierda{
left: 500px;
top: 170px;
}
#divAveDerecha{
left: 100px;
top: 300px;
}
.clsAve{
background-color:lime;
height: 156px;
width: 309px;
position: absolute;
-webkit-transition: left 5s ease-out, top 10s ease-out;
-moz-transition: left 5s ease-out, top 10s ease-out;
-o-transition: left 5s ease-out, top 10s ease-out;
transition: left 5s ease-out, top 10s ease-out;
}
.Experiencia {
    float:left;
    width:560px;
}
    .Experiencia h1{
        color:#444;
        margin-bottom:40px;
    }
    .Experiencia h2{
        color:#463bc2;
        margin-bottom:50px;
    }
        .Experiencia h2 b {
            color:#171582;
        }
    .Experiencia p{
        font-size: 15px;
text-align: justify;
line-height: 30px;
color: #777;
    }
    .Experiencia ul{
        margin-top:30px;
    }
    .Experiencia ul li{
color: #171582;
font-size: 22px;
font-weight: bold;
margin-bottom: 15px;
    }


.Servicios {
float: left;
width: 366px;
margin-left: 25px;
}
    .Servicios h1{
color: #444;
margin-bottom: 30px;
font-weight: bolder;
font-size: 37px;
margin-left:-25px;
    }
    .Servicios h2{
        color:#463bc2;
        margin-bottom:30px;
        font-weight: bolder;
        font-style:italic;
    }
        .Servicios h2 b {            
            color: #171582;
            font-weight: bolder;
        }
    .Servicios p{
        font-size: 15px;
text-align: justify;
line-height: 30px;
color: #777;
    }
    .Servicios ul{
        margin-top:30px;
    }
    .Servicios ul li{
color: #171582;
font-size: 22px;
font-weight: bold;
margin-bottom: 15px;
    }


.Marcas {
clear: both;
margin-top: 30px;
padding-top: 25px;
border-top: solid 1px #ddd;
float: left;
width: 100%;
}
    .Marcas p {
text-align: center;
color: #777;
font-size: 15px;
line-height: 30px;
margin-top: 35px;
    }
div.QuienesSomos {
    width:375px;
    height:220px;
    margin-top:100px;
    background-position:center;
}
div.QuienesSomos h1{
color: white;
text-align: center;
font-size: 23px;
margin-top: 25px;
margin-bottom: 0px;
}
div.QuienesSomos p{
color: white;
text-align: center;
margin-top: 10px;
}
div.QuienesSomos#Vision {
    background-image:url("https://professionalbuilders.com.mx/Images/FondoVision.png");
    float:right;
    margin-right:100px;
}
div.QuienesSomos#Mision {
    background-image:url("https://professionalbuilders.com.mx/Images/FondoMision.png");
    float:left;
    margin-left:100px;
}
.Valores {
clear: both;
margin-top: 100px;
float: left;
width: 100%;
}
    .Valores p {
        color:#444;
font-style: italic;
text-align: center;
font-size: 23px;
    }
    .Valores p b{
color: #777;
font-style: normal;
font-weight: lighter;
font-size: 16px;
    }
ul.Lugares {
float: left;
clear: both;
overflow: hidden;
margin-top: 25px;
margin-left: 25px;
padding-right: 2px;
z-index: 0;
margin-bottom: 40px;
}
ul.Lugares li{
list-style: none;
display: inline;
color: #171582;
padding-right: 30px;
margin-right: 30px;
border-right: solid 1px #171582;
font-style: italic;
font-size: 15px;
}
    ul.Lugares li:last-child {
        margin-right:0px;
        padding-right:0px;
        border-right:none;
    }
.ContenidoGeneral {
    margin-top:35px;
    
    margin-bottom:35px;
}
.ContenidoServicios {
    float:right; width:975px;
    clear:both;
    margin-top:35px;
}
.ContenidoServicios h1{
color: #171582;
font-size: 22px;
font-weight: normal;
margin-bottom: 50px;
}
    .ContenidoServicios p{
color: #777;
font-size: 15px;
line-height: 30px;
    }
    .ContenidoServicios p b{
color: #171582;
float: left;
width: 100%;
margin-bottom: 5px;
font-size: 15px;
font-style: italic;
font-weight: bolder;
    }
    .ContenidoServicios div {
        width:1000px;
        margin-left:-25px;
    }
    .ContenidoServicios div.Colores {
background-image: url("https://professionalbuilders.com.mx/Images/SECCION_COMERCIAL/Imag_02.png");
height: 188px;
background-repeat: no-repeat;
background-position: 434px;
padding-top: 20px;
width:975px;
        margin-left:0px;
    }

    .ContenidoServicios div.Libro {
background-image: url("https://professionalbuilders.com.mx/Images/SECCION_COMERCIAL/Imag_03.png");
height: 170px;
background-repeat: no-repeat;
background-position: left;
padding-top: 130px;
text-align: right;
    }
    .ContenidoServicios div.Oficina {
background-image: url("https://professionalbuilders.com.mx/Images/SECCION_COMERCIAL/Imag_04.png");
height: 180px;
background-repeat: no-repeat;
background-position: right;
padding-top: 70px;
margin-top:40px;

    }
    .ContenidoServicios div.Recepcion {
background-image: url("https://professionalbuilders.com.mx/Images/SECCION_COMERCIAL/Imag_05.png");
height: 235px;
background-repeat: no-repeat;
background-position: left;
padding-top: 65px;
text-align: right;
margin-top:80px;
    }





    .ContenidoServicios div.TextoInferior {
        margin-top: 50px;
        width:975px;
        margin-left:0px;
    }
    .ContenidoServicios div.TextoInferior p{
        margin-bottom: 25px;
        text-align: justify;
    }
    .ContenidoServicios div.TextoInferior h2{
        text-align: center;
margin-top: 50px;
color: #171582;
font-weight: lighter;
    }

/*Seccion Industrial*/
.ContenidoIndustrial {
    float:right; width:975px;
    clear:both;
    margin-top:35px;
}
.ContenidoIndustrial h1{
color: #171582;
font-size: 22px;
font-weight: normal;
margin-bottom: 50px;
}
    .ContenidoIndustrial p{
color: #777;
font-size: 15px;
line-height: 30px;
    }
    .ContenidoIndustrial p b{
color: #171582;
font-size: 15px;
font-style: italic;
font-weight: bolder;
    }
.ContenidoIndustrial ul{
    width:500px;
    float:right;
    margin-top:15px;
}
    .ContenidoIndustrial h2{
width: 500px;
float: right;
margin-top: 66px;
font-size: 23px;
font-weight: normal;
color: #171582;
    }
    .ContenidoIndustrial ul li{
color: #171582;
list-style: none;
display: inline;
margin-right: 7px;
padding-right: 7px;
border-right: solid 1px;
font-size: 14px;
line-height: 30px;
font-weight: bold;
    }
        .ContenidoIndustrial ul li:last-child {
            border:none;
            padding-right:0px;
            margin-right:0px;
        }
    .ContenidoIndustrial div {
        width:1000px;        
    }
.RecuadrosLeft {
    overflow:hidden;
}
.RecuadrosLeft p{
float: left;
text-align: justify;
width: 450px;
text-align: justify;
margin-bottom: 20px;
}
.RecuadrosLeft img{
    float:right;
}

.RecuadrosRight {
    
    
}
.RecuadrosRight p{
    float:right; 
    width:500px;
    text-align:justify;
}
.RecuadrosRight img{
    float:left;
}



.Galeria {
width: 700px;
padding: 0px 15px;
padding-top: 50px;
padding-bottom: 30px;
margin: 0 auto;
background-image: url("https://professionalbuilders.com.mx/Images/FondoAlgunosTrabajos.png");
clear: both;
height: 130px;
}
    .VerTodos{
        text-align:center;
        clear:both;
        padding-top:25px;
    }
    .VerTodos a {
color: #171582;
text-decoration: none;
font-size: 16px;

    }

/*Carrusel*/
.ImagenGaleria {
    width:160px;
    height:113px;
    text-align:center;
    
}
    .ImagenGaleria img {
        height:113px;
    }

/* - - - - - - - - - - bxCat - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - - - -*/
#bx2, .bx2
{
    margin-bottom: 0px;    
    z-index:0;
    margin: 0 auto;
    margin-top: 5px;
}

    .bx2 li, #bx2 li
    {
        width: 160px !important;
    }
/*next button*/
.bx2-wrapper, #bx2-wrapper
{
    width: 700px;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
    margin-top: -30px;
}

.bx2-next, #bx2-next
{
    position: absolute;
    bottom: 20%;
    right: 5px;
    z-index: 999;
    width: 15px;
    height: 35px;
    text-indent: -999999px;
    background: url('https://professionalbuilders.com.mx/Images/ico_FlechaSiguiente.png') no-repeat 0 -4px;
}
/*previous button*/
.bx2-prev, #bx2-prev
{
    position: absolute;
    bottom: 20%;
    left: 5px;
    z-index: 999;
    width: 15px;
    height: 35px;
    text-indent: -999999px;
    background: url('https://professionalbuilders.com.mx/Images/ico_FlechaAnterior.png') no-repeat 0 -4px;
}
/*pager links*/
.bx2-pager a, #bx2-pager a
{
    color: #fff;
    text-decoration: none;
    padding: 0px 8px 3px 6px;
    font-size: 7px;
    zoom: 1;
    background: url(https://professionalbuilders.com.mx/Content/Bullets.png) no-repeat 0 -2px;
}
/*auto start button*/
.bx2-auto .start, #bx2-auto .start
{
    background: url(https://professionalbuilders.com.mx/Content/blue_auto.png) no-repeat 0 2px;
    padding-left: 13px;
}
/*auto stop button*/
.bx2-auto .stop, #bx2-auto .stop
{
    background: url(https://professionalbuilders.com.mx/Content/blue_auto.png) no-repeat 0 -14px;
    padding-left: 13px;
}
/*
 * End color scheme styles
 */
/*next/prev button hover state*/
.bx2-next:hover, .bx2-prev:hover, #bx2-next:hover, .bx2-prev:hover
{
    background-position: 0 0;
}
/*pager links hover and active states*/
.bx2-pager .pager-active, .bx2-pager a:hover, #bx2-pager .pager-active, #bx2-pager a:hover
{
    background-position: 0 -14px;
    color: #3F3F3F;
}
/*pager wrapper*/
.bx2-pager, #bx2-pager
{
    text-align: center;
    padding-top: 5px;
    font-size: 12px;
    margin-top: -20px;
    margin-left: 0px;
    position: absolute;
    z-index: 2000;
}

/*captions*/
.bx2-captions, #bx2-captions
{
    text-align: center;
    font-size: 12px;
    padding: 7px 0;
    color: #666;
}
/*auto controls*/
.bx2-auto, #bx2-auto
{
    text-align: center;
    padding-top: 15px;
}

    .bx2-auto a, #bx2-auto a
    {
        color: #666;
        font-size: 12px;
    }

.bxcatimg:hover
{
    opacity: .5;
}
.ContenidoContacto {
    min-height:400px;
    padding-top: 50px;
}
.ContenidoContacto h1{
color: #005d84;
font-weight: bolder;
font-size: 40px;
margin-bottom: 30px;
}
    .ContenidoContacto p {
color: black;
margin-bottom: 15px;
font-size: 14px;

    }
.TextoInferiorContacto {
    background-image:url("https://professionalbuilders.com.mx/Images/Imag_Contacto.png");
    width:100%;
    height:270px;
    background-repeat:no-repeat;
    background-position:right;
    margin-top: -70px;
}
.TextoInferiorContacto h1{
    float: left;
width: 510px;
font-size: 23px;
font-weight: normal;
text-align: center;
margin-left: 75px;
margin-top: 150px;
}
.IzquierdaFooter {
    float:left;
    padding-left:20px;
    width:510px;
    
}
    .IzquierdaFooter ul {
        width:100%;
        margin-bottom: 10px;
    }
    .IzquierdaFooter ul li{
list-style: none;
display: inline;
font-size: 13px;
    }
    .IzquierdaFooter ul li a{
        color:white;
        margin-right: 5px;
    }
    .IzquierdaFooter ul li a:hover{
    }
    .IzquierdaFooter a{
        float:left;
        
        color:white;
        text-decoration:none;

    }
.DerechaFooter {
    float:right;
    padding-right:20px;
    width:450px;
    
}
    .DerechaFooter a{
        color: white;
font-size: 12px;
margin-bottom: 10px;
text-align: right;
text-decoration:none; width:100%;
float:right;
    }
    .DerechaFooter p b{
    }
    .DerechaFooter p i{
    }
.MenuInferiorFooter {
    float: left;
width: 100%;
clear: both;
margin-top: 35px;
}
.MenuInferiorFooter b{
float: left;
border-right: solid 2px white;
color: white;
font-size: 13px;
font-style: italic;
padding-right: 45px;
}
.MenuInferiorFooter ul{
    float:right;
}
.MenuInferiorFooter ul li{
    display:inline;

}
.MenuInferiorFooter ul li a{
color: white;
text-decoration: none;
font-size: 12px;
padding-right: 25px;
}

.SeccionGaleria {
    margin-top: 40px;
overflow: hidden;
margin-bottom:50px;
}
.SeccionGaleria h1{
color: #005d84;
font-size: 40px;
margin-bottom: 20px;
}
.SeccionGaleria p{
margin-bottom: 25px;
font-size: 16px;
}

.ServicioIndividual {
width: 299px;
padding-right: 25px;
float: left;
border-right: solid 1px #d8d8d8;
padding-top: 5px;
margin-bottom: 100px;
height: 380px;
position:relative;
}
.ServicioIndividual h1{
color: #005d84;
font-weight: bolder;
font-size: 25px;
font-style: italic;
margin-bottom: 20px;
}
.ServicioIndividual p{
    color:black;
    text-align:justify;
    padding-bottom:20px;
}
.ServicioIndividual a{
    color: #005d84;
    text-decoration:none;
    background-image:url("../Images/ico_VinetaBlog.png");
    padding-left:30px;
    background-position:left;
    background-repeat:no-repeat;
    position:absolute;
    bottom:0;    
    margin-bottom: -30px;
}
.ServicioIndividual a.Imagen{
    float: left;
width: 300px;
height: 180px;
padding-left:0px;
margin-bottom: 5px;
position:relative;

}
    .ServicioIndividual a.Imagen:hover {
        opacity:1.0;
    }
.ServicioIndividual a.Imagen#Tablaroca{
    background-image:url("../Images/SERVICIOS/Tablaroca.png");
}
.ServicioIndividual a.Imagen#Carpinteria{
    background-image:url("../Images/SERVICIOS/Carpinteria.png");
}
.ServicioIndividual a.Imagen#Mantenimiento{
    background-image:url("../Images/SERVICIOS/Mantenimiento.png");
}
.ServicioIndividual a.Imagen#Remodelacion{
    background-image:url("../Images/SERVICIOS/Remodelacion.png");
}
.ServicioIndividual a.Imagen#Fontaneria{
    background-image:url("../Images/SERVICIOS/Fontaneria.png");
}
.ServicioIndividual a.Imagen#Aluminio{
    background-image:url("../Images/SERVICIOS/Aluminio.png");
}

.ServicioIndividual a.Imagen#Disasolve{
    background-image:url("../Images/SERVICIOS/Desasolve.png");
}

.ServicioIndividual a.Imagen#Electricidad{
    background-image:url("../Images/SERVICIOS/Electricidad.png");
}

.ServicioIndividual a.Imagen#Herreria{
    background-image:url("../Images/SERVICIOS/Herreria.png");
}

.ServicioIndividual a.Imagen#Pisos{
    background-image:url("../Images/SERVICIOS/Pisos.png");
}

.ServicioIndividual a.Imagen#Puertas{
    background-image:url("../Images/SERVICIOS/Puertas.png");
}

.ServicioIndividual a.Imagen#Tinacos{
    background-image:url("../Images/SERVICIOS/Tinacos.png");
}

.ServicioIndividual a.Imagen#Ventiladores{
    background-image:url("../Images/SERVICIOS/Ventiladores.png");
}

.ServicioIndividual a.Imagen#Yeso{
    background-image:url("../Images/SERVICIOS/Yeso.png");
}

.ServicioIndividual a.Imagen#Tablaroca:hover{
    background-image:url("../Images/SERVICIOS/TablarocaHover.png");
}
.ServicioIndividual a.Imagen#Carpinteria:hover{
    background-image:url("../Images/SERVICIOS/CarpinteriaHover.png");
}
.ServicioIndividual a.Imagen#Mantenimiento:hover{
    background-image:url("../Images/SERVICIOS/MantenimientoHover.png");
}
.ServicioIndividual a.Imagen#Remodelacion:hover{
    background-image:url("../Images/SERVICIOS/RemodelacionHover.png");
}
.ServicioIndividual a.Imagen#Fontaneria:hover{
    background-image:url("../Images/SERVICIOS/FontaneriaHover.png");
}
.ServicioIndividual a.Imagen#Aluminio:hover{
    background-image:url("../Images/SERVICIOS/AluminioHover.png");
}

.ServicioIndividual a.Imagen#Disasolve:hover{
    background-image:url("../Images/SERVICIOS/DesasolveHover.png");
}

.ServicioIndividual a.Imagen#Electricidad:hover{
    background-image:url("../Images/SERVICIOS/ElectricidadHover.png");
}

.ServicioIndividual a.Imagen#Herreria:hover{
    background-image:url("../Images/SERVICIOS/HerreriaHover.png");
}

.ServicioIndividual a.Imagen#Pisos:hover{
    background-image:url("../Images/SERVICIOS/PisosHover.png");
}

.ServicioIndividual a.Imagen#Puertas:hover{
    background-image:url("../Images/SERVICIOS/PuertasHover.png");
}

.ServicioIndividual a.Imagen#Tinacos:hover{
    background-image:url("../Images/SERVICIOS/TinacosHover.png");
}

.ServicioIndividual a.Imagen#Ventiladores:hover{
    background-image:url("../Images/SERVICIOS/VentiladoresHover.png");
}

.ServicioIndividual a.Imagen#Yeso:hover{
    background-image:url("../Images/SERVICIOS/YesoHover.png");
}
.ContenidoEmpresa {
    width:1000px;
    
}
.ContenidoEmpresa div{
float: left;
width: 550px;
margin-top: 35px;
margin-bottom: 60px;
}
.ContenidoEmpresa h1{
    font-size: 40px;
font-weight: bolder;
color: #005d84;
font-style: italic;
margin-bottom: 30px;
}
.ContenidoEmpresa h2{
    font-size: 18px;
font-weight: normal;
color: #005d84;
margin-bottom: 30px;
}
.ContenidoEmpresa p{
text-align: justify;
margin-bottom: 15px;
}
.ContenidoEmpresa p b{
    color: #005d84;
    font-size:16px;
}
    .ContenidoEmpresa img {
        float: right;
        margin-right: -173px;
        margin-top: 35px;
    }


.ContenidoInternas {
    width:1000px;
    
}
.ContenidoInternas div{
float: left;
width: 350px;
margin-top: 35px;
margin-bottom: 60px;
}
.ContenidoInternas h1{
    font-size: 40px;
font-weight: bolder;
color: #005d84;
font-style: italic;
margin-bottom: 30px;
}
.ContenidoInternas h2{
    font-size: 22px;
font-weight: normal;
color: #005d84;
margin-bottom: 30px;

}
.ContenidoInternas h3{
    font-size: 15px;
font-weight: normal;
color: #005d84;
margin-bottom: 10px;
background-image:url("../Images/ico_VinetaAzul.png");
padding-left: 20px;
background-repeat: no-repeat;

}
.ContenidoInternas p{
text-align: justify;
margin-bottom: 15px;
}
.ContenidoInternas p b{
    color: #005d84;
    font-size:16px;
}
    .ContenidoInternas img {
        float: right;        
        margin-top: 35px;
    }
.FondoAzul {
    background-color:#005d84;overflow:hidden;
    width:100%;
}
.ContenidoAzul {
    width:1000px; margin:0 auto;
}
    .ContenidoAzul#Fontaneria {
        
        background-image: url("../Images/GRAFICOS%20SECCIONES%20INTERNAS/FONTANERIA/IMAG_02.jpg");
background-repeat: no-repeat;
background-position: 0px 180px;
    }
.ContenidoAzul img{
    float:right;
}
    .ContenidoAzul div {
        float:left;
        width:560px;
    }
        .ContenidoAzul div h1 {
            font-weight: normal;
            color: white;
            margin-top: 10px;
            margin-bottom: 20px;
        }
            .ContenidoAzul div h1 b {
                font-style:italic;
            }
        .ContenidoAzul div ul {
            float:left;
            width:275px;
            
        }
            .ContenidoAzul div ul li{
                color:white;
                margin-bottom:15px;
                background-image:url("../Images/ico_VinetaBlanca.png");
                background-repeat:no-repeat;
                background-position:left;
                padding-left: 25px;
            }
ul.EstrellasAzules {
    clear:both;
    width: 100%;
}
    ul.EstrellasAzules li {
        background-image: url("../Images/ico_VinetaAzul.png");
padding-left: 25px;
background-repeat: no-repeat;
background-position: left 0px;
margin-bottom: 15px;
text-align: justify;
    }
.FormularioSlider{
float: right;
width: 229px;
background-color: #005d84;
overflow: hidden;
padding: 10px 20px;
padding-bottom: 0px;
}
.FormularioSlider h1{
color: white;
font-weight: normal;
font-size: 17px;
text-align: center;
margin-bottom: 5px;
}
    .FormularioSlider h2 {
        color: white;
        text-align: center;
        font-size: 15px;
        font-weight: lighter;
    }
    .FormularioSlider input[type="text"]{
width: 215px;
font-size: 13px;
padding: 7px 5px;
border-radius: 5px;
margin-bottom: 0px;
    }
    .FormularioSlider input[type="submit"]{
width: 179px;
background-color: #c2151c;
background-image: none;
margin-top: -5px;
color: white;
border-radius: 5px;
text-align: center;
margin-right: 23px;
padding: 0px;
    }
    .FormularioSlider textarea{
        width: 215px;
        border-radius: 5px;
        height: 50px;
    }

h1.TituloYoutube{
text-align: center;
background-color: #c2151c;
margin-bottom: -39px;
position: relative;
z-index: 9999999999;
padding: 5px 0px;
margin-top: 30px;
}
    h1.TituloYoutube a {
        color:white;
        font-weight:lighter;
        text-decoration:none;    
    }
.FormularioCurriculum img{
    float: left;
margin-right: 10px;
margin-top: 15px;
}
img.ImagenSecciones{
    float:right;
    margin-top:20px;
}
div.GaleriaCliente{width: 1030px;
margin-left: -15px;}
.GaleriaCliente a{float: left;
margin-bottom: 10px;}
.GaleriaCliente a img{margin-top: 0px;height:188px;}

div.OtrasEmpresas{
    text-align:center;
    overflow:hidden;
    padding-bottom:60px;
}
div.OtrasEmpresas img{
    clear:both;
    margin-bottom: 25px;
}
.OtrasEmpresas a{
    width: 419px;
height: 219px;
float: left;
background-position: bottom;
}
.OtrasEmpresas a.Water{
    background-image:url("../Images/Rediseno/ImpermiabilizarIndex.png");
}
.OtrasEmpresas a.Painters{
    background-image:url("../Images/Rediseno/PaintersGraficoIndex.png");
    float:right;
}
table.Servicios{
    width:100%;
}
table.Servicios tr{
    
}
table.Servicios tr td{
background-image: url("../Images/LANDING_PAGE/EMPRESAS/Vineta.png");
background-position: left 3px;
background-repeat: no-repeat;
padding-left: 25px;
font-size: 15px;
padding-bottom: 12px;

}
h1.Proyectos{
font-size: 25px;
font-weight: bolder;
color: #005d84;
font-style: italic;
margin-bottom: 20px;
padding-bottom: 5px;
border-bottom: solid 1px #005d84;
clear: both;
padding-top: 30px;
text-align:left;
padding-left:20px;
}