@import url("reset.css");

/* ESTRUCTURA **************************/
html, body{
	height:100%;
}
body{
	background:#000;
}
#contenido{
	width:990px;
	min-height:650px;
	height:100%;
	margin:auto;
	background:url(../img/bg_contenido.jpg) top center no-repeat;
	position:relative;
}
/***************************************/
/* INTRO ************/
.video{
	height:500px;
	width:100%;
	padding-top:65px;
}
.saltar {
	background: url(../img/saltar_off.png) no-repeat center;
	padding:30px;
}
a. saltar{
	background: url(../img/saltar_off.png) no-repeat center;
}
a:hover .saltar{
	background: url(../img/saltar_on.png) no-repeat center;
}

/* FLASH *******************************/
#logo{
	position:absolute;
	left:26px;
	top:12px;
	z-index:10;
}
#ullrich{
	position:absolute;
	left:20px;
	bottom:115px;
	z-index:6;
}
/***************************************/

/* FORMULARIO **************************/
.bloque{
	margin-bottom:5px;
}
label{
	float:left;
	width:60px;
	font-size:1.1em;
}
.text,textarea{
	border:1px solid #BB8443;
	padding:2px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	width:250px;
}
textarea{
	height:80px;
}
.text.activo, textarea.activo{
	border:1px solid #6B3F10;
}
a.boton{
	color:#fff !important;
	font-size:12px;
	font-weight:bold;
	background:#6B3F10 !important;
	padding:5px 20px;
	float:left;
	text-decoration:none;
	margin-right:10px;
}
a.boton:hover{
	background:#BB8443 !important;
}
a.boton input{
	border:none;
	background:none;
	width:0;
	height:0;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
}
#alerta_contacto{
	font-size:11px;
	margin-left:60px;
	padding-bottom:5px;
}
/***************************************/

/* REDES SOCIALES **********************/
#redes_sociales{
	float:right;
}
#redes_sociales li{
	float:left;
}
/***************************************/

/* MENU ********************************/
#menu{
	padding-left:320px;
	margin-bottom:20px;
	height:22px;
	padding-top:3px;
	position:relative;
	z-index:12;
}
#menu a{
	float:left;
	height:27px;
	background:url(../img/menu.png) top no-repeat;
}
#menu a span{
	display:none;
}
#menu .separador{
	float:left;
	background:url(../img/menu.png) -98px 0 no-repeat;
	width:10px;
	height:27px;
	margin:0 10px;
}
#menu_historia{
	background-position:0 0 !important;
	width:90px;
}
#menu_historia:hover,#menu_historia.seleccionado{
	background-position:0 -28px !important;
}
#menu_catalogo{
	background-position:-115px 0 !important;
	width:94px;
	position:relative;
}
#menu_catalogo:hover,#menu_catalogo.seleccionado{
	background-position:-115px -28px !important;
}
#menu_catalogo ul{
	position:absolute;
	top:27px;
	padding-top:5px;
	display:none;
}
#menu_catalogo:hover ul{
	display:block;
}
#menu_catalogo li{
	background:url(../img/submenu.png) 0 1px no-repeat;
	height:37px;
	width:97px;
}
#menu_taller{
	background-position:-235px 0 !important;
	width:100px;
}
#menu_taller:hover,#menu_taller.seleccionado{
	background-position:-235px -28px !important;
}
#menu_exposiciones{
	background-position:-362px 0 !important;
	width:127px;
}
#menu_exposiciones:hover,#menu_exposiciones.seleccionado{
	background-position:-362px -28px !important;
}
/***************************************/

/* PAGINA ******************************/
#pagina{
	width:100%;
	height:387px;
	background:url(../img/bg_pagina.png) no-repeat;
	position:absolute;
	top:50%;
	margin-top:-174px;
}
#texto{
	padding-left:325px;
	padding-right:60px;
	position:relative;
	z-index:11;
}
blockquote{
	font-size:1.2em;
	color:#693c16;
	font-family:Aniron;
	line-height:18px;
	font-weight:bold;
	margin-bottom:5px;
}
p{
	font-size:1.1em;
	line-height:18px;
	margin-bottom:10px;
}
span.typeface-js{
	font-family:Aniron;
	font-weight:bold;
}
h1{
	height:21px;
	margin-bottom:10px;
}
h1 span{
	display:none;
}
h1#titulo_historia{
	background:url(../img/titulo_historia.png) left no-repeat;
}
h1#titulo_catalogo{
	background:url(../img/titulo_catalogo.png) left no-repeat;
	margin:0;
}
h1#titulo_links{
	background:url(../img/titulo_links.png) left no-repeat;
}
h1#titulo_el-taller{
	background:url(../img/titulo_el-taller.png) left no-repeat;
}
h1#titulo_contacto{
	background:url(../img/titulo_contacto.png) left no-repeat;
}
h1#titulo_exposiciones{
	background:url(../img/titulo_exposiciones.png) left no-repeat;
}

h1#titulo_error{
	background:url(../img/titulo_error.png) left no-repeat;
}
h2{
	font-family:Aniron;
	font-weight:bold;
	color:#693c16;
	font-size:0.9em;
}
h3{
	font-family:Aniron;
	font-weight:bold;
	color:#693c16;
	font-size:1.2em;
}
.volver,.seguir{
	background:url(../img/volver_seguir.png) no-repeat !important;
	float:right;
	height:15px;
	margin-top:10px;
}
.volver span,.seguir span{
	display:none;
}
.volver{
	background-position:0 0 !important;
	width:76px !important;
}
.volver:hover{
	background-position:0 -15px !important;
}
.seguir{
	background-position:right 0 !important;
	width:70px !important;
	margin-left:20px;
}
.seguir:hover{
	background-position:right -15px !important;
}

.categoria{
	float:left;
	margin-right:16px;
	padding-right:17px;
	background:url(../img/separador_catalogo.gif) right top no-repeat;
	margin-bottom:10px;
}
.categoria.ultimo{
	margin-right:0;
	background:none;
	padding-right:0;
}
.categoria img{
	border:3px solid #693C16;
}
.categoria a:hover img{
	border:3px solid #960;
}
#texto ul{
	margin-bottom:10px;
	font-size:1.1em;
}
#texto li{
	padding-left:8px;
	background:url(../img/bullet.gif) 0 6px no-repeat;
}
#texto a{
	color:#693C16;
	text-decoration:none;
	background:url(../img/linea_punteada_horizontal.gif) bottom repeat-x;
}
#texto a:hover{
	background:none;
}
.pdf{
	padding-right:20px;
	background:url(../img/ico_pdf.gif) right no-repeat;
}
.exposicion{
	background:url(../img/linea_punteada_horizontal.gif) bottom repeat-x;
	padding-bottom:1px;
	margin-bottom:10px;
	margin-right:50px;
}
.exposicion.ultima{
	background:none;
	margin:0;
	padding:0;
}
/***************************************/

/* PIE *********************************/
#pie{
	position:absolute;
	bottom:0;
	z-index:7;
	width:990px;
	height:205px;
}
/***************************************/