body { margin: 0;
color:#1f2526;
font-family: 'Roboto', sans-serif;
}

h2 a:link, h2 a:visited {
	font-family: 'Roboto Slab', serif;
	color:#000000;
}


.image{
    position:absolute; width:100%; height:100%;
    background-image: url('../images/bg2.jpg');
    background-size: cover;
    background-attachment: fixed;
    color: #ffffff;
}

	.motivo {
		position:absolute; width:100%; height:100%;
		background-image: url('../images/bg2-overlay.png');
		background-repeat: no-repeat;
	}

.banner{
    /*position:absolute; 
	height:500px;
	width:100%;
    background-image: url('../images/bg2.jpg');
    background-size: cover;*/
}

.flecha {
	color:#ffffff;
	margin-top:25px;
	font-size:35px;	
	text-shadow: 2px 2px 1px #000000;	
}


.content {
    position:absolute; width:100%; top:100%; margin-top:50px;
}

.organizadores img {
	margin: 15px;
}

.info {
	margin-top:140px;	
	
}


	


		 .datos {
			padding-top: 40px;
			color: #ffffff;
		}


			.datos h1, .datos h2 {
				color: #ffffff;
				
			}

				.datos h1 {
					font-size: 55px;
				}

					.datos h1 span {
						font-size: 40px;
					}


				.datos h2 {
					margin-bottom: 55px;
					font-size:30px;
				}

					.datos h2 strong {
						color: #bf0909;
					}


			.datos p {
				font-size: 16px;
			}

		.fecha {
			font-size: 200px;
			font-family: 'Roboto Slab', serif;
		}

		.datos-icono {
			text-align: center;
			font-size: 30px!important;
			height: 60px;
			width: 60px;
			margin: 0px 15px;
			padding: 10px;
			background-color: #bf0909;
		}

.intro {
	margin-bottom:60px;
}

	.intro h1 {
		margin:0px;
	}
	
	.intro p {
		margin-top:30px;
		font-size:25px;
	}
	

.video {
	padding:0px 0px 60px 0px;
}

	.conferencistas {
		margin-bottom:30px;
		text-align:center;
		
	}
	

	
	.conferencistas .col-md-2{

}
	.conferencistas .col-half-offset{
		margin-left:4.166666667%
	}

	
	.conferencistas img {
	margin:auto;
	opacity:0.8;
	transition:all 0.2s;
	border: 1px solid #e9e9e9;
	}

	.conferencistas img:hover {
	transform: scale(1.02);	
	opacity:1;
	}

.conferencistas h3, .conferencistas h3 a {
	font-family: 'Roboto Slab', serif;
	margin-bottom:5px;
	text-align:center;
	font-size:20px;
	font-weight:700;
	color:#bf0909;
	transition:all 0.2s;
}

	.conferencistas span {
		font-family: 'Roboto Slab', serif;
		font-weight:400;
		
		font-size:16px;
		color:#333333;
	}

	.conferencistas h3 a:hover, .conferencistas h3 a span:hover {
		font-family: 'Roboto Slab', serif;
		text-decoration:none;
		color:#26292e;	
	}
	
	
	
	
.mensajes {
	color:#000000!important;
	display:block;
}	


#quote-carousel .carousel-indicators li {
	margin:0px;
}

#quote-carousel img {
	height:150px;
	width:150px;
}

	.mensajes-foto {
		text-align:right;
	}
	
.item blockquote p:before {
content: "\f10d";
font-family: 'Fontawesome';
float: left;
margin-right: 15px;
margin-bottom:150px;
font-size: 40px;
color:#26292e;
}	

	#quote-carousel small {
		font-size:14px;
		text-transform:uppercase;
		font-weight:700;
		text-align:right;
		color:#26292e;
	}

	



.post-content {
	/*background: none repeat scroll 0 0 #000000;*/
	padding:5px;
   color:#ffffff;
    bottom:5%;
    left:25%;
    position: absolute;
	text-shadow: 2px 2px 1px #000000;	
    
}

	.post-content h3, .post-content p {
		margin:0px; 
		letter-spacing:1px;
		text-transform: uppercase;
	}


	
.rosario-thumbnail{
  position:relative;
}

.rosario-wrapper {
    text-align:center;
}


	




.apoyan img {
	margin:5px 5px;
	vertical-align:middle;	
}


.recuadro {
	margin:5px;
	text-align:center;

}


	
	.recuadro a {
		padding: 15px 30px;
		border-radius:0px;
		display: inline-block;
		
		margin: auto;
		margin-top:30px;
		text-align: center;
		border: 2px solid #bf0909;
		text-transform: uppercase;
		font-weight: 700;
		color: #bf0909 !important;
		background-color: #f7f7f7;
		transition: all 0.3s;
	}
	
			.recuadro a:hover {
		background-color:#26292e;
		border:2px solid #26292e;
		color:#ffffff!important;
	}
	
		.recuadro p {
			font-size:16px;
			margin-bottom:0px;
		}

	.recuadro h2 {
		text-align:center;
		font-size:25px;
		
		margin-top:20px;
		margin-bottom:10px;
	}

	
		.recuadro i {
			text-align: center;
			font-size: 42px!important;
			height: 60px;
			width: 60px;
			margin: 0px 15px;
			padding: 10px;
			background-color: #bf0909;
			color: #ffffff;

		}
		



/* Conteo 
.conteo, .countdown {
text-align:center;
}

.conteo {
		margin-top: 60px;
}

.conteo h3 {
	letter-spacing: 4px;
	font-size: 30px;
	font-weight: 400;
	color:#ffffff!important;
}*/



	/* Conteo 2 */

		/* Conteo */
.conteo2, .countdown {
text-align:center;
}

.conteo2 {
		background-image:url('../images/conteo.jpg');
		background-size:cover;
		background-position:bottom;
		background-attachment: fixed;
		color:#ffffff;
		min-height: 450px;
}

.conteo2 h3 {
	
	font-size: 30px;
	color:#ffffff!important;
}	
	
	.conteo2 p {
		margin-top: 50px;
		font-size: 20px;
	}



.styled{
	margin-top:30px;
  margin-bottom: 30px;
}
.styled div {
display: inline-block;
font-size: 50px;
font-weight: 700;
text-align: center;
margin: 0 1px;
width: 136px;
padding: 10px 30px 53px; 
height: 100px;
background:rgba(255, 255, 255, 0.0);
text-shadow: none;
vertical-align: middle; 

text-shadow: 2px 2px rgba(12, 11, 11, 0.56);
}
.styled div:last-child{
border:none;
}

/* IE7 inline-block hack */
*+html .styled div{
  display: inline;
  zoom: 1;
}
.styled div:first-child {
  margin-left: 0;
}
.styled div span {
display: block;
border-top: 1px solid rgba(255, 255, 255, 0.36);
padding-top: 3px;
font-size: 21px;
font-weight: 400;
text-align: center;
}	
		

/* Small devices */
@media (max-width: 600px) { 
				.datos {
					padding-top: 20px;
				}

				.datos h1 {
					font-size: 30px!important;
				}

					.datos h1 span {
						font-size: 16px;
					}


				.datos h2 {
					margin-bottom: 25px;
					font-size:15px;
				}

				.datos p {
 		 			font-size: 13px;
				}


				.datos-icono {
			
			font-size: 30px!important;
			height: 55px;
			width: 50px;
			
		}



		.conteo {
			margin-top: 20px;
		}

			.conteo2 h3 {
	
					font-size: 22px;
					color:#ffffff!important;
				}	
	


		.styled {
			  margin-top: 20px;
			  margin-bottom: 20px;
			}


			.styled div {
				font-size: 30px;
				padding: 10px 30px 53px; 
				height: 80px;
			}

			.styled div span {
			
			
				font-size: 18px;

				}

						.info {
			margin-top:90px!important;
		}

}


@media (orientation: landscape) and (min-width: 400px) and (max-width: 940px) 
{		


			.info p {
				font-size: 15px!important;
			}
		
		.content{
				margin-top:200px!important;
		}
		
		.info {
			margin-top:90px!important;
		}
	


	.info h1 {
		font-size:25px!important;
	}
	
	.info h2 {
		font-size:17px!important;
		margin-bottom: 10px;
	}

	.datos {
		padding-top: 20px;
	}

	.image {
		min-height: 600px;
	}

	.conteo {
		margin-top: 15px;
	}

	.styled div {
				font-size: 30px;
				padding: 10px 30px 53px; 
				height: 80px;
			}

			.styled div span {
			
			
				font-size: 18px;

				}

}