/*
Theme Name: Loteriav4
Theme URI:
Author: the WordPress team
Author URI:
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



body {
	font-family: 'Roboto', sans-serif;
	font-weight: ;
	background-image: url("img/fondo1.jpg");
	background-attachment: fixed;
 }

.container{
	max-width: 960px;
}

a {
	text-decoration: none;
}

header h1 {
	font-weight: 700;
	margin: 0;
}

header nav {
	display: flex;
	justify-content: flex-end;
}

header p {
	padding: 0 0px;
	margin: 0;
}

.jumbotron {
	display: flex;
	align-items: center;
	background-image: url('https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/jumbotron.jpg');
	background-size: cover;
	color: white;
	height: 500px;
	text-shadow: 0.25px 0.25px 0.25px black;
}



.jumbotron h2 {
	font-size: 60px;
	font-weight: 700;
	margin: 0;
	color: #fff;
}

.jumbotron h3 {
	margin: 0 0 20px;
	color: #fff;
}



section .row img {
	margin: 0 0 30px;
	width: 100%;
}

ul.nav.navbar-nav li a{
	transition: background 250ms ease-in-out;
}

ul.nav.navbar-nav li a:hover{
	background: rgba(166, 217, 255, 0.5);
}

.bx-wrapper {
	left: 5px !important;
}

/* responsive style */
@media screen and (max-width: 640px){
	.bx-wrapper,
	.sliderpreloader,
	#contenido-minitele,
	#banner-telebingo {
		display: none;
	}
}

#logos-superiores,
#logos-inferiores {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

#logos-superiores a,
#logos-inferiores a{
	padding: 10px;
}

#logos-inferiores{
	padding: 10px 0;
}

.figure{
 position: relative;
 right: 10px;
 }

.boton-logos {
	display: inline-block;
	transition: transform 150ms ease-in-out;
 }

.boton-logos:hover {
	transform: scale(1.1);
}

#contenido-video {
	width: 50%;
	float: left;
}
#contenido-telebingo {
	width: 50%;
	float: right;
	position: relative;
}

#contenido-telebingo p span {
	position: absolute;
	bottom: 10px;
	color: white;
	font: bold 14px/35px sans-serif, Arial, Helvetica;
	letter-spacing: 0px;
	background: rgba(0, 0, 0, 0.8);
	padding: 10px;
}

#extractos-telebingo{
	padding-top: 0px;
	padding-left: 30px;
}

p span.spacer {
	padding:0 2px;
}


#extractos-minibingo h3 span.spacer {
	padding:0 0px;
}

#extractos-minibingo h3 {
	position: absolute;
	margin-left: 200px;
	width: 100%;
}

#extractos-minibingo h3 span {
	position: absolute;
	bottom: 17px;
	color: white;
	font: bold 14px/35px sans-serif, Arial, Helvetica;
	letter-spacing: 0px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.0);
	padding: 10px;
}

#extractos-telebingo span{
	width: 300px;
	height: 100px;
}

#extractos-telebingo p span.spacer {
	padding:0 0px;
}

#extractos-telebingo p {
	position: absolute;
	top: 15px;
	left: 45px;
	width: 100%;
}

#extractos-telebingo p span {
	color: white;
	font: bold 14px/35px sans-serif, Arial, Helvetica;
	letter-spacing: 0px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.0);
	padding: 10px;
	position: absolute;
	top: 30px;
	left: 55px;
	width: 100%;
}

.btn.btn-primary {
	border-radius: 2px;
	border: 0px;
	color: #fbd1d5;
	text-shadow: none;
	background-color: white;
}

.btn.btn-primary:hover {
	color: white;
	background-color: #fbd1d5;
}

.btn-secondary {
	background-color: #E8DFE0;
	color: white;
	margin: 0 0 30px;
}

footer {
	background: #469ED2;
	color: #eee;
	font-size: 11px;
	margin-top: 40px;
	padding: 15px 0;
}
.contacto{
	list-style: none;
	padding: 0;
}

footer a img {
	transition: opacity 150ms ease-in-out;
}

footer a:hover img {
	opacity: 0.5;
}

.footer-logos {
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.footer-logos:hover {
	text-decoration: none;
}

/* Iconos */
.boton-social {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	max-width: 40px;
	max-height: 40px;

	background: white;
	border-radius: 50%;
	font-size: 1.5em;
	transition: all 300ms ease-in-out;
}

.boton-social.facebook {
	color: #3b5998;
}

.boton-social:hover {
	background: #3b5998;
	transform: scale(1.5);
}

.boton-social:hover {
	color: white;
}

/********Estilo Agencia********/

#titulo-agencias{
	/*text-align: center;
	font-size: 40px;
	color: #004747;
	font-family: Helvetica;
	position: relative;
	top:-20px;
	left: 10px;
	border: 4px;*/
	font-size: 2.25em;
	font-weight: 800;
	margin: 15px auto;
	font-style: normal;
	color: #1B7EA8;
	line-height: 0.9;
	letter-spacing: 0.20em;
	text-align: center;
	text-decoration: none;
	text-transform: Gotham Book;

	background: #F8F8F8;
	border: 2px solid #E7E7E7;
	border-radius: 8px;
	padding: 15px;
}

/*barra lateral*/


#lista-sucursal ul{
	font-family: Verdana;
	list-style: circle;
	text-align: left;
	font-size: 13px;
	margin-bottom: 60px;
	color: #0D73A4;
	font-weight:;

 }

#lista-sucursal ul h1{
	list-style: none;
	text-align: center;
	font-size: 18px;
	border: 1px solid #0D73A4;
}

#lista-sucursal ul li {
	background: rgba(0, 0, 0, 0.1);
}

#lista-sucursal ul li a {
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 10px 10px 10px 20px;
}

#lista-sucursal ul li a:hover {
	background: rgba(0, 0, 0, 0.1);
	border-left: 10px solid #0F83B9;
	color: white;
}


/*Contenido Sucursal*/
.tabla-localidad h1{
	font-size: 18px;
	font-family: verdana;
	color: #1B7EA8;

}

.tabla-localidad table {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin-bottom: 45px;
	margin-right: -60px;
	text-align: left;
	border-collapse: collapse;
	}

.tabla-localidad th {
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #BAEEFC;
	border-top: 4px solid #52D7F8;
	border-bottom: 1px solid #fff;
	color: #039;
}

.tabla-localidad td {
	padding: 8px;
	background: #C4E6FF;
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}

.tabla-localidad tr:hover td {
	background: #d0dafd;
	color: #339;
	font-color: white;
}


/*Estilo institucional*/

.titulo-institucional{
	text-align: center;
	font-family: georgia;
	font-weight: bold;
}

.parrafo{
	color: black;
	font-style: italic;
	text-align: justify;
}

#estilo-autoridades h3{
	font-size: 21px;
	text-align: left;
	width:100%;
	color: #1B7EA8;
	border-bottom-style: outset;
	border-bottom-width: 4px;
	font-family: georgia;
	background: rgba(21, 33, 191, 0.1);

}

#estilo-autoridades p{
text-align: left;
font-family: verdana, sans-serif;
color: #12438C;
font-size: 15px;
word-spacing: -1.4pt;
line-height: 1.3;
}

/*Sede*/
/*
.tg  {
	border-collapse:collapse;
	border-spacing:0;
}
.tg td{
	font-family:Arial, sans-serif;
	font-size:14px;
	padding:10px 5px;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	word-break:normal;
}

.tg th{
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding:10px 5px;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	word-break:normal;
}

.tg .tg-yw4l{
	vertical-align:top}

*/

.regla-iconos {

	list-style: none;
	margin: 0px;
	padding: 0px;
	justify-content: center;

}

.regla-iconos li{
	display: inline-block;
		width: 217px;
		height: 110px;
		margin-top: 20px;

}

.regla-iconos li a{
	 margin-left: 83px;
	 margin-top: 15px;
}


.regla-iconos li p{
	margin-top: 10px;
	color: black;
	font-family: georgia;
	font-style: italic;
	font-weight: lighter;
	text-align: center;
}

#icono-regla-pdf {
	margin-top: 1px;

}

/*Entrega de Premios*/

#entrega-premio-uno{
	margin-top: 10px;
}

/*Entrega de premios hover */

/* Zoom Out #1 */

.hover03 a:hover img {
	-opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}