/* RESET
=================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

table { border-collapse: collapse; border-spacing: 0;}
th, td {text-align: left; font-weight: normal;}

img, iframe {border: none; text-decoration:none;}

ol, ul {list-style: none;}

input, textarea, select, button {font-size: 100%;font-family: inherit;}
select {margin: inherit;}

hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px;}

a 			{color: #F893FF;}
a:visited	{color: #C7FFC3;}
a:hover 	{text-decoration: none;}

/* Float Properties*/
	.clearfloat:after {
		display:block;
		visibility:hidden;
		clear:both;
		height:0;
		content:".";
		}
	.clearfloat {
		display:inline-block
		}
	.clearfloat {
		display:block
		}

/* Globals
=================================== */

body, select, input, textarea { font-size: 100%; font-family: "Trebuchet MS", Arial, sans-serif; }
	
p { font-size: 0.9em;}
small {	font-size: 0.75em;}
img { border: 0;}
	
.left {	float:left;}
.right { float:right;}	

.hidden { visibility: hidden; display:none;}

#wrapper {
	width:995px;
}
#head {
	width: 260px;
	position: fixed;
	}	
#contact {
	position: fixed;
	top: 50px;
	left: 900px;
	}
#content {
	width: 602px; /*+02 for borders*/
	margin: 50px 95px 50px 0;
}
#footer {
	position:fixed;
	bottom: 0;
	left:3px;
	font-size: 10px;
	color: #CCCCCC;
	}

/* MENU
=================================== */
#menu {
	width: 150px;
	margin-left: 43px;
	}
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}
ul.menu a {
  display: block;
  text-decoration: none;
}
ul.menu li {
  margin-top: 1px;
}
ul.menu li a {
  color: #fff;
  width:100%;
  height: 14px;
  margin: 25px 0 5px 0;
}

ul.menu li a#ind	{ background: url(imgs/industrial.gif) top right no-repeat #FFFFFF;} 
ul.menu li a#graf	{ background: url(imgs/grafico.gif) top right no-repeat #FFFFFF;}
ul.menu li a#acad	{ background: url(imgs/academico.gif) top right no-repeat #FFFFFF;}
ul.menu li a#amb	{ background: url(imgs/ambientaciones.gif) top right no-repeat #FFFFFF;}

ul.menu li a:hover#ind	{ background: url(imgs/industrial.gif) bottom right no-repeat #FFFFFF;} 
ul.menu li a:hover#graf	{ background: url(imgs/grafico.gif) bottom right no-repeat #FFFFFF;}
ul.menu li a:hover#acad	{ background: url(imgs/academico.gif) bottom right no-repeat #FFFFFF;}
ul.menu li a:hover#amb	{ background: url(imgs/ambientaciones.gif) bottom right no-repeat #FFFFFF;}

ul.menu li a#xind	{ background: url(imgs/xindustrial.gif) top right no-repeat #FFFFFF;} 
ul.menu li a#xgraf	{ background: url(imgs/xgrafico.gif) top right no-repeat #FFFFFF;}
ul.menu li a#xacad	{ background: url(imgs/xacademico.gif) top right no-repeat #FFFFFF;}
ul.menu li a#xamb	{ background: url(imgs/xambientaciones.gif) top right no-repeat #FFFFFF;}


ul.menu li ul li a {
  background: none;
  padding: 0; margin: 0;
  width: 130px;
  color: #000;
  font-weight: bold;
  font-size: 10px;
  line-height: 20px;
  height: 20px;
  text-align: right;
  letter-spacing: 1px;
}
ul.menu li ul li a:hover, ul.menu li ul li a.o { color: #F893FF;}

/* CONTACTO
=================================== */
#form {
	background-color: #000000;
	float: right;
	margin-top: 49px;
	padding: 20px 30px 10px 30px;
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 1px;
}
#form td { 
	vertical-align: baseline;
	padding: 5px 3px;
	}	
#form td.title 	{ 
	text-align: right; 
	vertical-align: top; 
	}
#form input { 
	border: 0;
	font-size: 18px;
	font-weight: bold;
	padding: 2px 0 1px 4px;
	color: #F893FF;
	}
#form textarea {
	border: 0; 
	padding: 2px 2px 2px 4px;
	font-size: 14px;
	line-height: 20px;
	}
#form input.button { 
	background-color: #F893FF;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 2px 4px 1px 4px;
	cursor: pointer;
	}