body, div, h1, h2, h3, h4, h5, h6, p, ul, img {margin:0px; padding:0px; }
body { font-family: Helvetica, Arial, sans-serif;}
body{background:#000000}
.container {
    width: 1024px;
    margin: 0 auto;
    position:relative;
}
a:focus {
outline:0px;
}
a{
text-decoration:none;
}

#burbujas {
    width:1024px;
    height:198px;
    position:absolute;
    top:0px;
    left:0px;
}
#header {
    height:200px;
    text-indent: -9999px;
}
#content {
    background: url(../imagenes/content.jpg) no-repeat;
    height:378px;
}
#sidebar {
    margin-top:-362px;
    margin-left: 40px;
    width:185px;
    float:left;
}
ul#menu li {
list-style: none;
margin: 0;
padding: 0;
}
ul#menu li a {
    font-size: 23px;
    color: #009ee0;
    }
ul#menu li a:hover {
    font-size: 25px;
    color: #ffffff;
    text-decoration:none;
    }    
ul#menu li.iconlist {
list-style: none;
margin: 0;
padding: 0;
}
ul#menu li.home {
    background-image: url(../imagenes/home_icn.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 40px;
margin: .4em 0;
    }
ul#menu li.acercade {
    background-image: url(../imagenes/acercade_icn.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 40px;
margin: .4em 0;
    }
ul#menu li.portfolio {
    background-image: url(../imagenes/portfolio_icn.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 40px;
margin: .4em 0;
    }
ul#menu li.contacto {
    background-image: url(../imagenes/contacto_icn.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 40px;
margin: .4em 0;
    }
#slider {
        width:589px;
        height:181px;
        overflow:hidden;
        position:absolute;
        top:206px;
        left:243px;  
        }
        #prevBtn,#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
        position:absolute;
        top: 206px;
        left:243px;
	text-indent: -9999px;}
        
	#nextBtn, #slider1next{ 
		position:absolute;
                top:206px;
                left:792px;
		text-indent: -9999px;
                }														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:40px;
		height:182px;
		background:url(../imagenes/prev_img.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../imagenes/next_img.png) no-repeat 0 0;	
		}
#preview {
        list-style:none;
    }
#miniblog {
        width:367px;
        height:154px;
        position:absolute;
        top:406px;
        left:463px;
    }
#miniblog p {
font-size:8pt;
color:#ffffff;
    }
#miniblog h4 {
font-size:14pt;
color:#323133;
    }
#titulo_miniblog {
width:203px;
height:140px;
position:absolute;
top:405px;
left:250px;
background-image:url(../imagenes/mini_blog.png);
    }
#texto{height:154px;;overflow:hidden;width:367px;}
.jScrollPaneContainer {
        position: relative;
        overflow: hidden;
        z-index: 1;
        }
.jScrollPaneTrack {
        position: absolute;
        cursor: pointer;
        right: 0;
        top: 0;
        height: 100%;
        background: #004f64;
        
}
.jScrollPaneDrag {
        position: absolute;
        background: #789ba5;
        cursor: pointer;
        overflow: hidden;
}
.jScrollPaneDragTop {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
}
.jScrollPaneDragBottom {
        position: absolute;
        bottom: 0;
        left: 0;
        overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../imagenes/flechaup.jpg) repeat-x 0 0;
	height: 9px;
}
}
a.jScrollArrowUp:hover {
        /*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../imagenes/flechadown.jpg) repeat-x 0 0;
	height: 9px;
}

a.jScrollArrowDown:hover {
        /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
        /*background-color: #f00;*/
}
#tagline p {
text-indent: -9999px;
}
#tagline {
position:absolute;
width:164px;
height:128px;
top:240px;
left:842px;
background-image:url(../imagenes/tagline.png);
background-repeat:no-repeat;
}
#curriculum {
 width:164px;
 position:absolute;
 top:300px;
 left:10px;
}
#curriculum a {
    font-size:15px;
    font-weight:bold;
    color:#ffffff;
}
#curriculum a:hover {
    font-size:15px;
    font-weight:bold;
    color:#ffffff;
    text-decoration:underline;
}
#footer {
    background: url(../imagenes/footer.jpg) no-repeat;
    height:195px;
}
#menu_footer {
        list-style:none;
}
#links   {
    padding-left:350px;
    padding-top:10px;
}


#links  li {
	margin:2px;
	padding:2px;
	float:left; /*para eliminar el comportamiento de elemento de bloque(salto de linea)*/
}
#links  a {
	color:#ffffff;
        font-weight:bold;
}
#links  a:hover {
	color:#009ee0;
        font-weight:bold;
}