@import "nav1.css";
@import "nav2.css";
@import "nav3a.css";
@import "nav4b.css";
@import "color.css";

/***************************** Estructura *****************************/

*{
	margin: 0;
	padding: 0;}

img{
	border: 0;}

body{
	text-align: center;}

span{
	display: none;}

#main{
	width: 750px;
	margin: 0 auto 0 auto;
	background: url(../img/bg-main.gif)  repeat-y;
	position: relative;}

#head{
	width: 750px;
	height: 130px;
	background : url(../img/head.jpg) no-repeat;}

#content{
	width: 500px;
	margin: 5px 0 40px 30px;
	text-align: left;
	float: left;}

*html #content{/* Hack para el ancho del content en IE *//* Mira vos */
		width: 500px;
		margin-left: 15px;}
		
#foot{
	height: 52px;
	padding: 8px 0;
	background: url(../img/bg-foot.gif) no-repeat;
	clear: both;}

#foot p{
	width: 100%;
	text-align: center;
	color: #ededed;}

#foot p a{
	text-decoration: none;
	color: #ededed;}

#foot p a:hover{
	color: #90B5FF;}

/***************************** Textos y varios *****************************/

ul{
	list-style: none;}

h1{
	font: 1.2em "Trebuchet MS", Verdana, Tahoma, sans-serif;
	margin:0;
	padding:0;}

h1.tit-construccion{
	background: bottom url(../img/titles/tit-construccion.gif) no-repeat;
	height:60px;
	width:480px;}

h2{
	font: bold 0.80em "Trebuchet MS", Verdana, Tahoma, sans-serif;
	margin: 0;
	padding: 10px 0 0 0;}

h2.carreras{
	float:right;
	margin: 0;
	padding: 0 11px 0 0;
	background: bottom url(../img/mas-carreras.gif) no-repeat;
	height:33px;
	width:204px;}

h4{
	font: 0.8em "Trebuchet MS", Verdana, Tahoma, sans-serif;
	color: #222;
	margin: 0;
	padding: 0 0 10px 0;}

p, #content li{
	text-align: left;
	margin: 10px 2px;
	font: 0.75em/1.7em "Trebuchet MS", Verdana, Tahoma, sans-serif;
	color: #555;}

p.gal-fotos{
	text-align: center;}

/******************************* Nav3 *******************************/

#nav3{
	width: 190px;
	position: relative;
	top: -20px;
	right: 0px;
	float: right;
	text-align: left;
	padding: 0;}

#nav3b{
	margin-top: 25px;}

#nav3b li{
	height: 18px;
	margin-bottom: 3px;}

#nav3b li a{
	height: 18px;
	display: block;}

#nav3b li a:hover{
	background-position: 0 -24px;}

li#ventajas a{background: url(../img/nav3/3b/ventajas.gif) no-repeat;}
li#novedades a{background: url(../img/nav3/3b/novedades.gif) no-repeat;}
li#seminarios a{background: url(../img/nav3/3b/seminarios.gif) no-repeat;}
li#egresados a{background: url(../img/nav3/3b/egresados.gif) no-repeat;}
li#viajes a{background: url(../img/nav3/3b/viajes.gif) no-repeat;}
li#proyectos a{background: url(../img/nav3/3b/proyectos.gif) no-repeat;}
li#libros a{background: url(../img/nav3/3b/libros.gif) no-repeat;}
li#trabajo a{background: url(../img/nav3/3b/pasantias.gif) no-repeat;}
li#fotos a{background: url(../img/nav3/3b/fotos.gif) no-repeat;}

/******************************* Imágenes *******************************/

.left{
	float: left;
	margin: 15px 0;}

.logo{
	float: right;
	margin: 10px 60px 0 0;}

.preinscripcion{
	float: right;
	margin-right: 209px;}

img.img-derecha{
	float: right;
	margin: 5px 0px 10px 20px;
	padding: 1px;}

img.img-centro{
	margin: 5px 0;
	padding: 1px;}

img.img-borde{
	border: 3px solid #EDEDED;
	margin: 0px;
	padding: 1px;}

.spacerman{
	clear:both;
	width:480px;
	height: 15px;
	margin: 0 0 10px 0;
	background: url(../img/bg-spacerman.gif) repeat-x;}

.spacerman2{
	clear:both;
	width:190px;
	height: 15px;
	background: url(../img/bg-spacerman.gif) repeat-x;}

/******************************* NOVEDADES *******************************/

.nota{
	border-bottom: 2px solid #D7E3EF;
	background: #F3F6FA;
	clear:both;
	padding: 10px 5px;
	margin: 0 0 5px 0;
	height: 130px;}

.vermas{
	clear:both;
	padding: 5px 0 10px 0;
	margin: 0px!important;}

#nov{
	padding-left: 10px;
	width: 190px;
	float: right;
	margin: 5px 0px 20px 15px;}

#nov p{
	margin: 0;
	font: 0.65em "Trebuchet MS", Verdana, Tahoma, sans-serif;}

#nov h2{
	margin: 0;
	padding: 0;
	font: bold 0.7em "Trebuchet MS", Verdana, Tahoma, sans-serif;}

#nov h3{
	font: bold 0.7em "Trebuchet MS", Verdana, Tahoma, sans-serif;}

#nov2{
	width: 490px;
	float: right;
	margin: 5px 5px 60px 5px;}

#nov2 p{
	font: 0.75em "Trebuchet MS", Verdana, Tahoma, sans-serif;
	margin: 0;
	padding: 0 0 0 0;}

#nov2 p.extendido{
	font: 0.75em "Trebuchet MS", Verdana, Tahoma, sans-serif;
	margin: 0;
	padding: 0 0 0 140px;}

#nov2 h2{
	padding: 0 0 10px 0;
	text-decoration:underline;}

img.img-novedades{
	float: left;
	margin: 0px 10px 5px 0;
	padding: 1px;}

img.img-novedades-small{
	border:1px solid #CCC;
	float: left;
	margin: 0px 10px 70px 0;
	padding: 1px 0;}

/******************************* Cuadros para planes de estudios *******************************/

#cuadro{
	margin:0;}

#cuadro ul{
	list-style: square;
	margin: 2px 10px!important;
	margin: 0;}

#cuadro li{
	font: 0.6em/1.2em "Trebuchet MS", Verdana, Tahoma, sans-serif;
	margin: 5px 0px;
	color: #333;}

.cuadro1{
	margin: 0px 0px 0px 8px;
	float:left;
	width: 155px;}

.cuadro2{
	clear:both;
	margin: 0px 0px 0px 5px;
	float:left;
	width: 240px;}

.cuadro3{
	margin: 0px 0px 0px 5px;
	float:left;
	width: 240px;}

.cuadro4{
	margin: 0px 0px 0px 5px;
	float:left;
	width: 240px;}

.cuadro5{
	margin: 0px 0px 0px 5px;
	float:left;
	width: 350px;}

/******************************* Ventajas comparativas *******************************/

#ventajas

#ventajas li{
	font: 0.8em "Trebuchet MS", Verdana, Tahoma, sans-serif;
	margin: 0px 0px;
	color: #333;}

#ventajas ul{
	list-style: square;
	margin: 2px 30px!important;
	margin: 2px 30px;}

/******************************* Tabla de Articulaciones *******************************/
table{
	width: 100%;
	margin:0;
	padding:0;}

td{
	font: 0.7em "Trebuchet MS", Verdana, Tahoma, sans-serif;
	color: #555;
	padding: 3px;
	vertical-align: top;
	border:1px solid #ededed;}

.cat{
	background-color: #34679A;
	color: #FFF;
	border:1px solid #34679A;}

.uni{
	background-color: #EDEDED;
	color: #003366;}

	/******************************* Fotitas *******************************/

#fotitas{
	width: 160px;
	float: right;
	margin:0 0 0 8px;
	}

img.foto-small{
	margin: 0 0 8px 0;
	padding: 3px;
	border: 1px solid #ededed;}