@charset "UTF-8";
/* CSS Document */
@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('fonts/MyriadPro/MyriadPro-Regular.otf');
}
@font-face {
	font-family: 'MyriadPro-It';
	src: url('fonts/MyriadPro/MyriadPro-It.otf');
}
@font-face {
	font-family: 'MyriadPro-Bold';
	src: url('fonts/MyriadPro/MyriadPro-Bold.otf');
}
h1.titulo {
	font-family:"MyriadPro-It";
	color: #AAACB0;
}
.subtitulo {
	font-family:"MyriadPro-It";
	color: #AAACB0;
	margin-top:-15px;
	margin-bottom: 50px;
}
p.texto {
	font-family:"MyriadPro-Regular";
	font-size:16px;
	color: #f2f2f2;
}
span.negrilla {
	font-family:"MyriadPro-Bold";
	color: #ffffff;
}
span.titulos {
	font-family:"MyriadPro-It";
	color: #AAACB0;
}
.subrayado {
	text-decoration:underline;
}
li.titulo {
	font-family:"MyriadPro-Bold";
	font-size:16px;
	color: #AAACB0;
}
.linea-titulo {
	margin-top:30px;
	margin-left:0px;
	float:left;
	width: 50%;
 	height: 20px;
    background: -webkit-linear-gradient(left, black, #5E2434 , black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, black, #5E2434 , black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, black, #5E2434 , black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, black, #5E2434 , black); /* Standard syntax */
}
/* Thumbnail Styles */

.thumbnail {
	margin-bottom:6px;
	background-color: transparent;
}
.carousel-control.left,.carousel-control.right{
  background-image:none;
  margin-top:10%;
  width:5%;
}
.thumbnails  {
	padding-right: -15px; /* hace que no haya padding en el contenedor de la galería */
}
.thumbnails a {
	float: left;
	width: 20%;
	padding-right: 15px;
margin-bottom: 15px; /* da una separación consistente, ya que ahora las imágenes se despliegan como bloque y no inline */

	box-sizing: border-box;  /* hace que los 15px del padding se sustraigan del 25% del width */
}
img {
	max-width: 100%;
	height: auto;
}
.thumbnails img  {
	display: block; /* hace que las imágenes no tengan espacio vertical entre ellas por default las imágenes son inline y se afectan por párrafos, fonts, etc. */
	transition: all .2s ease-in-out; /* hace que el movimiento de las imágenes tome 2 milisegundos */
}
.thumbnails:hover img  {
	opacity: .6;
	transform: scale(.92);

}
.thumbnails img:hover  {
	opacity: 1;
	transform: scale(1) rotate(2deg);
	box-shadow: 0 0 7px rgba(0, 0, 0, .5);
}

/* Header */ 
#header {
	position: relative;
	background-image:url(../images/header.png);
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
	width: 100%;
	height: 100px;
}
#banner-inicio {
	position: relative;
	background-image:url(../images/banner-inicio.jpg);
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
	width: 100%;
	height: 270px;
	border-top: 7px solid #5E2434;
	border-bottom: 7px solid #5E2434;
}
#banner-nosotros {
	position: relative;
	background-image:url(../images/banner-nosotros.jpg);
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
	width: 100%;
	height: 270px;
	border-top: 7px solid #5E2434;
	border-bottom: 7px solid #5E2434;
}
#banner-historia {
	position: relative;
	background-image:url(../images/banner-historia.jpg);
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
	width: 100%;
	height: 270px;
	border-top: 7px solid #5E2434;
	border-bottom: 7px solid #5E2434;
}
#imagen-derecha {
	padding: 20px 0px 20px 20px;
}
#logo {
	height:100px;
	margin-top: -10px;
	background-repeat:no-repeat;
	background-image:url(../images/logo.png);

}
.socialmedia {
	color: white;
}
.circulo {
	overflow: hidden;
	position: relative;
	margin: 5px 0px 5px 5px;
	float: right;
	width: 50px;
	height: 50px;
	padding: 10px;
    -moz-border-radius: 100px; /* FF1+ */
    -webkit-border-radius: 100px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 100px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	text-align:center;
}
.borde {
	border: 2px solid white;
}
/* Sections */
section.contenido {
	background-color: #000000;
	position: relative;
	width: 100%;
	height: 100%;
	color: #ffffff;
	
}
section.footer1 {
	background-color: #5E2434;
	position: relative;
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-align: center;
	background: -webkit-linear-gradient(left, black, #5E2434 , black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, black, #5E2434 , black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, black, #5E2434 , black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, black, #5E2434 , black); /* Standard syntax */
}
section.content {
	background-color: #000000;
	position: absolute;
	top: 100%;
	width: 100%;
	height: 100%;
	color: #ffffff;
	
}
section.empty {
	background-color: rgba(0, 0, 0, 0.5);
	height: 200px;
}
#linea {
	width: 100%;
 	height: 7px;
    background: -webkit-linear-gradient(left, black, #5E2434 , black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, black, #5E2434 , black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, black, #5E2434 , black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, black, #5E2434 , black); /* Standard syntax */
}
#titulos {
	margin-top: 50px;
}
#subtitulos {
	margin-top:115px;
}
#titulo {
	float:left;
}
#linea-titulo {
	overflow:hidden;
	margin-top:-95px;
	margin-left:0px;
	width: 50%;
 	height: 20px;
    background: -webkit-linear-gradient(left, black, #5E2434 , black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, black, #5E2434 , black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, black, #5E2434 , black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, black, #5E2434 , black); /* Standard syntax */
}
#linea-titulo1 {
	overflow:hidden;
	margin-top:30px;
	margin-left:0px;
	width: 50%;
 	height: 20px;
    background: -webkit-linear-gradient(left, black, #5E2434 , black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, black, #5E2434 , black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, black, #5E2434 , black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, black, #5E2434 , black); /* Standard syntax */
}
@media (max-width: 999px){
	#linea-titulo {
	margin-top:-40px;
	margin-bottom:10px;
	width: 100%;
 	height: 20px;
    background: -webkit-linear-gradient(left, black, #5E2434 , black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, black, #5E2434 , black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, black, #5E2434 , black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, black, #5E2434 , black); /* Standard syntax */
}
#logo {
	height:100px;
	margin-top: -10px;
	background-repeat:no-repeat;
	background-image:url(../images/logo1.png);

}
}
@media (max-width: 991px){
#linea-titulo1 {
	margin-top:-40px;
	margin-bottom:10px;
	width: 100%;
 	height: 20px;
    background: -webkit-linear-gradient(left, black, #5E2434 , black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, black, #5E2434 , black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, black, #5E2434 , black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, black, #5E2434 , black); /* Standard syntax */
}
}