html, body {
	margin: 0;
	padding: 0;
	/* height: 100%; */
}
#principal{
	font: 100% Verdana, Geneva, sans-serif;
	/* background-color: #EAEAEA; */
	background-color: #4a0001;
	color: #333;
	background-image: url(../imagenes/index/admin_contenido.jpg);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position: center top;
}
a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #999;
	text-shadow:#000;
	font-weight: bold;
}
a:link {
	text-decoration: none;
	color:#999;
	text-shadow:#000;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #999;
	text-shadow:#000;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	text-shadow:#000;
	color: #FFF;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #999;
	text-shadow:#000;
	font-weight: bold;
}
h2 {
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	text-align:center;
}
h5 {
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	text-align:center;
}
#container {
	display: table;
	height: 100%;
	width: 100%;
	margin: 0;
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#titulo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	vertical-align: top;
	font-weight: bold;
	color: #FFF;
	top:100px;
    right:10%;
	text-align:right;
	position:absolute; right:755px; top:155px;
}
#content {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
#inner {
	border-style:solid;
	border-color: #000;
	border-width: 5px;
	/* border: 2px dashed #FFF; */
    width: 50%;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	background-color: #FFF;
	opacity: .9;
	filter: alpha(opacity=85);
}
.boton {
	color: #FFFFFF;
	border: 1px solid #333333;
	text-decoration: none;
	padding: 4px;
	background-color: #666666;
	background-image: url(../imagenes/globales/back-buttons.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	cursor: pointer;
}
.mensaje_error {
	background-position: 15px 50%;
	text-align: center;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	padding: 5px 20px 5px 60px;
	border: 2px solid #091626;
	background-color: #FFFF99;
	background-image: url(../imagenes/globales/mensaje.png);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 }
.mensaje_ok {
	background-position: 15px 50%;
	text-align: center;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 20px 5px 60px;
	border: 2px solid #091626;
	background-color: #EDF0FE;
	background-image: url(../imagenes/globales/check.png);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 }
.texto {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.titulos {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #440001;
	text-align: center;
}
.variable {
	background-color: #F0F0E8;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	border-bottom: 2px solid #E8E8E1;
	border-right: 2px solid #E8E8E1;
	font-size: 12px;
}
input {background-color: #F0F0E8;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;}
label { width: 10em; float: left;}
input.error { border: 2px solid #ffa17f;}
label.error {
	display:block;
	height:10px;
	width:150px;
	padding-left:15px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #ff5432;
	background-image: url(../../librerias/imagenes/globales/error.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
p { clear: both; }
.submit { margin-left: 12em;}
em { font-weight: bold; padding-right: 1em; vertical-align: top;}
.texto_peque {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	color: #666;
}
.campo_log {
	height: 24px;
	width: 260px;
	background-color: #5d0000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #FFF;
}
.button {
	position: relative;
	display: inline-block;
	border: none;
	border-radius: 50px;
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: hsla(0,0%,50%,1); /* fallback */
	background: #000 -webkit-gradient(radial, center top, 200, center top, 20, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,.65)));
	background: #000 -webkit-radial-gradient(50% 0 180deg, circle farthest-side, rgba(255, 255, 255, 0.65) 20%, rgba(255, 255, 255, .35) 100%);
	background: #000    -moz-radial-gradient(50% 0 180deg, circle farthest-side, rgba(255, 255, 255, 0.65) 20%, rgba(255, 255, 255, .35) 100%);
	background: #000     -ms-radial-gradient(50% 0 180deg, circle farthest-side, rgba(255, 255, 255, 0.65) 20%, rgba(255, 255, 255, .35) 100%);
	background: #000      -o-radial-gradient(50% 0 180deg, circle farthest-side, rgba(255, 255, 255, 0.65) 20%, rgba(255, 255, 255, .35) 100%);
	background: #000 	     radial-gradient(50% 0 180deg, circle farthest-side, rgba(255, 255, 255, 0.65) 20%, rgba(255, 255, 255, .35) 100%);
	-webkit-box-shadow: inset rgba(0,0,0,0.2) 0 -3px 4px 1px, inset rgba(252,255,255,0.4) 0 2px 8px 0px, rgba(0,0,0,.8) 0 3px 8px -1px;
	box-shadow: inset rgba(0,0,0,0.2) 0 -3px 4px 1px, inset rgba(252,255,255,0.4) 0 2px 8px 0px, rgba(0,0,0,.8) 0 3px 8px -1px;
	
	-webkit-transition: -webkit-transform .3s cubic-bezier(0,.5,.5,1), -webkit-border-radius .2s cubic-bezier(0,.5,0,1);	
	   -moz-transition:    -moz-transform .3s cubic-bezier(0,.5,.5,1),    -moz-border-radius .2s cubic-bezier(0,.5,0,1);	
	    -ms-transition:     -ms-transform .3s cubic-bezier(0,.5,.5,1),     -ms-border-radius .2s cubic-bezier(0,.5,0,1);	
		 -o-transition: 	 -o-transform .3s cubic-bezier(0,.5,.5,1), 	 	-o-border-radius .2s cubic-bezier(0,.5,0,1);	
			transition: 		transform .3s cubic-bezier(0,.5,.5,1), 		   border-radius .2s cubic-bezier(0,.5,0,1);
	left: -20px;
	top: -15px;
	color: #333;
	font-family: 'Medula One', cursive;
	font-size: 18px;
}


.button:active, #zen.play .button {
	-webkit-transform:  scale(.5);
	   -moz-transform:  scale(.5);
		-ms-transform:  scale(.5);
		 -o-transform:  scale(.5);
			transform:  scale(.5);
	
	background: hsla(0,0%,40%,1); /* fallback */
	background: #000 -webkit-gradient(radial, center top, 200, center top, 20, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,.48)));	
	background: #000 -webkit-radial-gradient(50% 0 180deg, circle farthest-side, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, .28) 100%);
	background: #000    -moz-radial-gradient(50% 0 180deg, circle farthest-side, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, .28) 100%);
	background: #000     -ms-radial-gradient(50% 0 180deg, circle farthest-side, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, .28) 100%);
	background: #000      -o-radial-gradient(50% 0 180deg, circle farthest-side, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, .28) 100%);
	background: #000 	     radial-gradient(50% 0 180deg, circle farthest-side, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, .28) 100%);

	-webkit-box-shadow: inset rgba(0,0,0,0.5) 0 -4px 4px 1px, inset rgba(252,255,255,0.2) 0 6px 4px -2px, rgba(0,0,0,.6) 0 4px 4px 1px;	
			box-shadow: inset rgba(0,0,0,0.5) 0 -4px 4px 1px, inset rgba(252,255,255,0.2) 0 6px 4px -2px, rgba(0,0,0,.6) 0 4px 4px 1px;	
	
	-webkit-transition: -webkit-transform .2s cubic-bezier(0,.5,0,1), -webkit-border-radius 1s cubic-bezier(0,.5,0,1);
	   -moz-transition:    -moz-transform .2s cubic-bezier(0,.5,0,1),    -moz-border-radius 1s cubic-bezier(0,.5,0,1);
		-ms-transition: 	-ms-transform .2s cubic-bezier(0,.5,0,1), 	  -ms-border-radius 1s cubic-bezier(0,.5,0,1);
		 -o-transition: 	 -o-transform .2s cubic-bezier(0,.5,0,1), 	   -o-border-radius 1s cubic-bezier(0,.5,0,1);
			transition: 		transform .2s cubic-bezier(0,.5,0,1), 		  border-radius 1s cubic-bezier(0,.5,0,1);
}


.button:active, #zen.play .button:active {
	-webkit-transform:  scale(.5);	
	   -moz-transform:  scale(.5);	
		-ms-transform:  scale(.5);	
		 -o-transform:  scale(.5);	
			transform:  scale(.5);	
}
.play .button {
	border-radius: 30px;
	-webkit-transform:  scale(.54);
	   -moz-transform:  scale(.54);
	    -ms-transform:  scale(.54);
		 -o-transform:  scale(.54);
			transform:  scale(.54);	
}
.pie {
	color: #CCC;
	font-family: 'Economica', sans-serif;
	font-size: 14px;
}