@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------------
# eShoptrix II - May 2008 (for Joomla 1.5)
# Recoded version - Ago 2009
# Copyright (C) 2009 blend.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.blend.com
# Support: support@blend.com 
# Designer: julainelihu.net
---------------------------------------------------------------*/
/* ||| universal set of reset styles |||*/

html,
body,
div,
span,
applet,
object,
iframe,
caption,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
	vertical-align: baseline;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
/* remember to define focus styles! */

:focus {
	outline: 0;
}
body {
	background: #F5F7E5;
	line-height: 1;
	color: black;
}
ol,
ul {
	list-style: none;
}
/* tables still need cellspacing="0" in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
}
/* remove possible quote marks (") from <q> & <blockquote> */

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
/* ||| the end |||*/
/* ||| set of clearing floats |||*/	

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clr {
	font-size : 1px;
}
/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.clear {
	clear: both;
}
/* End hide from IE-mac */
/* ||| the end |||*/



html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	margin: 0;
	padding: 0;
	font-size:100%;
}
#bg {
	background: #F5F7E5 ;
	font: 12px/1.6 Arial, Helvetica, sans-serif;
	color: #666;
}
#spot {
}
a {
	outline: none;
	cursor: pointer;
}
img {
	border: none;
	text-decoration: none;
}
ul {
	padding: 0 0 0 2px;
	margin: 0;
	margin-left: 1px;
	list-style: none;
}
ul li {
	background: url('http://www.uic.edu.mx/templates/gk_eshop/images/dot.gif') no-repeat 0 0px;
	padding-left: 14px;
	line-height: 140%;
	text-align:left;
}
ul li a {
	text-decoration: none!important;
}
ul li a:hover {
	   text-decoration: underline!important;
                     

}
ol li {
	line-height: 190%;
}
fieldset {
	border: 0;
	padding: 5px 0;
}
h1 {
	font-size: 200%;
}
h2 {
	font-size: 210%;
	font-weight: normal;
	margin:2px 0 15px 0;

}
h3 {
	font-size: 145%;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 120%;
}
h6 {
	font-size: 110%;
}
th {
	padding: 0px;
	text-align: left;
}
fieldset {
	border: none;
}
fieldset a {
	font-weight: bold;
}
input,
select,
button {
	font: normal 11px Tahoma, Arial, Verdana, sans-serif;

}
hr {
	border-color:#f1f1f1;
	border-style:solid none none;
	border-width:1px 0 0;
	height:1px;
}
.clearfix {
	clear: both;
}
.lf {
	float: left;
}
.rf {
	float: right;
}
.inputbox,
.textarea,
select {
	border: 1px solid #eee;
	border-right: 1px solid #f6f6f6;
	border-bottom: 1px solid #f6f6f6;
}
/* Set the major blocks
--------------------------------------------------------------------------------*/

#page1002 {
	background: url('../images/bg_page.png') repeat-y 0 0;
	width: 1002px;
	padding: 0;
	margin: 0 auto;
	min-height: 559px;
}
#page1002a {
	background: url('../images/bg_top.png') no-repeat 0 0;
}
.page970 {
	width: 970px;
	margin: 0 auto;
}
#hiddenarea1 {
	display: none;
	width: 400px;
}
#hiddenarea2 {
	display: none;
	width: 400px;
}
#hiddenarea_wrap1,
#hiddenarea_wrap2 {
	padding: 21px;
	background: #73ab00;
	border: 1px solid #b5d93a;
	filter:alpha(opacity=93);
	opacity: 0.93;
	-moz-opacity:0.93;
	color: #fff;
	font-weight: bold;
}
#hiddenarea_wrap1 a,
#hiddenarea_wrap2 a {
	color: #fff;
	font-weight: bold;
}
#close_button1,
#close_button2 {
	background: url('../images/icon_close.png') no-repeat 100% 0;
	width: 17px;
	height: 17px;
	position: absolute;
	right: 10px;
	cursor:pointer;
}
#hiddenarea1 h3,
#hiddenarea2 h3 {
	background: url('../images/show_cart_top.png') no-repeat 0 0;
	height: 17px;
	position: relative;
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	padding: 11px 0 9px 20px;
	margin: 0;
	color: #fff;
}
.scart_visible {
	position: absolute;
	top: 35px;
	z-index: 200;
}
.login_visible {
	position: absolute;
	top: 50px;
	z-index: 250;
}
#bg_top {
	margin: 0 16px;
}
#top {
	height: 85px;
	margin: 0 21px;
}
#logo {
	background: url('../images/logo.png') no-repeat 0 0;
	height: 85px;
	width:281px;
	display: block;
	float: left;
}
#topbanner {
	padding:12px 0;
	float: left;
}
p#trblock {
	margin: 29px 0 0;
	padding: 0;
	float: right;
	width: 146px;
	font: normal 10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#trblock a:link,
#trblock a:visited {
	color: #878787;
	text-decoration:none;
}
#trblock a.first {
	border-right:1px solid #878787;
	margin-right: 6px;
	padding-right: 6px;
}
a:link#scart,
a:visited#scart {
	background: url('../images/icon_bag.png') no-repeat 100% 50%;
	color: #739c03;
	display: block;
	padding: 6px 5px 3px 0;
}
a:hover#scart {
	color: #666;
}
/* suckerfish menu */
#horiz-menu {
	background: url('../img/nav.gif') repeat-x 0 0;
}
/* advanced search form */
#advanced_search_form {
	clear: both;
	background: url('../images/bg_advsearch.png') repeat-x 0 0;
	height: 35px;
	line-height: 35px;
	padding: 0 px;
}
#advanced_search_form span {
	background: url('../images/icon_serch.png') no-repeat 0 0;
	padding: 0 20px 0 30px;
	float: left;
}
#advanced_search_form input,
#advanced_search_form select {
	margin-right:10px;
	padding: 3px 2px;
	color: #999;
}
#advanced_search_form input:focus,
#advanced_search_form select:focus {
	border: 1px solid #8fc400;
	color: #739c03;
}
#advanced_search_form input.search,
.blogin input.button {
	background: url('../images/b_search.png') no-repeat 0 0;
	border: none!important;
	height: 17px;
	padding: 0;
	margin: 0;
	width: 59px;
	color: #fff;
}
.blogin input.button {
	background: url('../images/b_login.png') no-repeat 0 0;
	color: #739c03;
}
#restofpage {
	clear: both;
	margin: 21px 37px 0;
}
/* Set the block size
------------------------------------------------------------------------------------------------*/
#user_position-1 {
	width: 100%;
	overflow: hidden;
}
.users {
	overflow: hidden;
	float: left;
}
.us_width-16 .users {
	width: 16%;
}
.us_width-19 .users {
	width: 20%;
}
.us_width-24 .users {
	width: 25%;
}
.us_width-33 .users {
	width: 33%;
}
.us_width-50 .users {
	width: 50%;
}
.us_width-100 .users {
	width: 100%;
}
#user_position-2 {
	width: 100%;
	overflow: hidden;
}
#user_position-3 {
	clear: both;
	overflow: hidden;
	background: #fdfdfd url('../images/moduletable_h3_shadow.png') repeat-x 0 0;
}
#user_position_3wrap {
	margin: 0 21px 21px;
}
.us_width-49 .users {
	width: 49%;
}
.us_width-99 .users {
	width: 100%;
}
div.spacer {
	width: 2%;
	float: left;
	height: 1px;
}
.us-stand {
	clear: both;
	width: 100%;
}
/* component */
div#component {
	width: 100%;
}
/* component + right */
div#component-2 {
	float: left;
	width: 607px;
}
div#right {
	float: right;
	width: 300px;
	margin-left: 21px;
}
/* component + left */
div#component-3 {
	float: left;
	width: 657px;
}
div#left {
	float: left;
	width: 160px;
	margin: 0 21px 0 0;
}
#content_wrap-3 #left {
	width: 250px;
}
/* component + left + right */
div#component-1 {
	float: left;
	width: 426px;
}
div#mainbody {
	clear: both;
	margin-bottom: 20px;
}
/*Modules
-------------------------------------------------------------------*/
div.moduletable,
div.moduletable_menu,
.moduletable_clear {
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height:16px;
	margin:0 0 16px;
	padding: 0;
}
div.moduletable_content {
	background: url('../images/moduletable_h3_shadow.png') repeat-x 0 0;
	padding: 16px 20px 6px;
}
div.moduletable h3,
div.moduletable_menu h3 {
	background: url('../images/mod_def_h3_l.png') no-repeat 0 0;
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: #588CB8;
}
div.moduletable h3 span,
div.moduletable_menu h3 span {
	background: url('../images/mod_def_h3_r.png') no-repeat 100% 0;
	display:block;
	height:37px;
	line-height:37px;
	margin-left: 4px;
	padding-left: 16px;
}
div.moduletable h3 span strong,
div.moduletable_menu h3 span strong {
	color: #739c03;
}
div.moduletable_content ul li {
}
.moduletable_clear div.moduletable_content {
	padding: 0;
	background: none;
}
/* moduletable restriction */
#user_position-3 div.moduletable h3,
#user_position-3 div.moduletable_menu h3 {
	margin: 12px 8px 26px;
	background: none;
	color: #999;
}
#user_position-3,
#user_position-3 a {
	color: #999;
}
#user_position-3 div.moduletable_content {
	padding-top: 43px;
}
div.moduletable_menu div.moduletable_content {
	padding: 2px 0 6px;
}
div.moduletable_menu ul.menu {
	list-style: none;
	margin: 0;
	padding:0;
}
div.moduletable_menu ul.menu li {
	background: #fbfbfb url('../images/menu_li_bg.png') repeat-x 0 100%;
	margin: 0;
	padding: 0 0 0 21px;
}
div.moduletable_menu ul.menu li:hover {
	background:  url('../images/menu_li_h_bg.png') repeat-x 0 0;
}
div.moduletable_menu ul.menu li a {
	display: block;
	outline: none;
	padding: 5px 2px;
	color: #999;
	font-weight: bold;
	text-decoration:none!important;
}
div.moduletable_menu ul.menu li a:hover,
div.moduletable_menu ul.menu li:hover#current a {
	color:#fff;
}
div.moduletable_menu ul.menu li.active a {
}
div.moduletable_menu ul.menu li ul {
	list-style: none;
	margin: 0 0 0 -21px;
	padding: 0;
}
div.moduletable_menu ul.menu li li a {
	border: none;
	font-weight: normal !important;
	padding-left: 0 !important;
	color: #999!important;
}
div.moduletable_menu ul.menu li li a:hover,
div.moduletable_menu ul.menu li li a:active,
div.moduletable_menu ul.menu li li a:focus {
	color: #fff!important;
}
div.moduletable_menu ul.menu li li:last-child a {
	padding-bottom: 5px;
}
/* tabs */

/* Login module*/
.loginposition_l {
	width: 50%;
	float: left;
	border-right: 1px solid #b5d93a;
}
.loginposition_r {
	width: 48%;
	float: right;
}
.loginposition_r li {
	margin-left: 14px!important;
}
.loginposition_l li {
	float: left;
	background: none;
	padding: 0 16px 0 0;
}
.loginposition_l li.inputbox {
	padding: 3px 2px;
}
.blogin {
	margin-top: 10px;
}
/* Footer */

#footer_wrap {
	clear: both;
	background: url('../images/bg_footer.png') no-repeat 0 0;
	height: 58px;
	width: 1002px;
	line-height: 45px;
	font-size: 11px;
	margin: 0 auto;
	color: #999;
}
#copyright {
	margin: 0 auto;
	width: 928px;
}
#copyright #infoo {
	margin: 0;
	float: left;
	width: 80%;
}
div#footer_wrap a {
	text-decoration: none;
	color: #666;
}
#copyright #stylearea {
	margin:0;
	float: right;
	width: 11%;
}
#copyright #stylearea a:link,
#copyright #stylearea a:visited,
#copyright #stylearea a:active {
	color: #999;
}
#copyright #stylearea a:hover {
	color: #666;
}

.registro { background-image:url(../img/bg_registro.jpg);
	height: 100%;

	}
/*Cortesia de la casa*/
.logo-uic{ margin-top: 20px; margin-left: 30px; }
#mod_search_searchword{
	border-style:none;
	border-width:0;
	color:#999999;
	font-size:9px;
	font-weight:normal;
	height:11px;
	margin-left:20px;
	margin-top:17px;
	padding:4px 10px;
	width:120px;
	vertical-align: middle;
}
.buttonsearchregistro
{
	display:inline;
	margin-top:auto;
	vertical-align: middle;
	margin-top: 23px;
	margin-left:10px;

}
#site{background-color:#FFFFFF; }


a:link,
a:visited,
a:active {
	color:#b6c82a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
}
a:hover {
	text-decoration: underline;
	color: #006a3e;
}

#sub a:link,
#sub a:visited,
#sub a:active {
	color:#b6c82a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	text-decoration:underline;
}
#sub a:hover {
	text-decoration: underline;
}

.footer {
	color: #fff;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}


.RSS {
background-color:#F4F4F0;
background-position:0 top;
background-repeat:no-repeat;
display:inline;
float:left;
margin:0;
padding:0;
width:100%;
}

div.RSS {
background-color:#F4F4F0;
background-position: top;
background-repeat:no-repeat;
display:inline;
float:left;
margin:50;
padding:0;
width:100%;
}

#RSS2 { 
background-color : #000000;
background-position: top;
background-repeat:no-repeat;
width:100%;
} 


form{ margin: 0; padding: 0; }
#main-content{ background-color: #fff; width: 920px; margin-right: auto; margin-left: auto; border-right: 1px solid #cacac2; border-left: 1px solid #cacac2; }
#header{ background-image: url(../images/uic_logo.gif); background-repeat: no-repeat; background-position: 30px 30px; }
#header .logo{ margin-top: 30px; margin-left: 30px; }
#registro{ background-image: url(../images/bg_registro.jpg); background-repeat: no-repeat; width: 294px; height: 94px; float: right; }
#registro img{ margin-top: 10px; margin-left: 10px; }
#registro .campo-busqueda{ color: #999; font-size: 13px; font-weight: normal; background-image: url(../images/bg_campo_search.gif); background-repeat: no-repeat; background-position: 0 0; width: 212px; height: 18px; margin-top: 10px; margin-left: 10px; padding: 4px 10px; border-style: none; border-width: 0; }
#registro .submit{ float: right; margin-top: 10px; margin-right: 15px; display: block; }
#nav{ height: 41px; margin-top: 1px; }
/*containers*/
#home{ padding: 10px; }
#contenido{ padding: 10px 10px 10px 26px; }
#contenido.n2{padding: 10px 10px 10px 10px; }
#columna{ width: 299px; float: left; margin-right: 6px; padding-top: 156px; }
#columna ul{ font-size: 13px; background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 30px 0 30px 30px; list-style-type: none;  background-position: 30px 0; }
#columna ul a{ color: #666; text-decoration: none;}
#columna ul a:hover{color:#333; }
#columna ul.area{ background-image: url(../images/n2/area_empresarial.gif); }
#columna ul.comunicacion{ background-image: url(../images/n2/comunicacion.gif); }
#columna ul.ciencias{ background-image: url(../images/n2/ciencias.gif); background-position: 0px 0;  padding: 30px 0 30px 0px;}
#columna ul.humanidades{ background-image: url(../images/n2/humanidades.gif); background-position: 0px 0;  padding: 30px 0 30px 0px;}
#columna ul li{ padding-bottom: 8px; }
#columna.uno{ background-image: url(../images/n2/foto1.jpg); background-repeat: no-repeat; background-position: 0 0; }
#columna.dos{ background-image: url(../images/n2/foto2.jpg); background-repeat: no-repeat; background-position: 0 0; }
#columna.tres{ background-image: url(../images/n2/foto3.jpg); background-repeat: no-repeat; background-position: 0 0; width: 289px; margin-right: 0; }
#columna.tres img{ margin-bottom:10px; }
/*containers*/
/*home*/
#noticias{ background-color: #f4f4f0; background-image: url(../images/bg_ultimas_noticias.gif); background-repeat: no-repeat; background-position: 0 top; width: 100%; float: left; margin: 0; padding: 0 0 0; display: inline; }
#noticias #abstracto{ height: 580px; margin-top: 41px; padding: 15px; border-left: 1px solid #eae9e6; border-bottom: 1px solid #eae9e6; border-right: 1px solid #eae9e6; }
#noticias img{ float: right; margin-top: 7px; margin-right: 10px; display: inline; }
#noticias .fecha{ color: #999; font-size: 15px; font-weight: normal; width: 65px; float: left; display: inline; }
#noticias h1{  font-size: 16px; font-weight: normal; width: 250px; float: right; margin: 0; padding: 0 0 5px; display: inline; }
#noticias h1 a{color: #333; text-decoration: none}
#noticias h1 a:hover{text-decoration: underline;}
#noticias p{ color: #333; font-size: 12px; font-weight: normal; width: 250px; float: right; margin: 0; padding: 0 0 0; display: inline; }
#noticias p.mas{ padding-top: 10px; padding-bottom: 18px; }
#noticias p a{ color: #f60; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; text-decoration: underline; }
#actividades{ width: 540px; float: right; display: inline; }
#actividades #destacados #bloque{ width: 173px; float: left; margin-right: 10px; display: inline; }
#actividades #destacados #bloque.none{margin-right:0px;}
#actividades #destacados #bloque h2{ font-size: 15px; font-weight: normal; margin: 0; padding: 10px 0; }
#actividades #destacados #bloque h2 a{ color:#333333; text-decoration: none; }
#actividades #destacados #bloque h2 a:hover{text-decoration: underline;}
#actividades #destacados #bloque p{ color: #333; font-size: 12px; margin: 0; padding: 0; }
#actividades #destacados #bloque p a{ color: #f60; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; text-decoration: underline;}
/*home*/
/*interiores*/
#post{ width: 600px; float: left; padding-top: 15px; padding-bottom: 30px; }
#post h1{ color: #333; font-size: 16px; font-weight: normal; margin: 0; padding: 0 0 20px; }
#post h2{ color: #99a50c; font-size: 13px; font-weight: normal; margin: 0; padding: 0 0 20px; }
#post p{ color: #333; font-size: 13px; font-weight: normal; margin: 0; padding: 0 0 20px; }
#post p a{ color: #333;}
#post ul a{ color: #333; font-size: 13px; line-height: 20px; margin: 0; padding: 0 0 0 20px; }
#post ul li { color: #333; font-size: 13px; line-height: 20px; margin: 0; padding: 0 0 0 20px; }
#post ul li a:hover{text-decoration: underline;}
#herramientas{ background-color: #f4f4f0; background-image: url(../images/bg_herramientas.gif); background-repeat: no-repeat; background-position: 0 top; padding-top: 41px; border-right: 1px solid #eae9e6; border-bottom: 1px solid #eae9e6; border-left: 1px solid #eae9e6; }
#herramientas ul{ margin: 0 0 0 20px; padding: 15px 0 0; list-style-type: none; }
#herramientas ul li{ padding-bottom: 15px; }
#sidebar{ width: 262px; float: right; display: inline; }
/*interiores*/
/*footer*/
#footer{ background-color: #b7c611; background-image: url(../images/bg_footer.gif); background-repeat: repeat-x; background-position: 0 top; }
#footer .container{ width: 900px; margin-right: auto; margin-left: auto; padding: 10px; }
#footer .container #bloque{ width: 230px; float: left; padding-top: 25px; display: inline; }
#footer .container #bloque ul{ color: #fff; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; line-height: 17px; margin: 0; padding: 0 0 0 15px; }
#footer .container #bloque ul li a{ color: #fff; text-decoration: none;}
#footer .container #bloque ul li a:hover{text-decoration: underline;}
/*footer*/
/*bloques footer*/
.enlace,
.soy,
.admisiones,
.oferta,
.estudiantes,
.formacion{ background-repeat: no-repeat; background-position: 0 0; }
.admisiones{ background-image: url(../images/footer/adminisones.gif);  }
.oferta{ background-image: url(../images/footer/oferta_academica.gif);}
.estudiantes{ background-image: url(../images/footer/estudiantes.gif);}
.formacion{ background-image: url(../images/footer/formacion_integral.gif);}
.soy{ background-image: url(../images/footer/soy_uic.gif);}
.enlace{ background-image: url(../images/footer/enlaces_rapidos.gif);}
#footer .container #bloque.formacion{ width: 162px; }
#footer .container #bloque.admisiones{ width: 220px; }
#footer .container #bloque.oferta{width: 250px;}
#footer .container #bloque.estudiantes{width: 260px;}
#footer .container #bloque.soy{width:220px; }
#footer .container #planteles{ color: #fff; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; background-color: #becc28; width: 416px; float: right; padding: 15px; }
#footer .container #planteles p{}
#footer .container #planteles p .campus{ color: #00462c; }
#footer .container p.copyright{ color: #fff; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; text-align: center; }

.post{ width: 600px; float: left; padding-top: 15px; padding-bottom: 30px; }
.post h1{ color: #333; font-size: 16px; font-weight: normal; margin: 0; padding: 0 0 20px; }
.post h2{ color: #99a50c; font-size: 13px; font-weight: normal; margin: 0; padding: 0 0 20px; }
.post p{ color: #333; font-size: 13px; font-weight: normal; margin: 0; padding: 0 0 20px; }
.post p a{ color: #333;}
.post ul a{ color: #333; font-size: 13px; line-height: 20px; margin: 0; padding: 0 0 0 20px; }
.post ul li { color: #333; font-size: 13px; line-height: 20px; margin: 0; padding: 0 0 0 20px; }
.post ul li a:hover{text-decoration: underline;}