<style type="text/css">
 /*<![CDATA[*/
/*_ESTRUCTURA_________________________________________________________________*/
#header
{
 border: 0px solid orange;

 width: 780px;
 background-image: url(images_nueva/textu.gif);
 background-repeat: repeat-x;
 height: 85px;
 position: relative;
 top: 0;
 left: 0;
}
 #top-header
 {
  border: 0px solid green;
  
  height: 16px;
/*Se podía optimizar si en lugar de usar un backgr para todo el header sólo se usa
 para el top y el bottom, para eso es lo que está comentado
  background-image: url(images_nueva/texturabottom.gif);
  background-position: top;
  background-repeat: repeat-x;*/
 }
 #main-header
 {
  border: 0px solid red;
  
  background-image: url(images_nueva/cuadritos.gif);
  /*Hay que achicar la imagen de los "cuadraditos", no con el atributo del tamaño
  del tag de imagen*/
  background-repeat: no-repeat;
  background-position: right;
  background-color: #ddd;
  height: 48px;
  padding: 0;
 }
 h1
 {
  border: 0px solid orange;

  text-align: center;
  font-size: 1.5em;
  margin: 5px 0 0 0;
  padding: 0;
  width: 85%;
 }
 h1 .regional
 {
  font-weight: normal;
  margin: 0;
  display: block;
 }
 #bottom-header
 {
  border: 0px solid cyan;
  
  height: 16px;
/*Idem comentario #bottom-header
  background-image: url(images_nueva/texturabottom.gif);
  background-position: bottom;
  background-repeat: repeat-x;*/  
 }
 #header #logo-UTN
 {
  position: absolute;
  top: 5px;
  left: 30px;
 }

 #main
 {
  width: 776px;
  margin: 10px 2px 10px 2px;
  position: relative;
  top: 0;
  left: 0;
 }
 
 #main-left
 {
  border: 0px solid cyan;
  
  position: absolute;
  top: 0;
  left: 0;
  width: 130px;
 }
 
 #main-center
 {
  border: 0px solid orange;
  
  margin-left: 138px;
  width: 430px;
  position: relative;
  height: 350px;
 }
 
 #main-right
 {
  border: 0px solid green;
  
  position: absolute;
  left: 580px;
  top: 0; 
  width: 196px; 
 }

 .boxinfo
 {
  border: 1px solid #066;
  background-color: #ddd;
  margin-bottom: 15px;
  height: 259px;
 }
 
 .boxinfo h3
 {
  font-size: 1.3em;
  background-image: url(textura.gif);
  backgorund-repeat: repeat-x;
  text-align: center;
  color: #ccc;
  margin: 0;
 }
 
 .boxinfo ul
 {
  margin: 0;
  padding: 0 0 0 20px;
 }
 
 .boxinfo li
 {
  list-style: none outside url(images/verde2.gif);
  font-size: .8em;
  padding: 0;
  margin: 0;
 }

 .boxlinks
 {
  border: 1px solid #066;
  background-color: #ddd;
  margin-bottom: 15px;
  height: 213px;
 }
 
 .boxlinks h3
 {
  font-size: 1.3em;
  background-image: url(textura.gif);
  backgorund-repeat: repeat-x;
  text-align: center;
  color: #ccc;
  margin: 0;
 }
 
.boxlinks ul
 {
  margin: 0;
  padding: 0 0 0 20px;
 }
 
 .boxlinks li
 {
  list-style: none outside url(images/verde2.gif);
  font-size: .8em;
  padding: 0;
  margin: 0;
 }
 
 .box
 {
  border: 1px solid #066;
  background-color: #ddd;
  margin-bottom: 15px;
 }
 
 .box h3
 {
  font-size: 1.3em;
  background-image: url(textura.gif);
  backgorund-repeat: repeat-x;
  text-align: center;
  color: #ccc;
  margin: 0;
 }
 
 .box ul
 {
  margin: 0;
  padding: 0 0 0 20px;
 }
 
 .box li
 {
  list-style: none outside url(images/verde2.gif);
  font-size: .8em;
  padding: 0;
  margin: 0;
 }
 
 #footer
 {
  color: #ccc;
  padding: 2px;
  width: 776px;
  background-image: url(images_nueva/texturabottom.gif);
  background-repeat: repeat-x;
 }
body 
{
 font-family: Helvetica, Tahoma, Arial, sans-serif;
 font-size: 12px;
 margin: 0;
}
a:link {
	background-color: transparent;
	color:#000000;
	TEXT-DECORATION: none	
}

a:link:hover {
	background-color: transparent;
	color:#359EAA;
	TEXT-DECORATION: none
}

a:visited {
	background-color: transparent;
	color:#266F78;
	
	TEXT-DECORATION: none
}

a:visited:hover {
	background-color: transparent;
	color:#359EAA;
	TEXT-DECORATION: none
}

form
{
 margin : 0;
 text-align: center;
}
input, select
{
 border: 1px solid #066;
 font-size: .9em;
 margin: 1px;
}
p
{
	background-color: transparent;
	color:#000000;
	TEXT-DECORATION: none	
}

/*_ROSETA_____________________________________________________________________*/
h2 a
{
 text-decoration: none;
}
h2 a span
{
 visibility: hidden;
}

h2#roseta_1
{
 position: absolute;
 margin: 0;
 top: 0;
 left: 1px;
}
h2#roseta_1 a
{
 background-image: url(Arappal/1.gif);
 width: 201px;
 height: 188px;
 display: block;
}
h2#roseta_1 a:hover
{
 background-image: url(Arappal/11.gif);
}

h2#roseta_2
{
 position: absolute;
 margin: 0;
 top: 0;
 left: 109px;
}
h2#roseta_2 a
{
 background-image: url(Arappal/2.gif);
 width: 190px;
 height: 128px;
 display: block;
}
h2#roseta_2 a:hover
{
 background-image: url(Arappal/22.gif);
}

h2#roseta_3
{
 position: absolute;
 margin: 0;
 top: 0;
 left: 239px;
}
h2#roseta_3 a
{
 background-image: url(Arappal/3.gif);
 width: 199px;
 height: 160px;
 display: block;
}
h2#roseta_3 a:hover
{
 background-image: url(Arappal/33.gif);
}

h2#roseta_4
{
 position: absolute;
 margin: 0;
 top: 189px;
 left: 0;
}
h2#roseta_4 a
{
 background-image: url(Arappal/6.gif);
 width: 200px;
 height: 160px;
 display: block;
}
h2#roseta_4 a:hover
{
 background-image: url(Arappal/66.gif);
}

h2#roseta_5
{
 position: absolute;
 margin: 0;
 top: 220px;
 left: 139px;
}
h2#roseta_5 a
{
 background-image: url(Arappal/5.gif);
 width: 190px;
 height: 129px;
 display: block;
}
h2#roseta_5 a:hover
{
 background-image: url(Arappal/55.gif);
}

h2#roseta_6
{
 position: absolute;
 margin: 0;
 top: 161px;
 left: 236px;
}
h2#roseta_6 a
{
 background-image: url(Arappal/4.gif);
 width: 202px;
 height: 188px;
 display: block;
}
h2#roseta_6 a:hover
{
 background-image: url(Arappal/44.gif);
}
 /*]]>*/
 </style>