html {margin: 0; padding: 0;}

body {font: 12px Verdana, Arial, Helvetica, sans-serif;
   margin: 0; padding: 0; background: url(../images/pinar2.jpg) rgb(204,224,188) fixed no-repeat left bottom; color: black;}

h1 {font-size: 220%; color:#6A65B8; letter-spacing: 3px;
   margin: 0; padding: 1em 0 0.33em 16%; background: url(../images/fondo.jpg) rgb(204,224,188) fixed no-repeat left top; border-bottom: 1px solid rgb(50%,50%,35%);}
h2 {font-size: 150%; margin-right: 100px; padding: 0.33em 0; 
   border-bottom: 1px solid rgb(50%,50%,35%);
   color: rgb(50%,50%,35%);}
h3 {font-size: 110%; margin: 0; padding: 0.33em 0 0; 
   border-bottom: 1px solid rgb(50%,50%,35%);
   color: rgb(50%,50%,35%);}
h4 {font-size: 110%;}
h5 {font-size: 93%; margin: 0 20% 1em 0%; padding: 0 0 0 5.5em; background: rgb(85%,85%,70%);}

h1, h3, h5 {line-height: .8em;}

a {
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:link {color:#5E57C6;}
a:visited {color:#5788C6;}
a:hover {color:#d84; background-color:#bda;}
p {  line-height: 1.66; margin: 0.5em 1em 1em 0em;}

p.mini {font-size: 9px; line-height:normal; margin: 0.5em 0em 0em 0em; color: rgb(50%,50%,50%);}

li {font-size: 90%;}

div#col {position: absolute; top: 8em; left: 30px; width: 110px; font-size: 11px; border: 1px solid gray;}

div#col a {font-size: 9px; font-weight:500; display: block; padding: 1px 2px; margin: 0; 
   text-decoration: none; text-align: right;
   border-top: 1px solid gray; background: #CCE0BC;}

div#col a:hover {background: #BCCCE0;}

div#col h4 {background:#B9B6E6; font-size: 92%; color: white;
   text-align: right; margin: 0; padding: 0.1em 0.1em 0.1em 0;}


div#colfoto {position: absolute; top: 9em; left: 30px; width: 120px; border: 0px}


div#seccion {margin: 4% 20% 1em 170px; padding: 0;}

div#panel {position: absolute; top: 6em; right: 0; width: 20%;
   font-size: 10px; z-index: 11;}
div#panel h3 {background: rgb(138,184,101); color: black;
   margin: 0; padding: 0.5em 0 0.33em 0.5em; border-width: 0;}
div#panel a {display: block; padding: 4px 0 2px 10px; margin: 0;
   border-left: 1px solid rgb(106,101,84)}
div#panel a:hover {background: rgb(171,204,144);}

IMG.pic {DISPLAY: block; MARGIN: 0 10px 0 0 ;}
div#pie {font-size:10px; color:#89a; margin: 4% 20% 1em 170px; padding: 0.5em; background: rgb(85%,92%,70%); text-align:center;}

a.pie {
	font-size:10px;
	text-decoration:none;
	font-weight:200;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a.pie:link {color:#5E57C6;}
a.pie:visited {color:#5788C6;}
a.pie:hover {color:#d84; background-color:#bda;}
.clear { clear:both; height:1px; overflow:hidden; }
.containingbox
		{
			width: 660px;
			margin: 2% 20% 1em 20%;

		}
		
.floatleft1
		{
			float: left;
			width: 500px;
			background-color:#eaf8c8;
		}
.floatleft2
		{
			float: left;
			width: 158px;
			margin-top: 260px;
			background-color:#eaf8c8;
		}
.floatleft21
		{
			float: left;
			width: 158px;
			margin-top: 90px;
			background-color:#eaf8c8;
		}