/* RESET STYLES */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* RESET STYLES */

/* ESTILOS ORMAECHEA */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700); 
body {
	background:#e51938 url(images/fondo_body.jpg) center top no-repeat;
	font-family: 'Open Sans', sans-serif;
	font-size:14px; 
	color: #000; 
	height:100%; 
}

nav { position:relative; margin:10px auto; width:100%; max-width:980px; background:#005A9F; text-align:right; }
	nav a { display:inline-block; vertical-align:top; margin:0 5px; height:25px; line-height:25px; text-decoration:none; text-transform:uppercase; color:#FFF; box-sizing:border-box; }
	nav #fb, nav #tw, nav #yt { margin:0 2px; width:26px; height:26px; overflow:hidden; background:url(images/redes.png) -1px -1px no-repeat; text-indent:1000px;  opacity:0.8; }
		nav #tw{ background-position:-31px -1px; }
		nav #yt{ background-position:-91px -1px; }
		
		nav a:hover { opacity:1 !important; }
	
header { position:relative; margin:0 auto; width:100%; max-width:980px; background:#005A9F; text-align:center; }
header a { display:block; margin:0 auto; width:90%; max-width:285px; height:150px; text-decoration:none; }
header a img{ width:100%; height:auto; }

#contenedor { position:relative; margin:0 auto; padding:20px; width:100%; max-width:980px; background:#FFF; box-sizing:border-box; }
	#loteria_nacional { clear:both; position:relative; width:100%; min-height:220px; background:#FFF; }
		#loteria_banner:before { display:block; float:left; position:absolute; bottom:0; left:0; content:""; width:195px; height:170px; background:url(images/bg_lot_before.jpg) bottom left no-repeat; z-index:0; }
		#loteria_banner:after { display:block; float:right; position:absolute; bottom:0; right:0; content:""; width:250px; height:225px; background:url(images/bg_lot_after.jpg) bottom right no-repeat; z-index:0; }
		#loteria_banner { position:relative; display:flex; width:100%; min-height:220px; background:#FFF url(images/bg_loteria.jpg) center center no-repeat; justify-content:center; text-align:center; z-index:1; }
			#loteria_banner a { position:absolute; bottom:0; left:50%; margin-left:-225px; display:flex; width:450px; background:#005A9F; color:#FFF; text-decoration:none; text-transform:uppercase; text-align:center; min-height:65px; font-size:24px; font-weight:bold; justify-content:center; align-items:center; border-radius:5px;  z-index:10;}
			
		#loteria_nacional article{ clear:both; position:relative; margin:0 -20px; padding:20px; background:#E5F4FB; box-sizing:border-box; text-align:center; }
			#loteria_nacional article p { margin:0 auto; max-width:800px; margin-bottom:10px; font-size:16px; line-height:20px; }
	
	#registro_selae { clear:both; position:relative; width:100%; min-height:220px; background:#FFF url(images/bg_registro_before.jpg) center left no-repeat; }
		#registro_selae h2 { margin:20px auto; width:100%; max-width:400px; font-weight:bold; font-size:24px; line-height:40px; color:#0054A8; text-align:center; text-transform:uppercase; border-bottom:2px solid #0054A8; }
		#registro_selae p { display:block; margin:0 auto 10px; max-width:600px; font-size:15px; line-height:20px; text-align:center;}
		#registro_selae a:before { clear:both; display:block; content:""; margin-top:-110px; margin-bottom:5px; width:100%; height:100px; background:url(images/bg_registro.jpg) bottom center no-repeat; }
		#registro_selae a { position:absolute; bottom:20px; right:0; display:block; width:150px; height:65px; line-height:75px; text-transform:uppercase; text-align:center; text-decoration:none; font-size:20px; font-weight:bold; background:#E6332A; border-radius:5px; color:#FFF; }

	#apuestas_selae { clear:both; position:relative; width:100%; background:#FFF; }	
		#apuestas_selae .ap_juego { position:relative; display:inline-block; vertical-align:top; margin:1% 0.95%; width:31%; height:160px; border:1px solid #E0EDE1; box-sizing:border-box; text-align:center; background:#FFF; }
			#apuestas_selae .ap_juego img { display:block; margin:15px auto 10px; max-width:95%; height:auto; }
			#apuestas_selae .ap_juego a { display:block; position:absolute; bottom:15px; left:50%; margin-left:-75px; width:150px; height:65px; line-height:65px; text-transform:uppercase; text-decoration:none; text-align:center; color:#FFF; font-weight:bold; font-size:20px; background:#0054A8; border-radius:5px; }

	footer { clear:both; display:inline-block; position:relative;  width:1120px; min-height:180px; max-width:1120px; background:#3C3C3C; box-sizing:border-box; }	
		footer .bloque{ display:inline-block; width:1120px; float:center; }
		footer .bloque #logo_pie{ display:block; width:210px; height:120px; overflow:hidden; }
		footer .bloque #logo_pie img{ margin-top:-2px; margin-left:-18px; }
		footer .bloque a{ position:relative; font-size:14px; line-height:20px; color:#777; }
		footer .bloque1 { margin:10px auto; color:#777; position:relative; float:center; height:90%; display:inline-block;  text-align:center; background:#3C3C3C; }
		footer .bloque1 ul{ position:relative; margin-top:70px; text-align:center; }
		footer .bloque1 ul li{ list-style:none; display:inline-block; vertical-align:middle; }
		footer .bloque1 ul li a{ text-decoration:none; }
		footer .bloque1 ul li a:hover{ text-decoration:underline;; }
		footer .bloque1 ul li span{ margin:0 5px; color:#777; }
		footer .bloque1 ul li:nth-child(4) span{ display:none; }
		
	.limpia { display:block; content:""; width:100%; height:1px; }
	
		#registro_pie { clear:both; position:relative; width:100%; min-height:220px; background:#FFF  }
		#registro_pie h2 { margin:20px auto; width:100%; max-width:400px; font-weight:bold; font-size:24px; line-height:40px; color:#0054A8; text-align:center; text-transform:uppercase; border-bottom:2px solid #0054A8; }
		#registro_pie p { display:block; margin:0 auto 10px; max-width:600px; font-size:15px; line-height:20px; text-align:justify;}
		#registro_pie a:before { clear:both; display:block; content:""; margin-top:-110px; margin-bottom:5px; width:100%; height:100px;  bottom center no-repeat; }
		#registro_pie a { position:absolute; bottom:20px; right:0; display:block; width:150px; height:65px; line-height:75px; text-transform:uppercase; text-align:center; text-decoration:none; font-size:20px; font-weight:bold; background:#E6332A; border-radius:5px; color:#FFF; }

	
/* ESTILOS ORMAECHEA */


/* RESPONSIVE */
@media all and ( max-width:450px ){
	#apuestas_selae .ap_juego { width:100% !important; }
}

@media all and ( max-width:600px ){
	nav { text-align:center; }
	nav #fb, nav #tw, nav #yt { display:none; }
	#loteria_banner:before,#loteria_banner:after { display:none; }
	#loteria_banner { clear:both; display:block; background-size:contain; text-align:center; }
	#loteria_banner a { left:auto; margin:0 5% !important; width:90%; font-size:18px; }
	
	#registro_selae { text-align:center; background:none; }
	#registro_selae h2 { line-height:28px; }
	#registro_selae a:before { display:none; }
	#registro_selae a { position:relative; bottom:auto; right:auto; display:block; margin:20px auto; height:auto; }
	
	#apuestas_selae .ap_juego { margin:10px auto; width:47.8%; }
}
@media all and (min-width:600px) and ( max-width:767px){
	#registro_selae { background:none; }
	#registro_selae p { margin:0 10px 10px; width:70%; font-size:14px; }
}

@media all and ( min-width:768px ) and ( max-width:950px ){
	#loteria_banner:before,#loteria_banner:after { background:none; }
	#apuestas_selae .ap_juego { margin:1% 0.85%; }
	#registro_selae p { max-width:420px; font-size:14px; }

}
/* RESPONSIVE */