body {
	margin: 0px;
	background-color: #666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
}
.contenedor {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #000;
}
.top {
	background-image: url(../images/top_bgnd.jpg);
	background-repeat: repeat-x;
	height: 31px;
}
.top .date {
	background-image: url(../images/date.jpg);
	background-repeat: no-repeat;
	background-position: 19px 0px;
	height: 31px;
	width: 200px;
	padding-left: 44px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	line-height: 29px;
	float: left;
}
.top .navigation {
	float: right;
	height: 31px;
	line-height: 29px;
	width: 310px;
	color: #CCC;
	padding-right: 20px;
}
.top .navigation a {
	color: #FFF;
	text-decoration: none;
	display: block;
	float: right;
	padding-left: 20px;
	padding-right: 10px;
	margin-left: 5px;
}
.top .navigation a:hover {
	color: #CCC;
}
.navigation span {
	float: right;
}
.navigation .topcontact {
	background-image: url(../images/top_contact.jpg);
	background-repeat: no-repeat;
}
.navigation .topmap {
	background-image: url(../images/top_map.jpg);
	background-repeat: no-repeat;
}
.navigation .tophome {
	background-image: url(../images/top_home.jpg);
	background-repeat: no-repeat;
}
.topshadow {
	background-image: url(../images/top_shadow.jpg);
	background-repeat: no-repeat;
	height: 15px;
}
.contsuperior {
	height: 234px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
.graymenu {
	height: 234px;
	width: 200px;
	float: left;
	background-image: url(../images/graymenu_bgnd.jpg);
	background-repeat: repeat-x;
}
.graymenu ul {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
}
.graymenu ul li {
	display: block;
	width: 161px;
	height: 25px;
	line-height: 25px;
	background-image: url(../images/graymenu_hr.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	list-style-type: none;
}
.graymenu ul li strong {
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	display: block;
	height: 25px;
	width: 161px;
}
.graymenu ul li a {
	color: #FFF;
	text-decoration: none;
	width: 141px;
	display: block;
	padding-left: 20px;
	height: 25px;
	line-height: 25px;
}
.graymenu ul li .destacado , .bluemenu .destacado{
	color: #036;
}
.graymenu ul li a:hover {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #768D8D;
}
.contblue {
	float: left;
	height: 234px;
	width: 780px;
	background-image: url(../images/news_bgnd.jpg);
	background-repeat: repeat-x;
}
.news {
	float: left;
	width: 280px;
}
.news h3 {
	margin: 0px;
	height: 29px;
	width: 251px;
	display: block;
	font-size: 12px;
	color: #FFF;
	font-weight: normal;
	padding-left: 29px;
	line-height: 29px;
}
.news p {
	margin: 0px;
	text-align: center;
	color: #93AED0;
	display: block;
	height: 22px;
	line-height: 22px;
}
.news p a {
	color: #93AED0;
	text-decoration: none;
}
.news p a:hover {
	color: #C2D1E4;
}
.news .feed {
	height: 183px;
	width: 280px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #93AED0;
	overflow: hidden;
}
/* DIV container slider example */
#gallery_container2 {
	width:280px;
	height:183px;
	display:block;
	position:relative;
}
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container2 {
	position:relative;
	overflow:hidden;
	width:230px;
	height:183px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#thumbs2 {
	display:block;
	position:relative;
}
#thumbs2 div.thumbnail {
	display:block;
	position:relative;
	font-size:11px;
	width:230px;
	height: 91px;
	border-bottom: 1px dashed #93AED0;
}
#thumbs2 a {
	padding:0px 0px 0px 10px;
	margin:0px;
	height: 93px;
	width: 220px;
	text-decoration: none;
	color: #93AED0;
}
#thumbs2 a:hover {
	padding:0px 0px 0px 10px;
	margin:0px;
	height: 93px;
	width: 220px;
	text-decoration: none;
	color: #CEDBEA;
}
.thumbnail h4 {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.thumbnail p {
	margin: 0px;
	color: #FFF;
	text-decoration: none;
	font-size: 10px;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	text-indent: 10px;
	height: auto;
	line-height: 10px;
}
/* the forward and backward buttons */
.addfwd {
	display:block;
	position:absolute;
	cursor:pointer;
	width:50px;
	height:91px;
	top:91px;
	right:0px;
	background-image: url(../images/gallery_fwd.gif);
	background-repeat: no-repeat;
}
.addfwd:hover {
	background: url(../images/gallery_fwdhover.gif) no-repeat;
}
.addbkwd {
	display:block;
	position:absolute;
	cursor:pointer;
	width:50px;
	height:91px;
	top:0px;
	right: 0px;
	background-image: url(../images/gallery_back.gif);
	background-repeat: no-repeat;
}
.addbkwd:hover {
	background: url(../images/gallery_backhover.gif) no-repeat;
}
/* thumbnail slider end */

.contblue .logo {
	height: 198px;
	width: 455px;
	float: right;
	padding-top: 36px;
	padding-left: 44px;
}
.logo ul {
	color: #92ADD0;
	font-weight: bold;
	list-style-type: none;
	margin: 0px;
	text-align: right;
	display: block;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.logo ul li a {
	color: #92ADD0;
}
.logo ul li a:hover {
	color: #C8D6E8;
}
.flash {
	height: 200px;
	background-image: url(../images/flash.jpg);
	background-repeat: no-repeat;
}
.bluemenu {
	height: 30px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-bottom-color: #333;
	background-image: url(../images/bluemenu_bgnd.jpg);
	background-repeat: repeat-x;
	padding-left: 50px;
}
.bluemenu a {
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	display: block;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	height: 30px;
	line-height: 28px;
	background-image: url(../images/bluemenu_vr.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.bluemenu a:hover {
	color: #92ADC7;
}
.content {
	background-image: url(../images/content_bgnd.jpg);
	background-repeat: repeat-y;
	padding-top: 20px;
	padding-bottom: 20px;
}
.left {
	float: left;
	width: 200px;
}
.left h3, .right h3 {
	color: #42648F;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-size: 12px;
}
.left #loginForm label {
	display: block;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
}
.left #loginForm #Usuario, .left #loginForm #Password {
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	background-image: url(../admin/imagenes/input.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999;
	margin-bottom: 5px;
}
.left #loginForm .button {
	width: 50px;
	background-image: url(../images/button.jpg);
	background-repeat: repeat-x;
	float: none;
	margin-left: 124px;
	margin-right: 0px;
}
.left #intranet {
	width: 170px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-bottom: 15px;
}
.left select {
	width: 170px;
	margin-bottom: 5px;
	border: 1px solid #333;
}
.left #intranet option {
	color: #666;
}
.left .escuela {
	background-color: #CCC;
	color: #666;
}
.left img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.center {
	float: left;
	width: 569px;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.center .contenidos .noticiaportada {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	height: 150px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}
.center .contenidos .noticiaportada .imagenoticia {
	height: 128px;
	width: 128px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #999;
}
.center .contenidos .noticiaportada .desarrollo {
	float: left;
	width: 350px;
}
.center .contenidos .agendaportada {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	height: 150px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}
.center .contenidos .agendaportada .imagenagenda {
	height: 128px;
	width: 128px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #999;
}
.center .contenidos .agendaportada .desarrollo {
	float: left;
	width: 350px;
}
.center .contenidos img {
	float: right;
	display: block;
	margin-bottom: 20px;
	margin-left: 20px;
}
.center .contenidos h1 {
	font-size: 20px;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	color: #333;
}
.center .contenidos h2 {
	font-size: 14px;
	margin: 0px;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	color: #333;
}
.center .contenidos h3 {
	font-size: 12px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #333;
}
.center .contenidos h4 {
	font-size: 11px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #333;
}
.center .contenidos p {
	margin: 0px;
	font-size: 12px;
	padding: 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.center .contenidos #otec ul {
	width: 300px;
	margin: 0px;
}
.center .contenidos li {
	font-size: 12px;
}
.center #mapa li {
	list-style-type: square;
}
.center #mapa .principales {
	color: #063;
}
.center #carrera {
	text-align: justify;
}
.center #carreras li {
	display: block;
	line-height: 16px;
	height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
.center .contenidos .noticialone img {
	float: left;
	display: block;
	margin-right: 20px;
	margin-bottom: 20px;
}
.center .contenidos .noticialone h4 {
	font-size: 20px;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.contenidos a {
	color: #3B5999;
}
.contenidos a:hover {
	color: #728EC9;
}
.contenidos .noticia {
	margin-bottom: 20px;
	border-bottom: 1px dashed #999;
	height: 100px;
	padding-bottom: 10px;
}
.noticia .previewnoticia {
	height: 96px;
	width: 96px;
	float: left;
	border: 2px solid #666;
}
.noticia .previewnoticia a {
	height: 100px;
	width: 100px;
	display: block;
}
.noticia .contentnoticia {
	float: right;
	height: 100px;
	width: 435px;
	padding-right: 15px;
	padding-left: 15px;
}
.contentnoticia h4 {
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
.paginacion {
	text-align: center;
}
.cuenta {
	text-align: center;
}
.volvernoticia {
	text-align: center;
}
.center .contenidos .contacto {
	padding: 20px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
}
.center .contenidos .contacto .info {
	color: #42648F;
}
.center .contenidos .contacto label {
	display: block;
}
.center .contenidos .contacto input {
	width: 448px;
	height: 18px;
	background-image: url(../admin/imagenes/input.jpg);
	background-repeat: no-repeat;
	border: 1px solid #999;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #999;
}
.center .contenidos .contacto select {
	height: 22px;
	width: 452px;
	border: 1px solid #999;
	background-image: url(../admin/imagenes/input.jpg);
	background-repeat: no-repeat;
	color: #999;
	margin-bottom: 5px;
}
.center .contenidos .contacto textarea {
	height: 150px;
	width: 448px;
	border: 1px solid #999;
	background-image: url(../admin/imagenes/input.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #999;
	margin-bottom: 5px;
}
.left .button, .center .contenidos .contacto .button {
	float: right;
	background-image: url(../images/button.jpg);
	height: 18px;
	width: 53px;
	border: 1px solid #616161;
	font-size: 10px;
	line-height: 18px;
	color: #000;
	margin-left: 5px;
}
.right {
	float: right;
	width: 170px;
}
.right ul {
	font-size: 12px;
	color: #333;
	list-style-type: none;
	text-align: right;
	padding: 0px;
	width: 140px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	display: block;
}
.right ul li {
	display: block;
	height: 19px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
	padding-right: 26px;
	line-height: 20px;
}
.right ul li a {
	display: block;
	height: 19px;
	color: #666;
	text-decoration: none;
}
.right ul li a:hover {
	color: #999;
}
.right ul .shortinicio {
	background-image: url(../images/shortcut_home.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.right ul .shortmap {
	background-image: url(../images/shortcut_map.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.right ul .shortcontact {
	background-image: url(../images/shortcut_contact.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.right ul .shortinfo {
	background-image: url(../images/shortcut_info.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.right ul .shortnews {
	background-image: url(../images/shortcut_news.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.right ul .shorttrade {
	background-image: url(../images/shortcut_trade.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.right ul .shortintra {
	background-image: url(../images/shortcut_teacher.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.right h4 {
	display: block;
	margin: 0px auto 5px;
	width: 150px;
	font-size: 10px;
	font-weight: bold;
}
.right a {
	color: #666;
	text-decoration: none;
}
.right h4 a:hover {
	color: #999;
	text-decoration: none;
}
.right h5 {
	color: #42648F;
	font-size: 9px;
	font-weight: normal;
	width: 150px;
	margin: 0px auto 5px;
	display: block;
}
.right h5 a {
	color: #42648F;
	text-decoration: underline;
}
.right p {
	width: 150px;
	margin: 0px auto 10px;
	display: block;
	color: #666;
	padding-bottom: 5px;
	border-bottom: 1px dashed #999;
}
.right .peventos {
	border-width: 0px;
}
.right p a {
	text-align: center;
	display: block;
	text-decoration: none;
	color: #42648F;
	font-weight: bold;
}
.right p a:hover {
	text-align: center;
	display: block;
	text-decoration: none;
	color: #7496BE;
	font-weight: bold;
}
.direccion {
	text-align: center;
	height: 50px;
	background-color: #FFF;
}
.direccion p {
	margin: 0px;
	padding-top: 5px;
	color: #666;
}
.direccion p a {
	text-decoration: none;
	color: #999;
	font-weight: bold;
}
.footshadow {
	background-image: url(../images/foot_shadow.jpg);
	background-repeat: no-repeat;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 980px;
}
.clear {
	clear: both;
}