@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=PT+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=ABeeZee&display=swap');
body{
	margin:0;
	width:100%;
	height:100%;
	font-family: 'PT Sans', sans-serif;
	color:#555;
}
#title{
	display:block;
}
#logo{
	display:inline-block;
	margin:0 30px;
}
#logo h1{
	padding:10px 20px;
	margin:20px 20px;
	color:#A00;
	border:3px dotted #A00;
}
#titulo{
	display:block;
	vertical-align:top;
	width:600px;
	background-color: rgba(201, 76, 76, 0.3);
	text-align:center;
	border:1px solid #999;
	font-family: 'ABeeZee', sans-serif;
	color:#fff;
	margin:0 auto;
}
#titulo h1{
	display:block;
	text-align:center;
}
nav{
	display:inline-block;
}
nav ul{
}
nav li{
	display:inline-block;
}
nav li a{
	padding:10px 10px;
	color:#444;
	font-size:1.4em;
}
nav li a:hover{
	color:#B00;
}
header{
	width:100%;
	display:block;
	background:#000;
	background-image:url(images/bg1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	padding:30px 0;
	text-align:center;
	border:1px solid #BBB;
}
header h1{
	text-align:center;
	color:#A00;
	text-shadow: 1px 1px #fff;
	font-size:3em;
}
header a{
	background:#A00;
	padding:10px 15px;
	color:#fff;
	display:block;
	width:50px;
	margin:0 auto;
	margin-bottom:40px;
}
header h2{
	text-align:center;
	color:#A00;
	margin-bottom:40px;
}
#etiq{
	display:block;
	text-align:center;
	margin:0 auto
}
#formu2{
	display:inline-block;
	vertical-align:top;
	width:300px;
	background-color: rgba(201, 76, 76, 0.3);
	text-align:center;
	border:1px solid #999;
	font-family: 'ABeeZee', sans-serif;
	color:#fff;
	margin:20px 20px;
}
#formu{
	display:inline-block;
	vertical-align:top;
	width:300px;
	background-color: rgba(201, 76, 76, 0.3);
	text-align:center;
	border:1px solid #999;
	font-family: 'ABeeZee', sans-serif;
	color:#fff;
	margin:20px 20px;
}
#formu h1{
	color:#A00;
}
#formu p{
	padding:5px 10px
}
#formu input{
	padding:10px 5px;
	width:260px;
	margin:8px;
}
#formu select{
	padding:10px 5px;
	width:260px;
	margin:8px;
	font-size:1em;
}
#formu .junto{
	margin:0 auto;
	border:none;
	text-align:center;
	background:#fff;
	color:#111;
	width:290px;
	font-size:1.1em;
}
#formu label{
	display:block;
	padding:3px 0px;
}
#formu span{
	display:inline-block;
	height:20px;
	width:50px;
	padding:3px 3px;
	margin:5px 5px;
	background:#BBB;
}
#formu span.rojo{
	border:2px solid #E00;
}
#formu span.azul{
	border:2px solid #00E;
}
#formu span.negro{
	border:2px solid #000;
}
#formu span a{
	text-decoration:none;
	color:#444;
}
#formu2 h1{
	color:#A00;
}
#formu2 p{
	padding:5px 10px
}
#formu2 input{
	padding:10px 5px;
	width:260px;
	margin:8px;
}
#formu2 select{
	padding:10px 5px;
	width:260px;
	margin:8px;
	font-size:1em;
}
#formu2 .junto{
	margin:0 auto;
	border:none;
	text-align:center;
	background:#fff;
	color:#111;
	width:290px;
	font-size:1.1em;
}
#formu2 label{
	display:block;
	padding:3px 0px;
}
#formu2 span{
	display:inline-block;
	height:20px;
	width:50px;
	padding:3px 3px;
	margin:5px 5px;
	background:#BBB;
}
#formu2 span.rojo{
	border:2px solid #E00;
}
#formu2 span.azul{
	border:2px solid #00E;
}
#formu2 span.negro{
	border:2px solid #000;
}
#formu2 span a{
	text-decoration:none;
	color:#444;
}
.oculto{
	display:none;
	visibility:hidden;
	position:relative;
}
.button{
	display:block;
	font-size:1.2em;
	margin:0 auto;
	margin-top:30px;
	padding:10px 8px;
	background:#B00;
	border:1px solid #AAA;
	color:#EEE;
}
article{
	display:block;
	padding:20px 100px;
	text-align:center;
}
article.qs{
	background:#eee;
}
article h1{
	text-align:center;
	font-size:3em;
}
article p{
	font-size:2em;
}
article span{
	display:inline-block;
	width:300px;
	text-align:center;
	vertical-align:top;
}
article span p{
	font-size:.9em;
	display:block;
}
article span a{
	display:block;
	background:#A00;
	color:#fff;
	padding:8px 8px;
	margin:10px;
}
article span h2{
	text-align:center;
}
article input{
	display:block;
	padding:10px 5px;
	width:300px;
	margin:8px auto;
}
article textarea{
	padding:10px 5px;
	width:350px;
	margin:8px;
}
article label{
	display:block;
	padding:3px 0px;
}
#tabla{
	display:inline-block;
	width:100%;
	background-color: rgba(201, 76, 76, 0.3);
	margin:0 auto;
	text-align:center;
	font-family: 'ABeeZee', sans-serif;
	border:1px solid #999;
}
#tabla h1{
	color:#D00;
}
#tabla span h4{
	color:#D00;
	text-align:left;
	margin:0;
	padding-top:10px;
	font-size:1.2em;
}
#tabla span{
	width:45%;
	display:inline-block;
	vertical-align:middle;
	padding:20px;
}
#tabla span p{
	text-align:left;
	padding-bottom:10px;
	margin:0;
}
#galeria{
	display:block;
	text-align:center;
	font-family: 'ABeeZee', sans-serif;
	margin:40px;
}
#galeria h1{
	display:block;
	text-align:center;
	font-family: 'ABeeZee', sans-serif;
}
#galeria img{
	display:inline-block;
	height:200px;
	width:auto;
	padding:20px 20px;
}
.crojo{
	color:#E00;
}
.cazul{
	color:#00E;
}
.ir-arriba {
	display:none;
	padding:20px;
	background:#B00;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
}
#ocul{
	width:1px;
	display:none;
	margin:0;
	padding:0;
}
#muestra_e{
	display:block;
	border:2px solid #111;
	width:300px;
	padding:5px;
	margin:5px auto;
}
footer{
	display:block;
	background:#555;
	color:#EEE;
	margin:20px 0 0 0;
}
footer p{
	padding:20px 0;
	text-align:center;
}