@charset "utf-8";
/* CSS Document */

* {	margin: 0; padding: 0;}
html, body {height: 100%;}
body { padding: 0; margin: 0; font-family: Arial; font-size : 62%; color : #231F20; background: #968758;}

/* Links */
a:link, a:visited { text-decoration : none; color : #231F20; border: 0; font-weight: bold;} 
a:hover, a:focus, a:active {  color : #663300; }
a:focus{ outline:none; } /* Quita el borde punteado de los enlaces*/

/* General Class */
img { border: none; }
p { font-size: 1.2em; }
h2 { font-size: 1.6em; margin-bottom: 30px; }
h3 { font-size: 1.2em; }
em { font-weight: bold; font-style: normal;}

ul { float: left; padding: 0; margin: 0; list-style-type: none; font-size: 1.5em;}
ul li { float: left; padding: 0; margin-right: 10px; display: inline; }

/* Layout */
#wrapper { margin: 0 auto; width: 760px; padding-top: 30px;}
#contenedor { width:760px; height:505px; background: url(../img/bg/bg-page.jpg) no-repeat; }
#contenido { width: 585px; padding: 110px 0 0 130px; }
#col-01 { float: left; width: 190px; margin: 0; }
#col-02 { float: left; width: 380px; margin: 0; }
#footer { }
#footer p { font-size: 1em; padding-left: 120px;}

/* Menus */
#menu-nav { margin-left: 35px ; padding-bottom: 30px}

#menu-id { float: left; margin: 20px 0 0 40px;}

#music { position: absolute; margin: 20px 0 0 660px; }
#music a { font-size: 0.7em; font-weight: normal;}

/* Estilos por columnas general */
#col-01 img { border: 1px solid #333333; }

#col-02 ul { padding: 0; margin: 0; list-style-type: none; font-size: 1.2em; }
#col-02 ul li { padding: 0; display: block; float: none; margin-bottom: 10px; }

#col-03 ul { padding: 0; margin: 0; list-style-type: none; font-size: 1.2em; }
#col-03 ul li { padding: 0; margin-bottom: 10px; display: block; float: none; }

/* Home */
#home #contenedor { background: url(../img/bg/bg-home.jpg) no-repeat; width: 760px;  }

/* Noticias */
#noticias #col-01 { float: left; width: 282px; margin-right: 88px; }
#noticias #col-02 { float: left; width: 203px; }
#noticias #col-01 p { line-height: 1em; height: 35px; overflow: auto; }
#noticias #col-01 img { margin-top: 5px; }

/* Biografia */
#biografia #col-02 p { font-size: 1.2em ;}

/* Colecciones y proyectos*/
#proyectos #col-01 { float: left; width: 172px; margin-right: 15px; }
#proyectos #col-02 { float: left; width: 126px; margin-right: 60px; }
#proyectos #col-03 { float: left; width: 200px; margin: 0; }
.txt-colecciones { height: 82px;  overflow: auto;}
.txt-proyectos { height: 82px; overflow: auto; }
#thumbnail img { margin:0 5px 5px 0; border: 1px solid #333333; }
#large {width: 173px;height: 266px;}

/* Shop */
#shop #col-01 { float: left; width: 580px; }
.shop-img { margin: 25px 15px 0 0;  }
.link-map { margin-top: 40px; padding-left: 16px; background: url(../img/bg/bg-link-map.jpg) no-repeat center left;}
#shop-map #contenido { background: url(../img/shop/plano.gif) no-repeat bottom right; height: 360px;}
.plano { float: right; margin: 0; padding: 0; border: none;  }

/* Prensa */
#prensa #col-03 { float: left; width: 580px; }

dl { float: left; padding: 0; margin: 0; list-style-type: none; font-size: 1.1em;}
dl dt {	width: 170px; float: left; margin: 0; padding: .5em 1.5em .5em .5em ; font-weight: bold;		text-align: right;}
dl dd {	float: left; width: 300px; margin: 0; padding: .5em;	}

/* Contacto */
#contacto #col-01 { float: left; width: 230px; margin-right: 30px; }
#contacto #col-02 { float: left; width: 280px; padding: 0; }
p#creditosweb { font-size: 1em; margin-top: 140px; }

.cssform p{clear: left;margin: 0;padding: 0 0 5px 0;height: 1%;}
.cssform label{font-weight: bold;float: left;
width: 270px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
border-bottom-width: 1px; border-bottom-style: solid;
margin-bottom: 3px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 270px;
}

.cssform textarea{width: 270px;height: 120px;}
.cssform input.btn {
		background:				none;
		outline: 				none;
		cursor:					pointer;
		display:				block;
		height:					26px;
		width:					77px;
		border: none;
		font-weight: bold;
		font-size: 1.1em;
	}

.cssform a.btn:hover {
		border:					none;
	}
/*********************** SCROLLERS ***********************/
.root {	position:relative; margin: 0; }
.thumb { position:absolute;	height:	9px; width:	15px; left: 10px; }
.up, .dn { position: absolute; left: 10px;}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{ border:0; }
.scrollContainer { position: absolute; left: 0;	top: 0;	width: 250px; height: 250px; clip: rect(0 467 200 0);	overflow: auto;	background: none; }
.scrollContent { position: absolute; left: 0; top: 0;}