/*NUEVO*/



.form {background-color:#FFFFCC; border:solid #333333 1px;
}
a:link {
	color: #FFFFCC;
}
a:hover {
	color: #CCFFFF;
}
a:visited {
	color: #FFFFCC;
}
a {
	font-size: 12px; font-weight: 600;
}

html{ min-height:100%;}


.simple { font-size:12px; color:#333333; font-weight:normal; line-height:1.5em}


#cont {position: absolute; left:50%; margin-left:-400px; top: 10px; width: 800px; height:600px; z-index:10000; background: #999966; vertical-align: middle; font-weight: normal; border:#FFFFCC solid 4px; padding:20px; padding-bottom:30px; margin-bottom:10px; font-family: Arial, Helvetica, sans-serif; }

#cont h1 { font-size: 42px; color:#FFFFCC; line-height:normal; font-weight:lighter}
#cont h2 {color:#333333;font-size: 18px; font-weight:bold; line-height:1em;}
#cont h3 { color:#FFFFCC;font-size: 18px; font-weight: normal;line-height:2px}
#cont p { font-size:12px; color:#333333; font-weight:normal}
#cont h4 {font-size: 13px; font-weight: bold; color:#FFFFCC}
#cont h5 {font-size: 13px; font-weight: bold; color:#333333}

#header {background-image:url(D2.jpg); background-repeat:no-repeat; background-position:left; height:70px;  padding-bottom:8px; left:20px; margin-bottom:10px; z-index:2}
#nav {top:60px; height:10px; left:5px;}
#titulo {top:110px;left:0; width:400px; height:auto; text-align:left; vertical-align:top; padding:0; margin-top:10px; .margin-top:60px; }

/*html #lefter {top:120px; left:0; width:300px; height: 300px; padding-bottom:2px; padding-top:20px;  }*/


#lefter {/*top:-80px; .top:60px;*/ left:0; width:300px; height: 300px; padding-bottom:2px; padding-top:0px; margin-bottom:0px;  }

#righter { position:absolute; top:170px; right:18px; width:350px; height:444px; background-image: url(selfp.gif); background-repeat:no-repeat; background-position:center; z-index:3; margin-bottom:30px; }
#contact {top:180px; left:200px; width:400px; height: 300px; padding-bottom:20px; margin-bottom:30px; text-align:left}

body {
	font-family: Arial, Helvetica, sans-serif;background-color: #999966;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold  medium Arial;
width: 100%;
top:60px; background:#999966;

}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
width: 23%;
color:#FFFFCC;
padding: 9px 2px;
margin-right:2px;
margin-left:2px;
text-decoration: none;
text-align:center;
border: 2px solid #625e00;
background: #666600;
}

.solidblockmenu li a:visited{
color:#FFFFCC;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color:#FFFFCC;
background: #999900;
font: bold medium Arial;
}


[if IE]>

p. iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}

<![endif]


a. screen a. screen:visited {
color:#c00; 
position:relative; 
z-index:1000;
background:#33CCFF;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width: auto; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:0px solid #000000; /* add a border */ 
left:410px; /* position:the image */
top:-50px;
display:inline;
}

*html a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width: auto; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
 /* add a border */ 
left:410px; /* position:the image */
top:292px;
display:inline;

}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:auto; /* now give it a height */
display: inline;
cursor:pointer; /* for IE */
z-index:500; 

}

*html a.screen:hover b {
visibility:visible; /* make the image visible */
height:auto; /* now give it a height */
display: inline;
cursor:pointer; /* for IE */
z-index:500; padding-bottom:0;
border:1px solid black;
		
}

a.screen:hover b img {
border:0; /* remove the link border */
}



	
 #pic {
	left: 0px;
	position:relative;
	top: 20px;
	width: 550px;
	height:156px;
	margin-bottom:40px;	
	border:0px red solid	
}

/*html #pic {
	left: 0px;
	position:relative;
	top: 15px;
	width: 380px;
	height:156px;
	margin-bottom:40px;
	}*/

#pic a .large {
	border: 0px;
	
	height: 1px;
	left: -50px;
	position: absolute;
	top: -200px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	
	border: 0 solid #000000;
	display:inline;
	height:auto;
	left:20px;
	text-decoration: none;
	top: 60px;
	width:auto;
	margin-right:8px;
	margin-bottom:8px;
	
}

#pic a.p1:hover {
	background-color: #999966;
	color: #000000;
	text-decoration: none;
}

*html #pic a.p1:hover .large {
	border: 1px solid #000000;
	display:inline;
	height:auto;
	left: 395px;
	position:absolute;
	top: -170px;
	width:auto;	
}
#pic a.p1:hover .large {
	border: 1px solid #000000;
	display:inline;
	height:auto;
	left:395px;
	position:absolute;
	top: -170px;
	width:auto;	
}


#footer  {
	position:absolute;
	left:50%;
	margin-left:-400px;
	margin-top:1px;
	width:800px;
	bottom:0px;
	top:680px;
	padding: 0 20px 20px 20px;
	text-align:center; 
	height:10px;
	z-index: 400;
}

*html #footer  {
	position:absolute;
	left:50%;
	margin-left:-400px;
	margin-top:5px;
	width:800px;
	bottom:0px;
	top:680px;
	padding-top:6px;
	text-align:center; 
	height:10px;
	z-index: 400;
}



 .comun {	font-size:10px;
	color:#333333; font-weight:normal;}
 .groso {	font-size:10px;
	color: #000000; font-weight:bold;}