/* CSS Document */
body 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 1.5em;
	margin:0;
	padding: 1em 150px 1em 18em;
	background-image:url(img_constantes/logoMitad1.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	background-attachment: fixed;
	background-color: #FFFFFF;
}
#lienzo{ width:700px; }

div#fixedbox {
  position: absolute;
  top: 1em;
  left: 1em;
  width: 150px;
  height: 95%;
  padding-right:1em; 
  border-right: solid 1px #CCC; 
}
div#fixedbox ul 				{ margin:0; padding:0; list-style:none; font-weight:bold; text-align:right }
div#fixedbox ul li				{ padding:8px 0; }
div#fixedbox ul li a:link		{ text-decoration:none; color:#FFCC00;  }
div#fixedbox ul li a:visited	{ text-decoration:none; color:#FFCC00; }
div#fixedbox ul li a:hover		{ color:#CCC; border-bottom:dashed 1px; }
div#fixedbox ul li a:active		{ color:#CCC; border-bottom:none; }

ul#portafolio2 			{ list-style:none; margin:0; padding:0; width:550px; }
ul#portafolio2 li 		{ margin:20px 0; padding:3px; border-bottom: dashed 1px #CCCCCC; font-size:10px }
ul#portafolio2 li strong	{ display:block;  }
ul#portafolio2 li a		{ text-decoration:none; color:#FFCC00;font-size:14px }
ul#portafolio2 li a:hover{ border-bottom: dashed 1px; color:#999999 }

fieldset 		{ border:solid 1px #CCCCCC; width:300px; padding:10px; text-align:right }
legend			{ border:solid 1px #CCCCCC; color:#FFCC00; padding:5px; text-align:right; }
label			{ display:block; float:left; margin: 10px 0; width:50px; }
input			{ margin: 10px 0; width:230px; }

.clearboth 	{ clear:both; }

@media screen {
  div#fixedbox
    {
    position: fixed;
    }
  /* Don't do this at home */
  * html
    {
    overflow: hidden;
    }
  * html body
    {
    overflow: auto;
    height: 100%;
    padding: 0 1em 0 14em;
    font-size: 100%;
    }
  * html div#fixedbox
    {
    position: absolute;  
    }
  /* All done. */
}