/* 
Title:		Reset default browser styles
Author: 	dan@simplebits.com, based on Eric Meyer's Reset CSS: http://meyerweb.com/eric/tools/css/reset
*/
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, font, 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 {
	margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; border: 0; outline: 0; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; }
input[type="submit"], button{ -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; }


/* ESTILOS GENERALES 
--------------------------------------------------------------------------------------------------------------------------- */
body { background:rgba(49,25,18,1); font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; }
.rosa { background:rgba(255,153,204,0.3); }
.beige { background:rgba(255,153,102,0.8); }
.amarillo { background:rgba(255,153,0,0.3); }
.centrar { width:1000px; margin:auto; position:relative; }
.horizontal-100 { width:100%; height:100px; }
.mayusculas { text-transform:uppercase; }


/* ESTILOS PARA EL CENTRO DE NOTIFICACIONES
--------------------------------------------------------------------------------------------------------------------------- */
.notifica { 
	width:22%; padding:20px; position:fixed; top:20px; right:20px; 
	background:rgba(33,22,7,0.95); display:none; z-index:100; }
.notifica h3 { font-size:19px; }
.notifica p { font-size:14px; }
.cerrar {
	width:18px; height:18px; display:inline-block; position:absolute; top:10px; right:10px;
	line-height:18px; font-size:14px; text-transform:uppercase; text-align:center; color:#FFF; 
	border:1px solid #FFF; border-radius:50%; }
.cerrar:hover { color:#7F5331; border:1px solid #7F5331; }	



input#rfc, input#bbuscar { text-transform:uppercase; }
::-webkit-input-placeholder { color:#999; }
::-moz-placeholder { color:#999; }
:-ms-input-placeholder { color:#999; }
input:-moz-placeholder { color:#999; }
.error { background:rgba(153,0,0,0.3); color:rgba(153,0,0,1); }

.solicitar { width:100%; display:block; padding:50px 0 50px 0; color:#FFF; text-decoration:underline; }



/* ESTILOS PARA EL HEADER
--------------------------------------------------------------------------------------------------------------------------- */
.cuerpo { width:100%; position:fixed; top:0; left:0; z-index:199; }
header { width:100%; color:#FFF; padding:25px 0 25px 0; text-align:center; background:rgba(49,25,18,1); }
header h1 { font-size:48px; line-height:48px; }
header h3 { font-size:24px; line-height:24px; }

nav { width:100%; background:rgba(255,255,255,0.9); text-align:center; }
nav a { 
	width:50%; height:70px; line-height:70px; font-size:18px; 
	display:inline-block; color:#222; border-bottom:5px solid rgba(255,255,255,0); }
nav a.active { border-bottom:5px solid rgba(49,25,18,1); color:rgba(49,25,18,1); font-weight:bold; }

.fecha { width:100%; text-align:center; }
.fecha form { display:none; }

section { width:80%; margin:50px 10% 0 10%; padding:300px 0 300px 0; background:rgba(255,255,255,0.8); color:#999; }
section h1 { font-size:36px; font-weight:bold; text-transform:uppercase; color:#FFF; margin-bottom:25px; }
section p { width:80%; margin:0 10% 0 10%; font-size:24px; text-align:center; color:#FFF; }
.registro { background:rgba(49,25,18,1); padding:150px 0 150px 0; text-align:center; }
.formularios { width:90%; padding:0 5% 0 5%; background:rgba(255,255,255,0.4); }
form { width:100%; padding:0; text-align:center; }
input { 
	width:94%; margin:0; padding:25px 3% 25px 3%; border:0; background:rgba(255,255,255,0.8);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; border-top:1px dotted #999;
	font-size:24px; line-height:30px; color:#222; -moz-appearance:none !important; }
input[type=submit] { width:100%; background:#42210B; color:#FFF; text-transform:uppercase; } 
input[type=submit]:hover { background:rgba(242,124,150,1); cursor:pointer; } 
input[type=checkbox], label { 
	width:auto; padding:0; margin:0; line-height:0; position:relative; display:inline-block; color:#FFF; } 

ul li { width:96%; margin:0 2% 0 2%; border-bottom:1px dotted #999; padding:10px 0 10px 0; position:relative; font-size:24px; color:#999; }
ul li a { color:#999; }
ul li a:hover { color:rgba(242,124,150,1); }
li h1 { font-size:36px; font-weight:bold; text-transform:uppercase; color:#999; }
a.facturar { 
	width:100%; height:90px; background:#259BC9; margin:20px 0 20px 0;
	line-height:90px; font-size:24px; font-weight:bold; display:block; color:#FFF; text-align:center; text-transform:uppercase; }
a.facturar:hover { background:#CCC; color:#259BC9; } 


/* ESTILOS LIGHTBOX 
--------------------------------------------------------------------------------------------------------------------------- */
section.full { width:100%; min-height:100%; position:absolute; top:0; left:0; margin:0 0 0 0; padding:0 0 0 0; background:rgba(255,255,255,0.1); z-index:-1; }
section.full li { width:80%; margin:0 10% 0 10%; border-bottom:0; padding:10px 0 10px 0; position:relative; font-size:24px; color:#999; text-align:center; }
section.full li img { width:100%; }
section.full li span { 
	width:30px; height:15px; display:block; padding:10px; line-height:20px; text-align:center; border-radius:5px; 
	background:rgba(0,0,0,.5); color:#FFF; position:absolute; bottom:30px; right:15px; font-size:10px; }

#tm { opacity:0; }
#tm:hover { opacity:1; }

.proteccion { width:100%; height:100%; display:block; position:fixed; top:0; left:0; background:rgba(0,0,0,0.05); z-index:90; }

/* ESTILOS FOOTER 
--------------------------------------------------------------------------------------------------------------------------- */
footer { width:80%; margin:30px 10% 30px 10%; text-align:center; font-size:12px; color:#FFF; }



