@font-face {
  font-family: 'amaiFont';
  src: url(/layout/fonts/aKa.eot);
  src: local('aKa'), url(/layout/fonts/aKa.ttf) format('truetype');
  /*
  src: url(/layout/fonts/HandVetica.eot);
  src: local('HandVetica'), url(/layout/fonts/HandVetica.ttf) format('truetype');
  */  
  /*
  src: url(/layout/fonts/TallDrink.eot);
  src: local('TallDrink'), url(/layout/fonts/TallDrink.ttf) format('truetype');
  */
}

html{
	width: 100%;
	height: 100%;
	background: black url(/layout/img/ajax-loader.gif) no-repeat center center;
}

body{
	color: white;
	background: black;
}

.main_wrapper{
	position: relative;
    width: 900px;
    margin: 0 auto;
    padding: 2em 0;
}
#lang_switcher{
	float: right;
	list-style: none;
}
	#lang_switcher li a{
		color: black;
		text-decoration: none;
		font-family: amaiFont, Georgia, serif;
		font-size: 1.5em;
	}
	.bandera{
		height: 1em;
	}

#header{
	padding-top: 4em;
	color: black;
	background: white url(/layout/linea.png) repeat-x bottom center;
}
	#amai_logo{
		float: left;
	}
	#amai_texto{
		float: left;
		width: 700px;
		margin: 3em 0 1em 0;
	}
	.intro #amai_texto{
		margin: 12em 0 0 3em;
	}

#footer{
	margin-top: 2em;
	color: #333;
	font-family: monospace;
	text-align: right;
}
	#footer a{
		color: #555;
		font-family: monospace;
		text-decoration: none;
	}

.menu{
	position: relative;
	z-index: 100;
	margin-left: 200px;
}
.intro .menu{
	margin-left: 0;
}
	.menu ul{
		list-style: none;
	}
	
	.menu ul li{
		float: left;
		margin: 0 1.25em;
	}
	
	.menu ul li a{
		color: black;
		text-decoration: none;
		font-family: amaiFont, Georgia, serif;
		font-size: 1.8em;
	}
	.intro .menu ul li a{
		color: white !important;
	}
	
	.menu ul li ul li{
		float: none;
		margin: .5em 0 !important;
	}
	
	.menu ul li ul li{
		font-size: .7em;
	}
	
#submenu{
	position: relative;
	float: right;
	top: -3.5em;
	right: 0em;
	list-style: none;
	background: #444;
	font-size: 1.1em;
	behavior: url(/js/PIE.htc);
	border-radius: 10px;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}
	#submenu li{
		float: left;
		padding: .2em 1.2em;
		background: #444;		
		border: solid 1px black;
		behavior: url(/js/PIE.htc);
		position: relative;
		z-index: 10;		
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	#submenu a{	
		font-size: .9em;
		text-decoration: none;
	}	
	#submenu li.active{
		background: #ccc;
	}
	#submenu li.active a{
		color: #555;
		text-decoration: line-through;
	}	
	
	#ihate{
		position: absolute;
		top: 240px;
		left: 800px;
	}
	#ihate a img{
	    width: 160px;
	}
	#ihate #new{
		position: absolute;
		top: -20px;
		left: -20px;
		z-index: -1;
	}

#content{
}

#content h2{
	margin-top: .3em;
	font-family: amaiFont, Georgia, serif;
	font-size: 3.5em;
}
#content h3{
	margin-top: .3em;
	font-family: amaiFont, Georgia, serif;
	font-size: 1.8em;
}

#content a{
	color: #aaa;
}

#content .col2{
	float: left;
	width: 48%;
	margin: 1%;
}

#content .col3{
	float: left;
	width: 31%;
	margin: 1%;
}

#content div{
	x-text-align: justify;
}

#content p{
	text-align: justify;
}

#content blockquote{
	margin: 1em;
	padding: 1em;
	border-left: solid 1px #333;	
}

#content ul{
	margin: .5em 0 .5em 1.5em;
}

/* articulos de prensa */

.article h3 a{
	margin-top: .3em;
	font-size:  2em;
	font-family: amaiFont, Georgia, serif;
}

.article_neighbors{
	margin-top: 3em;
	padding-top: 1em;
	border-top: dashed 2px #333;
}


/* album de fotos */

.logo_coleccion{
	margin: 2em 0;
	text-align: center;
}

.thumbnail_list{
	list-style: none;
}

	.thumbnail_list li{
		float: left;
		margin: 5px;
		border: solid 2px white;
	}
	.thumbnail_list li img{
		display: block;
	}


/* reescribimos los formularios*/

form{
	border-left: solid 1px #333;
	border-bottom: none;
}

form fieldset{

}
form div.input{
	margin: 0 0 1em 0;
}
form div.input input, form div.input textarea{
	width: 300px;
	margin-left: 5px;
}
form div.input textarea{
	height: 10em;	
}
form div.submit{
	text-align: center;
}
form div.submit input{
	color: white;
	background: #555 url(/layout/img/bg-light-s.png) repeat-x left top;
}

form fieldset.main_form input,
form fieldset.main_form textarea,
form fieldset.main_form select{
	width: 100%;
}

/* decoraciones */

.extras{ display: none;}
#amai_logo, .menu {
		position: relative;
		z-index: 100;
}
#amai_3colores{
	position: absolute;
	top:0; left: 0;
}
.switch{
	position: absolute;
	top: -3em;
	right: 0;
	color: 	#888;
	text-align: center;
}
	.switch a{
		color: #555;
		text-decoration: none;
	}
#lang_switcher{
	position: relative;
	z-index: 10
}
#bigote{
	position: absolute;
	top: 122px;
	left: 55px;
	z-index: 9;
}
#lengua{
	position: absolute;
	top: 135px;
	left: 74px;
	z-index: 8;
}
#header-alt{
	position: absolute;
	top: -4em; left: 0;
}

#fondobb{
    position: fixed;
	z-index: 1;
}
.main_wrapper{
	position: relative;
	z-index: 2;
}
