/*
	Resetear CSS
*/
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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
}

body {
     line-height: 1;
}

:focus {
     outline: 0;
}

ol, ul {
     list-style: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: "";
}

blockquote, q {
     quotes: "" "";
}

input, textarea {
     margin: 0;
     padding: 0;
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px;
}


/* 
	Resetear CSS 
*/


body {
	font-family: Helvetica,Arial, Sans-serif;
	background: #EDEBE2 url(/img/layout/sombra.png) repeat-y top center;
	
}
hr {
	clear: both;
	visibility: hidden;
}
.clear {
	clear: both;
}

#contenedor {
	width: 870px;
	margin: 0 auto 20px auto;
	background-color: #EDEBE2;
	padding: 15px;
}

#logo {
	float: left;
	width: 200px;
}


#logo h1 {
    background-image: url(/img/layout/logo-kutxa-zirkuitua.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px;
	width: 133px;
	padding: 0 0 15px 0;
}

#logo h1 a {
    text-decoration: none;
	display: block;
    height: 45px;
	width: 133px;
}


#logo h1 a span {
    visibility: hidden;
}


#idiomas {
	float: right;
	text-align: right;
}

#idiomas a {
    text-decoration: none;
	display: block;
    height: 10px;
	float: right;
	background-position: right top;
	background-repeat: no-repeat;
}

#idiomas a span {
    visibility: hidden;
}

#idiomas a.eu {
	background-image: url(/img/layout/idiomas-eusk.png);
	width: 35px;
}
#idiomas a.es {
	background-image: url(/img/layout/idiomas-cast.png);
	width: 50px;  
}

#menu {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
	clear: both;
	height: 30px;
	margin: 0;
}

#menu li {
    display: inline;
	float: left;
}


#menu a{
	text-decoration: none;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
}

		#menu .home {
		    background-image: url(/img/layout/menu/es/home.png);
			width: 53px;
			margin-right: 3px;
		}

        #menu .home:hover {
		    background-position: 0px -30px;
		}
		
        #menu .blog {
		    background-image: url(/img/layout/menu/es/blog.png);
			width: 49px;
			margin-right: 3px;
		}

        #menu .blog:hover {
		    background-position: 0px -30px;
		}
		
        #menu .programa {
		    background-image: url(/img/layout/menu/es/programa.png);
			width: 104px;
			margin-right: 3px;
		}

        #menu .programa:hover {
		    background-position: 0px -30px;
		}
		
        #menu .musica {
		    background-image: url(/img/layout/menu/es/musica.png);
			width: 75px;
			margin-right: 3px;
		}

        #menu .musica:hover {
		    background-position: 0px -30px;
		}
		
        #menu .exposiciones {
		    background-image: url(/img/layout/menu/es/exposiciones.png);
			width: 128px;
			margin-right: 3px;
		}
        #menu .exposiciones:hover {
		    background-position: 0px -30px;
		}


        #menu .cine {
		    background-image: url(/img/layout/menu/es/cine.png);
			width: 45px;
			margin-right: 3px;
		}
        #menu .cine:hover {
		    background-position: 0px -30px;
		}

        #menu .moda {
		    background-image: url(/img/layout/menu/es/moda.png);
			width: 58px;
			margin-right: 3px;
		}
        #menu .moda:hover {
		    background-position: 0px -30px;
		}

        #menu .talleres {
		    background-image: url(/img/layout/menu/es/talleres.png);
			width: 86px;
			margin-right: 3px;
		}
        #menu .talleres:hover {
		    background-position: 0px -30px;
		}
				
        #menu .newsletter {
		    background-image: url(/img/layout/menu/es/newsletter.png);
			width: 77px;
			margin-left: 220px;
			margin-right: 0px;
		}

        #menu .newsletter:hover {
		    background-position: -77px top;
		}


#menu span{
	visibility: hidden;
}

#texto {
	padding-bottom: 30px;
}


* a {
	color: #000;
}

* a:hover {
	text-decoration: none;
}