/* General */

body{
	background-image: url(../img/regal.png);
	font-family: 'Raleway', sans-serif;
	font-size: 16px;

}

header {
	/*min-width: 575px;*/
	width: 100%;
	background-color: #ffffff;
	padding-top: 25px;
}

/* Al asignar esta clase a las imágenes, su tamaño se vuelve responsive */
.responsive {
    max-width: 100%;
    height: auto;
}

/* Si no marcamos un width mínimo, en tamaño md, el container es más pequeño que en sd */
.container{
	background-image: none;
	/*min-width: 575px;*/
}

.backgroud-white{
	background-color: #ffffff;
}

	.tel a{
		color:#000000;
	}
	.tel a:hover{
		text-decoration: none;
		color: #000000;		
	}

/* MENU SUPERIOR Y BOTONES FLOTANTES */
.menu-bar{
	background-color: #91c4cd;
	margin-top: 20px;
}
	.menu-bar a{
		color: #000000;
		font-size: 16px;
		font-weight: 500;
	}
	.menu-bar a:hover{
		text-decoration: none;
		color: #cdf893;
	}

.menu-list{
	padding: 12px 0;
	margin-bottom: 0;
}
	.menu-list >li:not(:last-child){
		margin-right: 40px;
	}

#actual-item{
	font-weight: bold;
	color: #cdf893;
}

@media screen and (max-width: 500px) {
  .menu-bar a {
    font-size: 15px;
		font-weight: 500;
  }.menu-list >li:not(:last-child){
		margin-right: 7px;
  }
}


.float-wa{
        position:fixed;
        width:44px;
        height:44px;
        bottom:30px;
        right:40px;
        background-color:#25d366;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        font-size:30px;
        z-index:100;
}

.float-ins{
        position:fixed;
        width:44px;
        height:44px;
        bottom:84px;
        right:40px;
        background-color:#E1306C;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        font-size:30px;
        z-index:100;
}




/* Content */
#main > .container{
	box-shadow: 0px 7px 18px 0px rgba(0,0,0,0.5);
}



/* Carousel */
.carousel-inner .carousel-item {
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
}

#slider-home{
	margin-bottom: 0px;
}

.carousel-caption{
	display: flex;
	align-items: flex-end; /* Para lograr alineamiento inferior */
	background-color: rgba(0,0,0,.5);
	height: 100%;
	left: 0px;
	top: 0px;
	padding:30px 45px;
	text-align: center;
	width: 340px;
}

	.carousel-caption p{	
		font-size:30px;
		line-height: 34px;
		font-family: 'EB Garamond', serif;
	}

.p-little{
	font-size: 20px;
}

.carousel-subtexto{
	background-image: url(../img/intersection.png);
	margin-top: 0px;
	padding-top: 0px
	margin-bottom: 0px;
	padding-bottom: 0px;
}

@media screen and (max-width: 750px) {
	.carousel-caption{
		padding:15px 15px;
		text-align: center;
		width: 250px;
	}
	.carousel-caption p{	
		font-size:24px;
		line-height: 26px;
		font-family: 'EB Garamond', serif;
	}
	.p-little{
		font-size: 18px;
	}
	.carousel-indicators{
		bottom: 0px;
	}

}

@media screen and (max-width: 500px) {
	.carousel-caption{
		padding:5px 0px;
		text-align: center;
		width: 150px;
	}
	.carousel-caption p{	
		font-size:18px;
		line-height: 20px;
		font-family: 'EB Garamond', serif;
	}
	.p-little{
		font-size: 14px;
	}
}


/* Noticias */
.col-news{
	border: 1px solid #91c4cd;
	border-radius: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px;
}

.new-author{
	font-size: 14px;
	font-style: italic;
	color: #646464;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}

.new-date{
	font-size: 14px;
	font-style: italic;
	color: #646464;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
}

/*SERVICIOS*/
.serv-logo{
	width: 60px;
}

.serv-padding{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px;
}

.altura-serv{	
	/*min-height: 700px;*/
}


.btn-centro{
	text-align: center;
}

.serv-azul{
	color: #91c4cd;
}

.serv-border-azul{
	border: 1px solid #91c4cd;
	border-radius: 20px;
}

ul.circulo-azul{
	list-style-image: url("../img/circulo-azul.png");
}
li.circulo-azul{
	list-style-image: url("../img/circulo-azul.png");
}

ul.sinCirculo{
	list-style-type: none;
}
li.sinCirculo{
	list-style-type: none;
}

.titulo-li-azul{
	color: #91c4cd;
	font-weight: bold;
}

.btn-serv{
	background-color: #91c4cd;
	border: 1px solid #91c4cd;
	color: #000000;
}
.btn-serv:hover{
	background-color: #62b9c3;
	border: 1px solid #62b9c3;
	color: #000000;
}

.esq_red_serv {
  border-radius: 10%;
  width: 100%;
  vertical-align: middle;
}

.circular_serv {
  border-radius: 50%;
  width: 100%;
  vertical-align: middle;
}

.circular--landscape {
  display: inline-block;
  position: relative;
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 50%;
}

.circular--landscape img {
  width: auto;
  height: 100%;
  margin-left: -60px;
}



/* Curriculum en Nosotros*/
.modal-content{
	border: 1px solid #91c4cd;
}

.modal-header{
	background-color: #91c4cd;
	color: #000000;
	font-size: 16px;
	font-weight: 500;
}

.btn-cv{
	background-color: #91c4cd;
	border: 1px solid #91c4cd;
	color: #000000;
}
.btn-cv:hover{
	background-color: #62b9c3;
	border: 1px solid #62b9c3;
	color: #000000;
}

.img-cv{
	padding-left: 20px;
	height: 40px;
}

/* Info content */
.centrar{
	align-content: center;
}

.mar-top-0{
	margin-top: 0px;
}

.mar-top-20{
	margin-top: 20px;
}

.mar-top-40{
	margin-top: 40px;
}
.mar-top-80{
	margin-top: 80px;
}

.pad-top-0{
	padding-top-top: 0px;
}
.pad-top-20{
	padding-top: 20px;
}
.pad-top-40{
	padding-top: 40px;
}

.underline{
	border-bottom: 1px solid #91c4cd;
	padding-top: 40px;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

h1{
	font-size: 30px;
	font-weight: bold;
	color: #91c4cd;
	text-align: center;
	padding-top: 40px;
}

h2{
	font-size: 20px;
	font-weight: bold;
	color: #91c4cd;
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

h3{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

h4{
	font-size:24px;
	line-height: 28px;
	font-family: 'EB Garamond', serif;
	text-align: center;
}

h5{
	font-size: 16px;
	font-weight: bold;
	color: #91c4cd;
	text-align: left;
	padding-bottom: 5px;
	margin-bottom: 5px;
}



/* Footer */

footer{
	/*min-width: 575px;*/
	width: 100%;
}

.footer-bar{
	background-color: #91c4cd;
	margin-top: 12px;
	text-align: center
}
	.footer-bar a{
		color: #000000;
		font-size: 14px;
		font-weight: 500;
	}
	.footer-bar a:hover{
		text-decoration: none;
		color: #cdf893;
	}

.footer-list{
	padding: 12px 0;
	margin-bottom: 0;
}
	.footer-list >li:not(:last-child){
		margin-right: 40px;
	}