/*generales*/
/*	*{ padding:0; margin:0; }	*/
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;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background: #000;
	font-size:62.5%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content:none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */ 
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */ 
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{

}
a:hover {

}
p {

}
p + p {

}

h1 {

}

h2 {

}

img {

}

img, div, a, input { behavior: url(iepngfix.htc) }

input, textarea, select{

}
input[type=submit]{}

input[type=button]{}

input[type=text]{}

input[type=password]{}

.margen_s {	margin: 5px;	}
.margen_m {	margin: 10px;	}
.margen {	margin: 15px;	}
.margen_l {	margin: 20px;	}
.padd_s {	padding: 5px;	}
.padd_m {	padding: 10px;	}
.padd {	padding: 15px;	}
.padd_l {	padding: 20px;	}

.clear {	clear: both;	}

.left {	text-align: left !important;	}
.center {	text-align: center !important;	}
.right {	text-align: right !important;	}

.fright {	float: right !important;	}	
.fleft {	float: left !important;		}
.no-bg {     background: none !important;		}

/*end generales*/

body.layout-lang{
	
	background: #000 /*url(images/AficheLainocenciadelaaranna2.jpg) no-repeat top center*/;
	position: relative;
	height: 850px;
	width: 100%;	
}
#spider{
	text-align:center;
	height: 800px;
	width: 100%;
	display: block;
	position: absolute;
	right: 0px; 
	top: 0px;
}
#spider img{	 height: 800px; }
.lang-page a {
	text-decoration: none;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	font-family: "courier";
}
.lang-page #esp span, .lang-page #en span{
	display: none;
}
.lang-page #esp{
	position: absolute;
	top:187px;
	left: 50%;
	height: 36px;
	line-height: 1.2;	
	width: 96px;
	margin-left: 280px;
	background: url(images/lang.png) no-repeat top center;
	padding: 5px;
}
.lang-page #en{
	position: absolute;
	top:355px;
	left: 50%;
	margin-left: -385px;	
	height: 36px;
	line-height: 36px;
	width:96px;
	margin-left: 280px;
		padding: 5px;
	background: url(images/lang.png) no-repeat top center;	
}
.lang-page a:hover
{
color: #DCE17D;}
.lang-page .copy{
	width: 100%;
	top: 810px;
	position: absolute;
}
.lang-page .copy p{
	text-align: center;
	font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
	color: #fff;	
}
#layout{

}

#header{

}
#logo, #logo a{
	height: 0 ;
	width:  0;
	float: left;
}
#logo a span{
	display:none;
}

#navigation{

}

#content{


}

#footer{

}

/*span*/
.span10{width:10px !important;}
.span30{width:30px !important;}
.span50{width:50px !important;}
.span60{width:60px !important;}
.span70{width:70px !important;}
.span80{width:80px !important;}
.span90{width:90px !important;}
.span100{width:100px !important;}
.span120{width:120px !important;}
.span130{width:130px !important;}
.span150{width:150px !important;}
.span180{width:180px !important;}
.span200{width:200px !important;}
.span250{width:250px !important;}
.span270{width:270px !important;}
.span300{width:300px !important;}
.span350{width:350px !important;}
.span400{width:400px !important;}
.span450{width:450px !important;}
.span460{width:460px !important;}
.span500{width:500px !important;}
.span600{width:600px !important;}
.span660{width:660px !important;}
/*end span*/