@import url("Lato_Reg/stylesheet.css");

body{
	-webkit-font-smoothing: antialiased;
}

p{
	-webkit-font-smoothing: antialiased;
}





#principal {
	font-family: "Lato Reg";
	box-shadow: 0 0 12px rgba(0,0,0,0.2);
}
#cabecera {
	border-top: 10px solid #0171bb;
	color: #A09D9C;
	margin: 0 -15px;
}

a img:hover{
	opacity: 0.7;
	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}

#esp_cab {
	margin-bottom: 10px;
	color: #A09D9C;
}

.esp_clientes{
	margin-bottom: 40px;
}

.inline-block{
	display: inline-block;
	position: relative;
}

nav.navbar{
	position: relative;
	text-align: center;
	font-weight: bold;
}
#Sic {
	margin-left: 0px;
	margin-top: -45px;
}

#CorreoCorp {
	margin-left: 0px;
	margin-top: -45px;
}

#cont_ns {
	margin-top: -300px;
	position: relative;
    z-index: 5;
}

#cont_ns img{
	position: relative;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
}

.sic-correo{
	margin-top: 20px;
}

.principal-img figure{
	top: -40px;
    position: relative;
}

.centered-obj{
	margin: 0 auto;
}

.centered-img{
	text-align: center;
	margin: 0 auto;
}

.centered-list{
	margin: 0 auto;
	padding: 0;
}

.centered-list li{
	margin: 0 auto;
	list-style: none;
}

.titulo-h2 {
	margin-bottom: 40px;
}

.titulo-h3 {
	margin-bottom: 20px;
}

.floatLeft{
	float: left;
	margin: 0 5px;
}

section.alignRow {
    position: relative;
}

section.alignRow2 {
    top: -70px;
    position: relative;
}

section.alignRow3 {
    top: -40px;
    position: relative;
}

.pqe {
	position: relative;
	top: -60px;
}

.pqe-img {
	margin-top: 60px;
	margin-bottom: 20px;
}

.pqe-text{
	margin: 0 auto 60px;
	background-color: #e4e4e4;
	border-radius: 10px;
	padding: 20px;
	max-width: 920px;
}

.pqe-spc{
	margin: 0 20px;
}

.pqt{
	margin-bottom: 40px;
}

.pqt-text{
	margin: 0 auto 20px;
	background-color: #95c11f;
	border-radius: 10px;
	padding: 20px;
	max-width: 600px;
	font-size: 15px;
}

.pqt-text ul li{
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}

.pqt-lists01{
	max-width: 375px;
}

.pqt-lists01 ul li{
	font-size: 15px;
	color: #777;
	margin: 20px 0;
	text-align: justify;
}

.pqt-lists01 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pqt-lists01 li {
  padding-left: 1em;
  text-indent: -22px;
}

.pqt-lists01 li::before {
  content: "• ";
  color: #0086cd; /* or whatever color you prefer */
  margin-right: 7px;
}

.pqt-lists02{
	max-width: 375px;
}

.pqt-lists02 ul li{
	font-size: 15px;
	color: #777;
	margin: 20px 0;
	text-align: justify;
}

.pqt-lists02 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pqt-lists02 li {
  padding-left: 2em;
  text-indent: -22px;
}

.pqt-lists02 li::before {
  content: "• ";
  color: #95c11f; /* or whatever color you prefer */
  margin-right: 7px;
}

.pqt-lists01 figure{
	margin: 40px 0;
}

.pqt-lists02 figure{
	margin: 40px 0;
}

.pqt-spc{
	margin: 0 20px;
}

.resp{
	margin-bottom: 40px;
}

.resp-text{
	margin: 0 auto 20px;
	border-radius: 10px;
	border: solid 3px #0087cb;
	padding: 20px;
	max-width: 600px;
	font-size: 15px;
}

.resp-text ul li{
	margin: 20px 0;
	color: #777;
}

.resp-text ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.resp-text li {
  padding-left: 1em;
  text-indent: -18px;
}

.resp-text li::before {
  content: "• ";
  color: #0086cd; /* or whatever color you prefer */
  margin-right: 7px;
}

.ucf {
	font-family: "Lato Reg";
}

span.divider {
	display: inline-block;
    position: relative;
    top: 7px;
    width: 0;
    height: 1.3em;
    border-left: 1px solid #8a8a8a;
    border-right: 1px solid #918a8a;
}

.Ns {
	color: #585D62;
	font-size: 24.6px;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
}

.Ns-02 {
	color: #585D62;
	font-size: 24.6px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
}

/*Imagenes de sustitución*/
#ServiciosEspecializados{
	background-image: url(../img/Servicios%20especializados.png);
	background-repeat: no-repeat;
	height: 66px;
	width: 320px;
	margin: 0 auto;
}
#ServiciosEspecializados:hover{
	background-position: 0px -68px;
}
#AseoyCafeteria{
	background-image: url(../img/Aseo%20y%20cafeteria.png);
	background-repeat: no-repeat;
	height: 66px;
	width: 320px;
	margin: 0 auto;
}
#AseoyCafeteria:hover{
	background-position: 0px -69px;
}
#MantenimientoTecnicoLocativo{
	background-image: url(../img/Mantenimiento%20tecnico.png);
	background-repeat: no-repeat;
	height: 66px;
	width: 320px;
	margin: 0 auto;
}
#MantenimientoTecnicoLocativo:hover{
	background-position: 0px -66px;
}
.second-menu img{
	position: relative;
	margin: 40px auto;
	text-align: center;
}
.spc-space{
	top:-50px;
}
#Eventos{
	background-image: url(../Images/Boton%20eventos.png);
	background-repeat: no-repeat;
	height: 64px;
	width: 320px;
}
#Eventos:hover{
	background-position: 0px -65px;
}
#Bienvenida{
	background-image: url(../Images/Boton%20Bienvenida.png);
	background-repeat: no-repeat;
	height: 65px;
	width: 320px;
}
#Bienvenida:hover{
	background-position: 0px -65px;
}
#Cuadro{
	background-image: url(../Images/Boton%20cuadro.png);
	background-repeat: no-repeat;
	height: 65px;
	width: 320px;
}
#Cuadro:hover{
	background-position: 0px -65px;
}
#Convenios{
	background-image: url(../Images/Boton%20Convenios.png);
	background-repeat: no-repeat;
	height: 65px;
	width: 320px;
}
#Convenios:hover{
	background-position: 0px -65px;
}
#Cumple{
	background-image: url(../Images/Boton%20cumple.png);
	background-repeat: no-repeat;
	height: 65px;
	width: 320px;
}
#Cumple:hover{
	background-position: 0px -65px;
}
#txt_home{
	border-radius: 15px;
	max-width: 320px;
	color: #585d62;
	font-size: 13px;
	text-align: justify;
	font-weight: normal;
	padding: 0px 15px;
}

textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	width: 100%;
}

.esp-list{
	margin-bottom: 40px;
}

.esp-form{
	padding-left: 40px;
	padding-right: 40px;
}

.esp-logos{
	padding-left: 40px;
	padding-right: 40px;
}

.esp-ab{
	margin-bottom: 60px;
}

.esp-min{
	margin-top: 10px;
}

.esp-min01{
	margin-top: 25px;
}

.esp_ind {
	margin-top: 50px;
}

.esp_inda {
	margin-top: 42px;
}

.esp_ind_v2a {
	margin-top: 0;
    margin-bottom: 0;
}

.esp_ind_v2 {
	margin-top: 30px;
    margin-bottom: 20px;
}
.esp_ind_v3 {
	margin-top: 10px;
}
.esp_ind_v4 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.esp_ind_v5 {
	margin-top: 73px;
}
.esp_vid {
	margin-top: 30px;
	margin-bottom: 40px;
}
#esp_nc {
	margin-top: 170px;
	margin-bottom: 50px;
}
.articulos {
	text-align: justify;
	max-width: 400px;
	color: #777;
}
ul.articulos {
  list-style: none;
  padding: 0;
}

.articulos li {
  padding-left: 1em;
  text-indent: -22px;
}

.articulos li::before {
  content: "• ";
  color: #0086cd; /* or whatever color you prefer */
  margin-right: 7px;
}
.articulos li{
	font-size: 16px;
}
.articulos p{
	font-size: 16px;
}
.articulos01 {
	text-align: center;
	max-width: 395px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 40px;
}
.articulos_v2 {
	margin-top: 10px;
	margin-left: 30px;
	text-align: justify;
	width: 300px;
}
.lista01 {
	font-size: 12px;
	margin-top: 10px;
	margin-left: -40px;
	text-align: left;
	width: 400px;
}
.lista02 {
	font-size: 12px;
	margin-top: 10px;
	margin-left: -40px;
	text-align: left;
	width: 400px;
}
.lista01 >ul>li,
.lista02 >ul>li{
	list-style: none;
}
.esp_log {
	margin-right: 35px;
}
.ultimo-logo{
	margin-right: 0;
}
.esp_gal {
	margin-top: 20px;
	margin-right: 10px;
}
.btn_des {
	height: 110px;
	overflow: hidden;
	transition: height 5s;
	-webkit-transition: height 5s;
	-moz-transition: height 5s;
	-o-transition: height 5s;
	cursor: pointer;
}
.btn_des:focus{
	outline: none;
	height: auto;
}
.btn_nc {
	height: 50px;
	overflow: hidden;
	transition: height 5s;
	-webkit-transition: height 5s;
	-moz-transition: height 5s;
	-o-transition: height 5s;
	cursor: pointer;
}
.btn_nc:focus{
	outline: none;
	height: auto;
}
#txt_ofi {
	color: #A3BD31;
	font-size: 40.76px;
	font-weight: bold;
}
.no-padding{
	padding: 0;
}

#txt_form {
	font-size: 32.55px;
	color: #006EB3;
	font-weight: bold;
}
input {
	border-radius: 8px;
    border: solid 1px #8a8a91;
    padding: 10px;
}
textarea {
	border-radius: 8px;
    border: solid 1px #8a8a91;
    padding: 10px;
}
.trabaje-form input{
	border-radius: 8px;
    border: solid 1px #8a8a91;
    padding: 10px;
    width: 167px;
}
.trabaje-form textarea{
	border-radius: 8px;
    border: solid 1px #8a8a91;
}
.trabaje-form select{
	border-radius: 8px;
    border: solid 1px #8a8a91;
    padding: 10px;
    width: 167px;
    height: 42px;
}
.trabaje-form .large-box select{
	width: 267px;
}
.trabaje-form input[type="checkbox"]{
	width: auto;
}
.esp_btn {
	margin-right: 100px;
}
.esp_tcn {
    margin-right: 40px;
}
#txt_casa {
	font-size: 14px;
	color: #5D5D5D;
	text-align: center;
	margin-left: 60px;
	font-weight: bold;
}
#pie {
	background-color: #2b2d57;
	color: #FFFFFF;
	padding: 40px;
}
#datos_pie {
	font-size: 13px;
}

#of_p {
	font-size: 18px;
	line-height: 2;
	text-transform: uppercase;
}

.pie-spc{
	margin: 20px 0;
}

.dev-info{
	background-color: #777;
	padding: 20px 20px 10px;
}

.dev-info p{
	color: #fff;
}

.dev-info p>a{
	color: #fff;
}

.AlignImg {
    padding-top: 20px;
    margin-left: 0;
    margin-bottom: -50px;
}

.ImgCenter {
    position: relative;
  	top: 50%;
  	transform: translateY(-50%);
}

#menu_pie {
	font-size: 13px;
    margin-bottom: 30px;
    margin-left: -32px;
}

ul#menu_pie a {
    color: white;
}

ul#menu_pie a:hover {
    color: #93c120;
}

ul#menu_pie .dropdown-menu > li > a {
    color: #337ab7;
}

ul#menu_pie .dropdown-menu > li > a:hover {
    color: #93c120;
}

.shadowImg img {
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
}

.VideoBanner{
	min-width: 1201px;
	text-align: center;
	margin-left: -15px;
}

.videoFrame iframe{
	border: solid 10px #FFFFFF;
	box-shadow: 0 0 12px rgba(0,0,0,0.2);
}
#AdHoVi {
	height: 170px;
	text-align: center;
	border: thin solid #87868A;
	padding-top: 50px;

}
aside.pull-right.spc-mar {
    margin-right: 165px;
}
.politicas {
	width: 400px;
    float: left;
	height: 172px;
	border: solid 1px #8a8a91;
	border-radius: 8px;
	padding: 15px;
	overflow: auto;
	text-align: justify;
}
.politicas_v2 {
	width: 100%;
	height: 172px;
	border: solid 1px #ccc;
	border-radius: 8px;
	padding: 15px;
	overflow: auto;
	text-align: justify;
	margin-bottom: 10px;
}
.hv p{
	background-color: #0171bb;
	padding:10px 25px;
	border-radius: 99em;
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
}
.hv span{
	font-weight: bolder;
}
footer p{
	font-size: 13px;
}
@media (max-width: 450px) {
	.cont_ns{
		margin-top: 0px;
	}
	.articulos{
		margin-left:0px;
		width:auto;
	}
	.articulos01{
		margin-left:0px;
		width:auto;
	}
	.politicas {
		width: 350px;
		margin-top: 0px;
	}
	.esp_box{
		margin-bottom: 30px;
	}
	#txt_home{
		margin-top: 30px;
	}
	.biggest{
		height: 70px;
		padding-left: 50px;
	}
}
@media (max-width: 800px){
	.politicas{
		width:350px;
		margin-top:0px;
		margin-right:140px;
	}
}

button.button.primary {
	background: #a3bd31;
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    margin-top: 0;
    padding: 15px 25px;
    transition: background .3s;
}

button.button.primary:hover{
	background: #006eb4;
}

.info-principal{
	display: inline-block;
	border-bottom: 1px solid #ccc;
	width: 100%;
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
}

.flags-01{
	display: inline-block;
	border-right: 1px solid #ccc;
	text-align: center;
}

.flags-01 div{
	display: inline-block;
	text-align: center;
	margin: 0 auto;
}

.flags-01 figure{
	display: inline-block;
	text-align: center;
	margin: 0 auto;
}

.flags-01 img{
	display: inline-block;
	text-align: center;
	margin: 0 auto;
}

.flags-01 span{
	display: inline-block;
	text-align: center;
	margin: 0 auto;
}

.city-01{
	display: inline-block;
	padding: 10px 5px 2px;
	text-align: center;
	color: #0171bb;
}

.tel-01{
	display: inline-block;
	padding: 10px 5px 2px;
	border-left: 1px solid #ccc;
	text-align: center;
	color: #0171bb;
}

.email-01{
	display: inline-block;
	padding: 10px 5px 2px;
	border-left: 1px solid #ccc;
	text-align: center;
	color: #0171bb;
}

.city-01:hover{
	background: #0171bb;
	color: #fff;
	transition: all 0.5s ease;
}

.tel-01:hover{
	background: #0171bb;
	color: #fff;
	transition: all 0.5s ease;
}

.email-01:hover{
	background: #0171bb;
	color: #fff;
	transition: all 0.5s ease;
}

.social-icons{
	margin-right: 13px;
}

.social-icons img{
	max-width: 28px;
}
.m-l-20{
	margin-left: 20px;
}
.carousel {
    margin-top: 0px;
}



@media (max-width: 1200px) {
.Ns {
    font-size: 20px;
    line-height: 3;
    text-align: center;
}
.Ns-02 {
    font-size: 20px;
    text-align: center;
    line-height: 3;
    padding-left: 0;
}
#cont_ns {
    margin-top: -300px;
    position: relative;
    z-index: 5;
}
#ServiciosEspecializados {
    background-image: url(../img/Servicios-especializados-sm.png);
    background-repeat: no-repeat;
    height: 53px;
    width: 250px;
    margin: 0 auto;
}
#ServiciosEspecializados:hover {
    background-position: 0px -54px;
}
#AseoyCafeteria {
    background-image: url(../img/Aseo-y-cafeteria-sm.png);
    background-repeat: no-repeat;
    height: 53px;
    width: 250px;
    margin: 0 auto;
}
#AseoyCafeteria:hover {
    background-position: 0px -54px;
}
#MantenimientoTecnicoLocativo {
    background-image: url(../img/Mantenimiento-tecnico-sm.png);
    background-repeat: no-repeat;
    height: 50px;
    width: 250px;
    margin: 0 auto;
}
#MantenimientoTecnicoLocativo:hover {
    background-position: 0px -51px;
}
.carousel {
    margin-top: -20px;
}
.principal-img figure {
    top: -10px;
    position: relative;
}
.pqe {
	position: relative;
	top: -20px;
}
.navbar-right{
	margin-top: 30px;
}
}

@media (max-width: 992px) {
	#cont_ns {
    margin-top: 20px;
    position: relative;
    z-index: 5;
}

.text-center-sm{
		text-align: center !important;
	}

section.alignRow {
    top: 0;
    position: relative;
}
section.alignRow2 {
    top: 0;
    position: relative;
}
.esp_ind_v5 {
    margin-top: 0;
}
.m-t-20{
	margin-top: 20px;
}
.alignRow figure,
.alignRow figure img {
	text-align: center;
	margin: 5px auto;
}
.alignRow2 figure,
.alignRow2 figure img {
	text-align: center;
	margin: 5px auto;
}
section.alignRow3 {
    top: 40px;
    position: relative;
}
.AlignImg {
    padding-top: 0;
    margin-left: 0;
    margin-bottom: 90px;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: initial;
    max-width: 100%;
    height: auto;
}
#datos_pie {
    text-align: center;
}
.social-icons {
	margin-right: 0;
    text-align: center;
}
.stop-pulling{
	float: none !important;
}
figure.col-xs-2.col-md-2.social-icons {
    margin-bottom: 10px;
    margin-top: 10px;
}
.esp_ind_v3 {
	margin-top: 20px;
	margin-bottom: 50px;
}
.politicas {
	width: 100%;
    float: none;
    margin-top: 20px;
}
.esp-form {
    padding-left: 0;
    padding-right: 0;
}
}

@media (max-width: 768px) {
.container {
    padding-right: 0px;
    padding-left: 0px;
}
.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
#cont_ns {
    margin-top: 20px;
    position: relative;
    z-index: 5;
    text-align: center;
}
#cont_ns img{
	margin-left: 0;
}
.alignRow figure,
.alignRow figure img {
	text-align: center;
	margin: 10px auto;
}
.alignRow2 figure,
.alignRow2 figure img {
	text-align: center;
	margin: 10px auto;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: initial;
    max-width: 100%;
    height: auto;
}
.AlignImg {
    padding-top: 0;
    margin-left: 0;
    margin-bottom: 170px;
}
#datos_pie {
    text-align: center;
}
.social-icons {
    text-align: center;
}
.text-xs-center {
	text-align: center !important;
}
#principal {
	box-shadow: none;
}
#cabecera {
	margin: 0;
}


.tel-01{
	border-left: none;
	border-top: 1px solid #ccc;
}

.email-01{
	border-left: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.info-principal{
	border-bottom: none;
}

.flags-01{
	border-right: none;
}
.cd-popup .ucf .field-wrapper input[type=text],
.cd-popup .ucf .field-wrapper input[type=tel],
.cd-popup .ucf .field-wrapper input[type=email],
.cd-popup .ucf .field-wrapper input[type=password],
.cd-popup .ucf .field-wrapper textarea,
.cd-popup .ucf .field-wrapper select {
    padding: 2px 6px;
}
.cd-popup .ucf .field-wrapper {
    margin-bottom: 2px;
}
.esp_form {
    margin-top: 40px;
}
.cd-popup-container {
    margin: 0 auto;
}
}