body { 
    margin: 0;
    padding: 0; 
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
	background-image: url(imagen/fondo.jpg);
	background-repeat: no-repeat;
    background-color: #3c352e;
}


#wrapper {
	
	float: left;
    width: 610px;
	margin: 20px 0 0 350px;
	
    
}


#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
   
    position: relative;
	float: left;
}

.scroll {
    
    width: 540px;
    overflow: auto;
    overflow-x: auto;
    position: relative;
	margin: 20px 0 0 0;
    /*clear: left;*/
    /*background: #FFFFFF url(imagen/content_pane-gradient.gif) repeat-x scroll left bottom;*/
	
	background: #FFFFFF url(imagen/fondo_contenido.jpg) no-repeat;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 400px;
    width: 500px;
	overflow: auto;
	
}



ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 0;
	font-size: 11px;
	color: #5a6d89;
	font-weight: bold;
	text-transform: uppercase;
}

ul.navigation li {
    display: inline;
    margin-right: 5px;
}

ul.navigation a {
    padding: 5px;
    color: #5a6d89;
    text-decoration: none;
	background-color: #FFFFFF;
}



ul.navigation a:hover {
    background-color: #000000;
}

ul.navigation a.selected {
    background-color: #000000;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

#contenido {
	width: 500px; overflow: auto; overflow-x: hidden;

}

#contenido b { color: #26374f; }

#separador20 { height: 20px; clear: both; }

.borde-izda { margin: 0 20px 20px 0; float: left; }
.borde-dcha { margin: 0 0 20px 20px; float: right; }
.borde-mini { margin: 0 5px 5px 0; float: left; }