body {
margin: 0; padding: 0;
width: 10500px;
	height: 509px;
	color:#333; 
	font: 62.5%/150% Tahoma, Sans-Serif; 
	background: url('../../images/wall.jpg') repeat fixed;
}

/*h2 {font-size: 1.1em}*/
/*h3 {font-size: 1.4em}*/

hr, .hide {
	position:absolute; 
	top:0;
    left:-9000px;
}	

#page {
height: 509px; 
position:absolute;
top: 50%;
width: 10500px;
margin-top: -254px;
z-index: 2;
}

#leftsider {
	margin: 0 20px 0 120px;
	/*padding: 0px 0 0 30px;*/
	float: left;
	width:300px; 
	background: transparent url('../../images/fondomenuportfolio.png') top left no-repeat;
	height: 500px;
}

#contenidols { margin-top: 100px;}

#leftsider h1 {font-size: 2.0em;}


/** MENU PRINCIPAL **/
#menu {
	margin-top: 270px; 
	margin-right:10px;
	text-align: right;
}

#menu ul {
	list-style: none; 
}

#menu ul li{background: url('../img/rightsmall.png') right no-repeat; 	padding-right:15px;}

#menu a{
	text-decoration: none;
	/*color: #22b1e1;*/
	color:#555;
}

#menu a:hover{
	border-bottom: 1px dotted #22b1e1;
}
/** FIN DE MENU **/


#content {
margin: 0 0 0 10px; 
float: left;
font-size: 1.1em; 
background: #fff url('../../images/papel.png'); 
height: 500px;
z-index:0;
}

#content h4 {font-size: 1.2em;}

#content2{height: 480px; margin-top: 10px;}

.par {
	margin: 0px 30px 0 0px; 
	padding-left: 30px; 
	float: left; 	
	/*height: 300px;*/
width: 500px;
}

.alt {/* modify this to add style to alternate sections*/}

#note { 
	margin-top:10px;
}



/*
#arrows {
	position: fixed;
	top: 470px;
	left: 650px; 
	width: 90px;
	height: 30px;
	cursor: pointer;
}

#arrows ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 40px;
	height: 30px;
}

#arrows ul li a{
	margin-right: 5px;
	float: left;
	display: block;
	width: 40px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}




#arrows ul #left a {background: transparent url(../img/leftbig.png) no-repeat;}
#arrows ul #right a{background: transparent  url(../img/rightbig.png) no-repeat;}

*/

/** FLEXAS 2ª opcion */
/*
#arrows {
	position: fixed;
	height: 490px;
	width: 100%;
	cursor: pointer;
	overflow: hidden;
	z-index:0;
}

#arrows ul {	
	margin: 0;
	padding: 0;
	list-style:none;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	width: 120px;
}

#arrows ul li a{
	margin-right: 5px;
	width: 120px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#arrows img a{border:0;}
#arrows img {border:0;}


#arrows ul #left {float:left;}
#arrows ul #right {float:right;}
*/
/** END FLEXAS 2ª opcion**/



/** FLEXAS 1ª opcion */
#left img a{border:0;}
#left img {border:0;}
#right img a{border:0;}
#right img {border:0;}
#left {top: 50%; margin-top: -834px; z-index:2;  cursor: cross; width: 120px;/* height: 500px; */float:left; position: fixed; border:0;}
#right {top: 50%; margin-top: -834px;  z-index:2; cursor: cross; width: 120px; /*height: 500px;*/ left:100%; margin-left:-116px; position: fixed; border:0;}

/** END FLEXAS 1ª opcion**/

/* VOLVER AL MENU*/
.secbot span{ display: none; position: absolute; }
.secbot a{display:block; text-indent: -5000px; position: absolute; outline: none; color: #b5eb01;}
.secbot a:hover{ background-position: bottom;}
.secbot a:hover span {display: block; }

.secbot {z-index:0; margin-left: 0; width:108px; height: 20px; position: relative;}
.secbot .secbot2 {background: url('../../images/volveralmenu.png') top left no-repeat; width:108px; height: 20px;}

/*VOLVER AL MENU*/


#rightsider {
	padding: 0 10px 0px 0;
}	

#rightsider a{
	color: #22b1e1;
	text-decoration: none;
}