/* CSS Document */
body { background-image:url(../image/fondo.gif); margin: 0; }

* { font-size: 107%; font-family: sans-serif, Arial, Helvetica; }
a { text-decoration: none; }
#lateral {
	color: #FFFFFF;
	position: fixed;	
	bottom: 0; right: 2%;
	width: 22%;
/*	display: none;*/
	background-image:url(../image/menu.gif);
	background-position: right;
	background-repeat: repeat-y;
}
#lateral a { color: #FFFFFF;}

#head { padding: 10% 0 10% 10%; }
#head h1 { font-size: 240%; padding: 0; margin: 0; font-family:Georgia,"Times New Roman",Times,serif; font-weight: normal; margin-bottom: -10px;}
#head span {  font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; }

#menu ul { padding: 0; margin: 0; padding-left: 10%;}
#menu li { list-style: none; margin-bottom: 15px;}
#menu div {
	display: block;
	padding-bottom: 15px;
	background-position: right bottom;
	background-repeat: no-repeat;
}
.cv {	background-image: url(../image/pisca_cv.gif);}
.porf {	background-image: url(../image/pisca_porfolio.gif);}
.contac {	background-image: url(../image/pisca_contacto.gif);}

#menu a { 
border-width: 2px;
border-bottom-style: solid;
border-left-style: solid;
padding: 2% 0	 2% 5%; display: block;}

.cv a 		{	background-color: #ff3300;	border-bottom-color: #CC3300;
	border-left-color: #CC3300;
}
.porf a 	{	background-color: #3399ff;	border-bottom-color: #0066CC;
	border-left-color: #0066CC;
}
.contac a 	{	background-color: #666666;	border-bottom-color: #333333;
	border-left-color: #333333;
}

#foot { margin-right: 20px; text-align: center; bottom: 1%; position: fixed; width: 21%;}
#foot ul { margin: 0; padding: 0;}
#foot li { margin: 0; padding: 0; list-style: none; padding-bottom: 10px;}
#foot a { margin: 0; padding: 0; border: none;}
#foot img { border: none;}

.box { background-image:url(../image/fondo-main.png); position: absolute; top: 10%; right: 27%; width: 60%; padding: 3%; 
display: none;

 }
.box h2 { margin: 10px; font-family:Georgia,"Times New Roman",Times,serif; font-size: 220%; font-weight: normal; color:#FFFFFF;}
.main { padding: 10px 15px; color:#666666; background:#FFFFFF; overflow:auto;}

.main *  { font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; }

.main h3 { font-family:Georgia,"Times New Roman",Times,serif; font-size: 170%; font-weight: normal; margin: 1% 0 0;}
.main h4 { font-family:Georgia,"Times New Roman",Times,serif; font-size: 140%; font-weight: normal; margin: 1% 0 0;}
.main .separador { border-bottom: 2px #666666 solid; margin: 5% 0 2%; }
.main p { padding: 1% 0; margin: 0; text-align: justify;}
.main ul { margin: 0; padding-bottom: 10px;}
.main li {
	list-style-position: inside;
}
.main span { font-size: 60%; font-style: italic; }