@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700'); /**** font-family: 'Lato', sans-serif; *****/

/***11/12/18 - Cambios solicitados***/
#main .node--type-page .field--name-body table{
    width: 90%;
}


/************************************/


body{ font-family: 'Lato', sans-serif !important; color: #000 !important; font-weight: 400; }
a{ cursor: pointer; }
a{ color: #000; }
a:hover{ color: #8c1834; }
table td{ padding: 10px 20px 0 0 !important; }

header{ position: fixed; top: 0; z-index: 5; background: #fff; width: 100%; }
#block-logobrujula .field--name-body img{ width: 100%; height: auto; }
#block-horizontalmenu{ padding-top: 2em; }
#block-horizontalmenu .horizontal-menu { width: auto; float: right: }
#block-horizontalmenu .horizontal-menu a{ color: #000; font-size: 15px; text-transform: uppercase; text-decoration: none; padding-right: 0.40em; padding-left: 0.40em;}
#block-horizontalmenu .horizontal-menu a:last-child{ padding-right: 0; }
#block-horizontalmenu .horizontal-menu a:hover,#block-horizontalmenu .horizontal-menu a.is-active,#block-horizontalmenu .horizontal-menu a:active{ color: #8e1635; }
#contenthome{ padding-top: 0px; }
#block-views-block-herramientas-block-1{ padding: 0; }
.slideshow-home .item{ max-height: 800px; overflow: hidden; }
.slideshow-home .views-field-field-imagen-slider img{ width: 100%; height: auto; }
.slideshow-home .views-field-body{ position: absolute; top: 20%; width: 50%; left: 13%; z-index: 5; color: #fff; }
.carousel-control.right, .carousel-control.left{ background: none !important; }
#block-quienessomos{ position: relative; margin-top: -9em; }
#block-views-block-servicios-profesionales-block-1{ padding: 0 0 50px 0; }
#block-views-block-servicios-profesionales-block-1 h2{ position: relative; font-size: 30pt; padding: 0 1em; width: auto; text-transform: uppercase; font-weight: 700; margin: 50px auto; display: table; }
#block-views-block-servicios-profesionales-block-1 h2:before{ width: 25px; content: "_"; position: absolute; top: 1em; left: 0; font-size: 20px; color: #8c1834; border: 0.5px solid; height: 0; overflow: hidden; }
#block-views-block-servicios-profesionales-block-1 h2:after{ width: 25px; content: "_"; position: absolute; top: 1em; right: 0; font-size: 20px; color: #8c1834; border: 0.5px solid; height: 0; overflow: hidden; }
.servicios .views-row .views-field-body{ position: absolute;
    background: rgba(140,24,52,0.8);
    color: #fff;
    width: 92.5%;
    font-weight: 300;
    opacity: 0;
    padding: 10% 30px;
    height: 267px;
    -webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.servicios .views-row .views-field-info{ text-align: center; padding: 10px 0; font-size: 18px; }
.servicios .views-row:hover .views-field-body{ opacity: 1;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
#block-nuestrosclientes { padding: 0; }
#block-nuestrosclientes .field--name-body{ background: #8c1834;
	width: 50%;
	padding: 100px 30px 100px 10%;
	display: inline-block;
	position: relative;
	color: #fff;
}
#block-nuestrosclientes .field--name-body h1{ font-weight: 300; }
#block-nuestrosclientes .field--name-field-galeria-destacado{ width: 50%;
    -webkit-box-shadow: -20px 0 10px 1px rgba(0,0,0,0.1);
    box-shadow: -20px 0 10px 1px rgba(0,0,0,0.1);
    margin: 100px 0 0 0;
    padding: 50px 5%;
    display: block;
    float: right;
}
#block-nuestrosclientes .field--name-field-galeria-destacado .field--item{ width: 137px;
    border: 1px solid #d7d7d7;
    height: 95px;
    padding: 15px 10px;
    display: inline-block;
    margin: 10px;
}
#block-nuestrosclientes .field--name-field-galeria-destacado .field--item img{ height: 100%;
    margin: 0 auto;
    width: auto;
}
.footer-legal{ text-align: center;
    color: #6f6f6f;
    font-size: 14px;
    font-weight: 300;
    padding: 20px 0 !important;
}
#main{ padding: 80px 0 0 0; overflow: hidden;}
.page-node-type-webform h1.page-header{ display: none; }
.page-node-type-webform .container-fluid{ padding: 0; }
.node--type-webform .field--name-body{ padding-bottom: 30px; }
.node--type-webform .field--type-webform{  }
#edit-direccion{ width: 50%;
    float: left;
    background: #8c1834;
    padding: 50px 5% 100px 15%;
    color: #fff;
}
#edit-contacto{ background: url(../images/fondo-contact.jpg) no-repeat center top;
    background-size: cover;
    width: 50%;
    float: left;
    color: #fff;
    padding: 10% 5%;
}
#edit-mapa{ width: 59%;
    float: left;
    margin: -15px 0 0 0;
}
#edit-mapa img {
    width: 95%;
    height: auto;
}
#edit-descripcion{ width: 40%;
    float: left;
    margin: -50px 0 50px 0;
}
.node--type-webform .form-type-textfield,
.node--type-webform .form-type-email,
.node--type-webform .form-type-tel,
.node--type-webform .form-type-datetime,
.node--type-webform .form-type-textarea,
.node--type-webform .captcha,
.node--type-webform .form-actions{
    width: 40%;
    float: left;
    padding-right: 5%;
}

.node--type-webform .form-type-date.form-item-haz-tu-cita-date {width: 59%;}
.node--type-webform .form-type-date.form-item-haz-tu-cita-time {width: 40%;}
.node--type-webform .form-actions button{ position: relative;
    font-size: 14pt;
    padding: 10px 3em;
    width: auto;
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    font-weight: 700;
    margin: 15px auto;
    display: table;
    background: #8c1834;
    color: #fff;
}
.node--type-webform .form-actions button:before{ width: 25px; content: "_"; position: absolute; top: 1.2em; left: 10%; font-size: 20px; color: #fff; border: 0.5px solid; height: 0; overflow: hidden; }
.node--type-webform .form-actions button:after{ width: 25px; content: "_"; position: absolute; top: 1.2em; right: 10%; font-size: 20px; color: #fff; border: 0.5px solid; height: 0; overflow: hidden; }
.node--type-webform .form-type-textfield input,
.node--type-webform .form-type-email input,
.node--type-webform .form-type-tel input,
.node--type-webform .form-type-date input,
.node--type-webform .form-type-textarea textarea{ padding: 10px 10px 10px 40px;
    height: auto;
    resize: none;
    border: 1px solid #cccccc;
    width: 100%;
    border-radius: 0;
    color: #000;
}
.node--type-webform .form-type-date input,
.node--type-webform .form-type-time input{
    line-height: 1.42857143 !important;
}
.node--type-webform .form-type-textfield input{ background: url(../images/name.png) no-repeat 15px center; }
.node--type-webform .form-type-email input{ background: url(../images/mail.png) no-repeat 15px center; }
.node--type-webform .form-type-tel input{ background: url(../images/cel.png) no-repeat 15px center; }
.node--type-webform .form-type-textarea textarea{ background: url(../images/comment.png) no-repeat 15px 12px; }

/*****Blog********/
.node--type-blog .field--name-field-imagen-blog{ width: auto;
    padding: 0 20px 20px 0;
    float: left;
}
.node--type-blog .field--name-body{  }
.blog-page .views-row .views-field-title { min-height: 80px; }
.blog-page .views-row .views-field-field-imagen-blog{ height: 260px;
    overflow: hidden;
}
.blog-page .views-row .views-field-field-imagen-blog img{ width: 100%;
    height: auto;
}
.blog-page .views-row .views-field-title a{ text-decoration: none;
    text-transform: uppercase;
    color: #000;
    font-size: 18px;
    text-align: center;
    margin: 15px 0 0 0;
    width: 100%;
    display: block;
}
.testimonio{ width: 90%;
    margin: 20px auto;
    display: table;
    padding-left: 30px;
    padding-right: 30px;
}
.testimonio p:nth-child(1){ 
	color: #000;
    font-size: 20px;
    font-family: 'Lato', sans-serif !important;
    width: 93%;
}
.testimonio p:nth-child(1)::before{ 
	background: url(../images/quote1.svg);
    content: " ";
    display: block;
    width: 50px;
    float: left;
    margin: -10px 25px 100px 0;
    height: 50px;
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.testimonio p:nth-child(1)::after{ background: url(../images/quote2.svg);
    content: " ";
    display: block;
    width: 50px;
    float: right;
    margin: -20px -58px 0 0;
    height: 50px;
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.testimonio p:nth-child(2){
    text-align: right;
    padding: 10px 10% 0 0;
}
.page-node-type-page #main .container{ max-width: 960px; }
.sombra-td td{ padding: 10px 5px !important;
    -webkit-box-shadow: inset 0 0 10px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 10px 1px rgba(0,0,0,0.1);
    margin: 10px;
    display: inline-block;
    height: 230px;
}


@media only screen and (max-width: 320px) , screen and (max-device-width: 320px) {

    #block-nuestrosclientes .field--name-field-galeria-destacado{ width: 320px !important; }

}//Cierra media