/** Psycho0.2 STYLE: XGreen **/
*{
    padding: 0px;
    margin: 0px;
}

body {
	background-image:url(img/fondo.png);
	background-attachment:fixed;
	text-align:center;
	font-family:Monospace;
}

header{
    margin: 5%;
}

h1{
	color: hsla(122, 180%, 60%, 0.5);
	font-size:35mm;
	font-family:Calibri, Ubuntu, Monospace;
	text-shadow:#000 5px 5px 5px;
	letter-spacing:10px;
}

img:hover{opacity:0.14;}

h2{
    color:#00ff00;
	/*color:rgba(18, 243, 61, 0.99);*/
	font-family:Calibri, Helvetica;
    margin: 20px;
}

/**Menu**/
.box_1{
	padding:5%;
    background-color: rgba(0,0,0,0.5);
	border-radius:10px;
	border:solid 1px #fff;
	box-shadow: 0px 0px 8px #000;
	width:28% ;
	margin: 15px auto;
}

/**Categorias**/
#categ{
    margin:10px;
	background:rgba(0,0,0,0.5);
	padding-bottom: 15px;
	border:3px dotted #fff;
	border-radius: 10px;
	box-shadow: 5px 5px 8px #000;
}

#categ:hover{
		transform: scale(1.2);
		background:#000;
		box-shadow: 5px 5px 8px #000;
}

#categ a{
    margin: 5px;
	color:rgba(18, 243, 61, 0.99);
	font-size:20px;
}

.categorias{      
	color:#000;
	background-color:#fff;
	border: 1px solid #fff;
	border-radius:10px;
}

a{
	color:#fff;
	text-decoration:none;
}

a:hover{
	color:#00ff00;
	border-radius:10px;
	padding:2px;
	text-shadow: 0px 0px 10px #fff;
}

/* Efecto Transition */

.logo:hover{
	animation-delay: 2s;
	transform: scale(1.5);
}
a,a:hover, img, img:hover{
	transition: all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-webkit-transition:0.5s linear;
}

footer{
	background-color:#000;
    color:white;
	margin-top:23px;
	}
	
h5{
	color:#808080;
    padding: 10px;
}

/**Colors**/

.down{
	background-color:#f00;
	color:#fff;
	border-radius:10px;
}

.surface{
	background-color:#4BC928;
	border-radius:8px;
	color:#000;
}

/**Barra link**/

div.fixed {
	position:fixed; top:0px; left:0px;
	width:100%;
	clear:both;
}

ul{list-style-type:none;}

ul#nav {
	height:20px;
	margin: auto;
	padding:0px;
	background:#000;
}
ul#nav li {
	float:left;
}
ul#nav li:hover {
	background:#fff;
}
ul#nav li:hover a{
	color:#333;
}

ul#nav li {
	color:#CEFF34; 
    text-decoration:none;
	padding-right: 9px;
	padding-left: 9px;
	display: block;
	line-height: 20px;
}

.archivo_text{
	color:#f00;
	background-color:#000;
	border:1px solid #fff;
}

/*Utilerias*/
.box_2{
	background:#000;
	width:34%;
	padding:12px;
	border:2px dotted #fff;
	border-radius:12px;
	box-shadow: 0px 0px 8px #000;
	margin:0px auto;
	list-style:none;
	height:372px;
	overflow-y:scroll;
}

#categorias{
	background-color:#000;
	border-radius:8px;
	padding:8px;
}

/**** FixedBox *****/

.boxfixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

/**Responsive Web**/

@media screen and (max-width:960px){

	 h1{font-size:70px;}
	.box_1, .box_2{	width:90% ; font-size:15px;}
	.fixed{display:none;}
	#categ{width:100%;}
}

/** Alert Box **/

.alert{
	color: red;
	position: fixed;
	padding: 12px;
	background: rgba(0,0,0,0.9);
	border:1px solid red;
	box-shadow: 0px 5px 5px #000;
	cursor:pointer;
}

.alert:hover{
	box-shadow:none; 
}