body{margin:0;padding:0;background-image: url(../images/fondoint.gif);background-repeat: no-repeat;}

#main{width:760px;height:100%;font-weight: normal; margin:0px;padding: 0em;border:dotted 0px black;}
#left{width:131px;border: solid 0px #cccccc;margin:0px;float:left;}
#center{width:414px;border: solid 0px #bd0000;margin:0px;float:left;}
#right{width:215px;border: solid 0px #bd0000;margin:0px;float:left;}


#formuamigos{width:167px;height:17px;font:normal 10px arial;}

#cajita{width:131px;height:139px;}
#logo{position:absolute;top:65px;border:dotted 0px black;left:654px}
#franjita {overflow:auto;font-weight:bold;margin-top:10px;margin-bottom:10px;}
#franjita div.izq{background-color:#99d9b8;float:left;width:130px;}
#franjita div.der{float:left;width:224px;background-color:#99d9b8;text-align:center;}

#franjitamitad {font-weight:bold;margin-top:10px;margin-bottom:10px;}

.mailto{color:#000000;}
.titulo{font:normal 11px arial;font-weight:bold;}
.tituloint{font:normal 12px arial;font-weight:bold;color:#ffcc00;}
.contenido{font:normal 11px arial;font-weight:normal;color:#000000;}
.verfoto{padding:3px 10px 0px 8px;margin:0px;font:normal 10px arial;font-weight:normal;color:#666666;}
.verobra{padding:0px 10px 0px 0px;margin:0px;font:normal 10px arial;font-weight:normal;color:#999999;}
.verobra a{text-decoration:underline;color:#999999;}
.linea{height:1px;margin-bottom:10px;margin-top:10px;border:dotted 0px black;width:355px;}

.tr2{width:355px;overflow:auto;}
.tr2 span.izq{width:200px;text-align:left;float:left;}
.tr2 span.der{margin-left:20px;float:left;}

.tr2a{overflow:hidden;}
.tr2a span.izq{width:65px;float:left;}
.tr2a span.der{width:287px;float:left;}


.tr4{width:355px;overflow:auto;}
.tr4 span.a{width:200px;text-align:left;float:left;}
.tr4 span.b{margin-left:20px;float:left;text-align:center;width:20px;}
.tr4 span.c{margin-left:20px;float:left;text-align:center;width:20px;}
.tr4 span.d{margin-left:20px;float:left;text-align:center;width:30px;}

.col4{width:355px;overflow:auto;}
.col4 span.a{width:88px;text-align:left;float:left;}
.col4 span.b{width:88px;text-align:center;float:left;}
.col4 span.c{width:88px;text-align:center;float:left;}
.col4 span.d{width:88px;text-align:right;float:left;}


pre.irc{
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}

#delm{position:absolute;top:0;left:270px;left:expression('270px');width:140px;height:18px;}
#not{position:absolute;top:121;left:270px;left:expression('270px');width:138px;height:18px;}
#proy{position:absolute;top:50;left:410px;left:expression('410px');width:138px;height:18px;}
#col{position:absolute;top:68;left:410px;left:expression('410px');width:138px;height:18px;}
#expo{position:absolute;top:191;left:408px;left:expression('408px');width:136px;height:17px;}
#ser{position:absolute;top:118;left:548px;left:expression('548px');width:68px;height:18px;}
#bib{position:absolute;top:136;left:548px;left:expression('548px');width:68px;height:17px;}
#ami{position:absolute;top:188;left:616px;left:expression('616px');width:137px;height:17px;}
#est{position:absolute;top:258;left:544px;left:expression('544px');width:138px;height:18px;}
#tie{position:absolute;top:327;left:682px;left:expression('682px');width:71px;height:17px;}

a#delme {display: block;width: 140px;height: 18px;background-image: url(../images/b1i.gif);margin: 0 auto;}
a#note {display: block;width: 138px;height: 18px;background-image: url(../images/b2i.gif);margin: 0 auto;}
a#proye {display: block;width: 138px;height: 18px;background-image: url(../images/b3i.gif);margin: 0 auto;}
a#cole {display: block;width: 138px;height: 18px;background-image: url(../images/b4i.gif);margin: 0 auto;}
a#expoe {display: block;width: 136px;height: 17px;background-image: url(../images/b5i.gif);margin: 0 auto;}
a#sere {display: block;width: 68px;height: 18px;background-image: url(../images/b6i.gif);margin: 0 auto;}
a#bibe {display: block;width: 68px;height: 17px;background-image: url(../images/b7i.gif);margin: 0 auto;}
a#amie {display: block;width: 137px;height: 17px;background-image: url(../images/b9i.gif);margin: 0 auto;}
a#este {display: block;width: 138px;height: 18px;background-image: url(../images/b8i.gif);margin: 0 auto;}
a#tiee {display: block;width: 71px;height: 17px;background-image: url(../images/b10i.gif);margin: 0 auto;}

a#delme:hover {background-image: url(../images/b1pi.gif);}
a#note:hover {background-image: url(../images/b2pi.gif);}
a#proye:hover {background-image: url(../images/b3pi.gif);}
a#cole:hover {background-image: url(../images/b4pi.gif);}
a#expoe:hover {background-image: url(../images/b5pi.gif);}
a#sere:hover {background-image: url(../images/b6pi.gif);}
a#bibe:hover {background-image: url(../images/b7pi.gif);}
a#amie:hover {background-image: url(../images/b9pi.gif);}
a#este:hover {background-image: url(../images/b8pi.gif);}
a#tiee:hover {background-image: url(../images/b10pi.gif);}

a .alt { display: none; }

/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
#nav a span.content{
	width: 91px;
	height: 15px;
	top:28px;
	right:-77px;
	text-decoration:none;
	position: absolute;
	background-color:#cccccc;
	border: 1px solid #999999;
	color:black;
	text-align: center;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size:10px;
	visibility: hidden;
	}
/* commented backslash hack v2 - hide rules from IE5 Mac \*/
#nav a {
	position: absolute;
	left:651px;left:expression('647px');
	display: block;
	width:20px;
	height:0px;
	border: 0px solid #999999;
	text-decoration:none;
	}	
/* end hack */
#nav a:hover {
	background-color: black;
	}
#nav a:hover span.content {
	visibility:visible;
	}
#nav a span.imagen1 {
	position: absolute;
	width:16px;
	height:24px;
	right:1px;right:expression('-3px');
	background-image: url(../images/bmapi.gif) ;
	background-repeat: no-repeat;
}
#nav a span.imagen2 {
	position: absolute;
	width:23px;
	height:24px;
	right:-23px;right:expression('-25px');
	background-image: url(../images/bconi.gif) ;
	background-repeat: no-repeat;
}
#nav a span.imagen3 {
	position: absolute;
	width:16px;
	height:24px;
	right:-40px;right:expression('-40px');
	background-image: url(../images/bhomi.gif) ;
	background-repeat: no-repeat;
}
#nav a:hover span.imagen1{
	background-image: url(../images/bmappi.gif);
}
#nav a:hover span.imagen2{
	background-image: url(../images/bconpi.gif);
}
#nav a:hover span.imagen3{
	background-image: url(../images/bhompi.gif);
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.envia{width:256px;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#abc { 
font:bold 12px arial;
color:#cccccc;
} 
#abc a{ 
color:#cccccc;
text-decoration:none;
} 
#abc a:hover {
color:#000000;
text-decoration:underline;
} 
#abc u{ 
color:#000000;
text-decoration:underline;
} 

/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#menu { 
margin:0px; 
top:32px;
position:relative;
} 

#menu ul { 
list-style: none; 
margin:0; 
padding:0; 
font-family:Arial; 
font-size:11px; 
text-indent:17px;
line-height:18px;
} 

#menu li a { 
margin:9px 0px 0px 0px; 
text-decoration:none; 
height: 18px;
display: block; 
color:#ffffff;
padding: 0px 0px 0px 0px; 
} 

#menu li a:hover { 
font-weight:bold;
background-color: #f9db18; 
} 

#submenu{overflow:hidden;width:131px;color:#ffffff;border:dotted 0px black;margin:10px 0px 0px 0px;}
#submenu span.a{text-indent:0px;margin:0;padding:0;width:21px;float:left;text-align:right;border:dotted 0px black;}
#submenu span.b{text-indent:0px;margin-top:0px;padding-left:2px;width:107px;border:dotted 0px black;float:left;}
#submenu span.b a { 
color:#ffffff;
text-decoration:none;
margin:0;
border:dotted 0px black;
} 
#submenu span.b a:hover{ 
font-weight:normal;
text-decoration:underline;
background-color: #999999; 
} 



#amigo{ 
overflow:hidden;
margin:0px; 
padding:0px;
position:relative;
} 

#amigo ul { 
list-style:none;
margin:0; 
padding:0; 
font-family:Arial; 
font-size:11px; 
line-height:12px;
} 

#amigo ul li.a{ 
float:left;
width:126px;
height:22px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:dotted 0px black;
}

#amigo ul li.b{ 
float:left;
width:224px;
height:15px;
padding:0px 0px 0px 0px;
margin:7px 0px 0px 0px;
text-align:center;
border:dotted 0px black;
}

#amigo ul li.a1{ 
float:left;
width:126px;
height:19px;
padding:0px 0px 0px 0px;
margin:3px 0px 0px 0px;
border:dotted 0px black;
}

#amigo ul li.b1{ 
float:left;
width:224px;
height:22px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:dotted 0px black;
}

#amigo ul li.a2{ 
float:left;
width:90px;
height:22px;
padding:0px 0px 0px 0px;
margin:3px 0px 0px 0px;
border:dotted 0px black;
}

#amigo ul li.b2{ 
float:left;
width:260px;
height:25px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:dotted 0px black;
}

.listbox{
	BORDER-RIGHT: #b2b2b2 1px solid; BORDER-TOP: #b2b2b2 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; BORDER-LEFT: #b2b2b2 1px solid; CURSOR: text; COLOR: #8b408b; BORDER-BOTTOM: #b2b2b2 1px solid; FONT-FAMILY: Tahoma,verdana; BACKGROUND-COLOR: #ffffff;width:350;
}