
/*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'),
       url(opensans.woff2) format('woff2'),
       url(opensans.woff) format('woff'),
       url(opensans.ttf) format('truetype'),
       url(opensans.otf) format('opentype'),
       url(opensans.eot) format('embedded-opentype');
}
*/


.FondoPortada {
	background-image:url("../img/abogados-en-monterrey/fondoabogados.jpg");
    background-repeat: no-repeat;
	background-size: cover;
	background-position:relative;
}

@media (max-width: 960px) { 
      .FondoPortada {
            background-image:url("../img/abogados-en-monterrey/fondoabogados.jpg");
			background-repeat: no-repeat;
	background-size: cover;
	background-position:relative;
			background-color: #171717 !important;
      }
}


.TituloIntroduccion {
	font-size:30px;
	color:white;
	font-weight:800;
	
	font-family:"Open Sans";
}

.SubtituloIntroduccion {
	font-size:20px;
	color:black;
	font-weight:800;
	
	font-family:"Open Sans";
}

.TextoIntroduccion {
	font-size:18px;
	color:white;
	font-weight:400;
	
	font-family:"Open Sans";
}

.FondoIntroduccion {
	background-color:#E5A656;
}

.FondoServicios {
	background-color:#F9F9F9;
}

.FondoContacto {
	background-color:#E5A656;
}

.TituloServicios {
	font-size:40px;
	color:black;
	font-weight:600;
	
	font-family:"Open Sans";
}

.TituloContacto {
	font-size:40px;
	color:saddlebrown;
	font-weight:600;
	
	font-family:"Open Sans";
}

.TituloContactoSubpagina {
	font-size:30px;
	color:saddlebrown;
	font-weight:600;
	
	font-family:"Open Sans";
}


.TelefonosContacto {
	text-decoration:none;
	font-size:40px;
	color:saddlebrown;
	font-weight:900;
	
	font-family:"Open Sans";
}

.SubtituloContacto {
	font-size:17px;
	color:saddlebrown;
	font-weight:600;
	
	font-family:"Open Sans";
}

.DireccionContacto {
	font-size:15px;
	color:saddlebrown;
	font-weight:400;
	
	font-family:"Open Sans";
}

.SubtituloFormulario {
	font-size:24px;
	color:saddlebrown;
	font-weight:400;
	
	font-family:"Open Sans";
}

.Formulario {
	
	background-color:#212529;
	color:#FFFFFF;
}

/*separador de crap*/




.FondoGaleria {
	background-color:#F9F9F9;
}

.FondoVideos {
	background-color:#171717;
}

.FondoPromociones {
	background-color:#F9F9F9;
}

.TituloPortada {
	font-size:45px;
	color:white;
	padding-top:45px;
	font-family:Anton;
	font-weight:100;
	
}

.TextoPortada {
	font-weight:500;
	padding-left:30px;
	padding-right:30px;
	font-family:Helvetica;
	color:white;
}

.ContactoLateral {
	text-align:center;
}

.FondoPortadaFila
{
	 background-image: linear-gradient(rgba(100,100,100,1), rgba(60,60,60,1));
	 border-style:solid;
	 border-color:black;
	 border-width:1px;
}

.TituloGaleria {
	font-size:45px;
	color:black;
	padding-top:45px;
	font-family:Anton;
}

.TituloPromociones {
	font-size:45px;
	color:black;
	padding-top:45px;
	font-family:Anton;
}

.TituloVideos {
	font-size:45px;
	color:white;
	padding-top:45px;
	font-family:Anton;
}

.TituloImagen {
	font-size:35px;
	color:black;
	
	font-family:Anton;
}

.TextoImagen {
	font-size:20px;
	color:black;
	padding-top:45px;
	font-family:Anton;
}

.TituloReproductor {
	font-weight:400;
	padding-left:30px;
	padding-right:30px;
	font-family:Helvetica;
	color:white;
}

.TituloAreaVideos {
	height:50px;
}

.ContenidoAreaVideos{
	height:250px;
	overflow-y:scroll;
	background-color:#272727;
}

.EnlaceAreaVideos{
	background-color:#272727;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	margin-top:0px;
	margin-bottom:0px;
	cursor:pointer !important;
}

.EnlaceAreaVideosPar{
	background-color:#2E2E2E;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	margin-top:0px;
	margin-bottom:0px;
	cursor:pointer !important;
}

.TextoVideos {
	font-weight:400;
	padding-left:30px;
	padding-right:30px;
	font-family:Helvetica;
	color:white;
}

.TextoFormularioLateral {
	font-size:20px;
	color:black;
	font-weight:600;
	padding-top:45px;
	font-family:"Open Sans";
}



.TextoTelefonos {
	text-decoration:none !important;
	font-size:60px;
	color:white;
	padding-top:45px;
	font-family:Anton;
	
}

.TextoCorreo {
	text-decoration:none !important;
	font-size:30px;
	color:white;
	padding-top:45px;
	font-family:Anton;
}

.TextoFooter{
	color:#FFF;
	font-weight:400;
	font-family:Arial,sans-serif
}


.avisoclickstitulo{
	font-size:80px;font-family:Arial;font-weight:800px;color:black;
}

.avisoclickscuerpo{
	font-size:20px;font-family:Arial;color:black;
}

.avisoclicksenlace{
	font-size:30px;font-family:Arial;color:black;text-decoration:none;
}

.btn{
	font-family:Arial,sans-serif;font-size:15px;font-weight:600
}


.embed-responsive{
	background-color:#FFF
}

.navbar-dark{
	font-family:Arial,sans-serif;
	font-size:18px;
	background-color:#212121 !important;
}

.navbar-dark 
.navbar-brand,
.navbar-dark 
.navbar-brand:focus,
.navbar-dark 
.navbar-brand:hover{
	color:#FFF
}

.navbar-dark 
.navbar-nav 
.nav-link{
	color:#FFF
}

.navbar-dark 
.navbar-nav 
.nav-link:focus,
.navbar-dark 
.navbar-nav 
.nav-link:hover{
	color:#DEDA08
}

.navbar-dark 
.navbar-nav 
.nav-link.disabled{
	color:rgba(255,255,255,.25)
}

.navbar-dark 
.navbar-nav .active>.nav-link,
.navbar-dark 
.navbar-nav 
.nav-link.active,
.navbar-dark 
.navbar-nav 
.nav-link.show,
.navbar-dark 
.navbar-nav .show>.nav-link{
	color:#FFFFFF
}

.navbar-dark 
.navbar-toggler{
	color:#FFFFFF;
	border-color:#FFFFFF
}

.navbar-dark 
.navbar-toggler-icon{
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark 
.navbar-text{
	color:#E42F1B
}

.navbar-dark 
.navbar-text a,
.navbar-dark 
.navbar-text a:focus,
.navbar-dark 
.navbar-text a:hover{
	color:#FFFFFF
}