body, html {
	background: #e4e4e4 url('/iseg/images/bg_main.jpg') no-repeat scroll top center;
	font: normal normal normal 11px Arial;
	margin-top: 0px;
	padding: 0px;
	text-align: center
}

#wrapper {
	background-color: #fff;
	clear: both;
	margin: 0 auto;
	text-align: left;
	width: 700px
}

#header {
	background: transparent url('/iseg/images/header.jpg') no-repeat scroll center;
	clear: both;
	height: 349px
}

#date {
	height: 349px;
        position: relative;
	width: 700px
}

#date #content {
	color: #fff;
	font: normal normal normal 9px Arial;
	position: absolute;
	right: 26px;
	top: 26px
}

#main_menu {
	background-color: #506877;
	border-bottom: 1px solid #afb1b4;
	border-top: 1px solid #fff;
	color: #C2D1D3;
	height: 21px;
	position: relative;
	width: 700px;
}

#main_menu #container {
	line-height: 17px;
	height: 17px;
	position: absolute;
	left: 0px;
	top: 2px;
	width: 700px;	
} 

#main_menu #container a {
	color: #C2D1D3;
	text-decoration: none
}

#main_menu #container #item_1 {
	float: left;
	text-align: center;
	text-transform: uppercase;
	width: 200px
}

#main_menu #container #item_2,
#main_menu #container #item_3,
#main_menu #container #item_4,
#main_menu #container #item_5,
#main_menu #container #item_6 {
	float: left;
	text-align: center;
	width: 99px
}

#main_menu #container #item_2,
#main_menu #container #item_3,
#main_menu #container #item_4,
#main_menu #container #item_5 {
	border-right: 1px solid #afb1b4
}

#right_canvas {
	float: right;
	text-align: center;
	width: 499px	
}

#left_canvas {
	border-right: 1px solid #afb1b4;
	float: left;
	text-align: center;
	width: 199px	
}

#canvas {
        background-color: #fff;
        float: left;
        width: 700px
}


#canvas #left_content {
	background-color: #afb1b4;
        float: left;
        text-align: center;
        width: 200px
}


#carreras {
	float: left;
	height: 360px;
	text-transform: uppercase;
	width: 199px	
}

#carreras div.title,
#carreras div.title2,
#carreras div.title_long,
#carreras div.title_long2 {
        border-bottom: 1px solid #afb1b4;
        border-top: 2px solid #fff;
        height: 37px;
        position: relative;
        text-align: center;
        text-transform: none;
        width: 199px
}

#carreras div.title_last {
	background-color: #fff;
	border-top: 2px solid #fff;
        height: 37px;
        position: relative;
        text-align: center;
        text-transform: none;
        width: 199px
}

#carreras div.title {
	background-color: #d1dddf;
	line-height: 37px;
}

#carreras div.title2 {
       	background-color: #b1cace;
        line-height: 37px;
}

#carreras div.title_long {
	line-height: 16px;
}

#carreras div.title_long2 {
        background-color: #b1cace;
        line-height: 16px;
}

#carreras div.title_last {
	line-height: 37px;
}

#carreras div.title a,
#carreras div.title2 a,
#carreras div.title_long a,
#carreras div.title_long2 a,
#carreras div.title_last a {
	color: #5B6F7B;
	text-decoration: none
}



#right_canvas #modelo_ed {
	background: #C2CCD1 url('/iseg/images/image_font_001.jpg') scroll no-repeat  top right;
	position: relative;
	height: 200px;
	text-align: center;
	width: 499px	
}

#right_canvas #modelo_ed div.text {
	color: #5B6F7B; 
	font: normal normal normal 11px Arial;
	height: 130px;
	left: 15px;
	position: absolute;
	text-align: left;
	top: 25px;
	width: 260px
}

#usuarios {
	background-color: white;
	clear: both;
	height: 350px;
	text-align: center;
	width: 199px	
}

#usuarios #mail,
#usuarios #reservado {
	border-top: 1px solid #afb1b4;
	height: 175px;
	position: relative;
	width: 199px
}

#usuarios #mail div.title,
#usuarios #reservado div.title {
	background-color: #506977;
	color: #C2D1D3;
	line-height: 20px;
	position: relative;
	height: 20px;
	width: 199px
}

#usuarios #mail div.fields,
#usuarios #reservado div.fields {
	color: #5B6F7B;
	height: 110px;
	position: relative
}

#usuarios #mail div.fields div.enviar {
	background: transparent url('/iseg/images/image_font_003.jpg') no-repeat scroll bottom left;
	height: 34px;
	position: absolute;
	right: 6px;
	bottom: 10px;
	width: 160px
}

#usuarios #mail div.fields div.enviar div.link {
        height: 15px;
        position: absolute;
        right: 6px;
        bottom: -30px;
        width: 160px
}

#usuarios #reservado div.fields div.enviar {
	background: transparent url('/iseg/images/image_font_002.jpg') no-repeat scroll bottom left;
	height: 34px;
	position: absolute;
	right: 6px;
	bottom: 10px;
	width: 160px
}


#usuarios #mail div.fields div.enviar div.button, 
#usuarios #reservado div.fields div.enviar div.button {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 120px
}

#usuarios #mail div.fields div.enviar div.button a,
#usuarios #reservado div.fields div.enviar div.button a {
	color: #5B6F7B;
	letter-spacing: 5px;
	text-decoration: none
}

#licenciatura {
	background-color: #fff;
	border-top: 2px solid #afb1b4;
	float: right;
	height: 348px;
	text-align: center;
	width: 499px	
}

#licenciatura #title {
        background-color: #506877;
        color: #C2D1D3;
	height: 20px;
	line-height: 20px;
        position: relative;
	text-align: center;
        width: 499px
}

#licenciatura #row_1 {
        height: 82px;
        position: relative;
        width: 499px
}

#licenciatura div.lh {
        background: transparent url('/iseg/images/bg_lh.jpg') no-repeat scroll right;
}

#licenciatura div.ldh {
        background: transparent url('/iseg/images/bg_ldh.jpg') no-repeat scroll right;
}

#licenciatura div.mch {
        background: transparent url('/iseg/images/bg_mch.jpg') no-repeat scroll right;
}

#licenciatura div.mbdh {
        background: transparent url('/iseg/images/bg_mbdh.jpg') no-repeat scroll right;
}

#licenciatura #row_1 #ghost {
        height: 82px;
        left: 0px;
	position: absolute;
        top: 0px;
	width: 498px
}

#licenciatura #row_1 div.Btext {
	left: 100px;
	position: absolute;
	text-align: left;
	top: 20px
}

#licenciatura #row_1 div.Btext a {
	color: #162934;
	font: normal normal normal 15px Arial;
	text-decoration: none
}

#licenciatura #row_1 div.Mtext {
	left: 100px;
	position: absolute;
	text-align: left;
	top: 20px
}

#licenciatura #row_1 div.Mtext a {
	color: #162934;
	font: normal normal normal 11px Arial;
	text-decoration: none
}


#licenciatura #row_1 div.Stext {
	bottom: 4px;
	color: #435662;
	font: normal normal normal 9px Arial;
	right: 20px;
	position: absolute;
	text-align: right
}

#licenciatura div.top div.text4 {
	bottom: 8px;
	color: #162934;
	font: normal normal normal 15px Arial;
	right: 60px;
	position: absolute;
	text-align: right
}

#licenciatura div.bottom {
	background: #fff url('/iseg/images/bg_lic_02.jpg') no-repeat scroll right;
	height: 171px;
	position: relative;
	text-align: center;
	width: 498px	
}

#licenciatura div.bottom div.textOne {
	bottom: 25px;
	color: #435662;
	font: normal normal normal 15px Arial;
	left: 15px;
	position: absolute;
	text-align: right
}

#licenciatura div.bottom div.textTwo {
	bottom: 15px;
	color: #435662;
	font: normal normal normal 9px Arial;
	left: 15px;
	position: absolute;
	text-align: right
}

#banner {
        background-color: #eee;
        position: relative;
        height: 122px;
        text-align: center;
        width: 499px
}
 
#special {
	background-color: #d3dfe2;
	border-right: 1px solid #afb1b4;
	position: relative;
	height: 209px;
	width: 199px	
}

#special div.canvas {
	color: #415968;
	font: normal normal normal 11px Arial;
	height: 210px;
	left: 17px;
	position: absolute;
	top: 0px;
	width: 159px	
}

#special div.canvas div.title {
	height: 35px;
	width: 165px
}	

#special div.canvas div.title div.bullet {
	background: transparent url('/iseg/images/bullets01.gif') no-repeat scroll center;
	float: left;
	width: 18px
}

#special div.canvas div.title div.text {
	float: left;
	width: 147px
}

#special div.canvas div.about {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	font-size: 9px;
	line-height: 11px;
	width: 165px;
	z-index: 500
}

#special div.canvas div.about div.image {
	padding-left: 5px;
	float: right
}

#special div.canvas div.mas {
	bottom: 5px;
	right: -8px;
	position: absolute;
	text-align: center;
	z-index: 1000
}

#special div.canvas div.mas a {
	color: #415968;
	text-decoration: none
}


 div.text2 {
	border-right: 1px solid #afb1b4;
	float: left;
	height: 209px;
	width: 249px	
}

 div.text2 div.canvas {
	height: 209px;
	position: relative;
	width: 249px	
}

div.text2 div.canvas div.wrapper {
        color: #415968;
        font: normal normal normal 11px Arial;
        height: 199px;
        left: 10px;
        position: absolute;;
        top: 14px;
	width: 229px
}


 div.text2 div.canvas div.wrapper div.title {
	height: 35px;
	width: 220px
}	

 div.text2 div.canvas div.wrapper div.title div.bullet {
	background: transparent url('/iseg/images/bullets01.gif') no-repeat scroll center;
	float: left;
	width: 18px
}

 div.text2 div.canvas div.wrapper div.title div.text {
	float: left;
	width: 202px
}

 div.text2 div.canvas div.wrapper div.about {
	border-bottom: 1px solid #d1dddf;
	border-top: 1px solid #d1dddf;
	font-size: 9px;
	line-height: 11px;
	width: 220px
}

 div.text2 div.canvas div.wrapper div.about div.image {
	padding-left: 5px;
	float: right
}

 div.text2 div.canvas div.wrapper div.mas {
	bottom: 5px;
	right: 0px;
	position: absolute;
	text-align: center
}

 div.text2 div.canvas div.wrapper div.mas a {
	color: #415968;
	text-decoration: none
}

 div.text3 {
	background-color: #e0e8ea;
	float: left;
	height: 209px;
	width: 249px	
}

 div.text3 div.item_1,
 div.text3 div.item_2,
 div.text3 div.item_3 {
	border-bottom: 1px solid #afb1b4;
	border-top: 1px solid #fff; 
	height: 50px;
	position: relative;
	width: 249px	
}

 div.text3 div.item_4 {
	border-top: 1px solid #fff; 
	height: 50px;
	position: relative;
	width: 249px	
}

 div.text3 div.item_1 div.button,
 div.text3 div.item_2 div.button,
 div.text3 div.item_3 div.button,
 div.text3 div.item_4 div.button {
	border-right: 1px solid #afb1b4;
	float: left;
	height: 50px;
	text-align: center;
	width: 40px	
}

 div.text3 div.item_1 div.wrap,
 div.text3 div.item_2 div.wrap,
 div.text3 div.item_3 div.wrap,
 div.text3 div.item_4 div.wrap {	
	float: left;
	height: 50px;
	width: 208px		
}

 div.text3 div.item_1 div.wrap div.info,
 div.text3 div.item_2 div.wrap div.info,
 div.text3 div.item_3 div.wrap div.info,
 div.text3 div.item_4 div.wrap div.info {
	color: #5B6F7B;
	font-size: 9px;
	height: 40px;
	left: 5px;
	text-align: left;
	top: 5px;
	position: relative;
	width: 198px	
}

 div.text3 div.item_1 div.wrap div.info a,
 div.text3 div.item_2 div.wrap div.info a,
 div.text3 div.item_3 div.wrap div.info a,
 div.text3 div.item_4 div.wrap div.info a {
	color: #5B6F7B;
	font: normal normal bold 11px Arial;
}

 div.text3 div.item_1 div.wrap div.info div.image,
 div.text3 div.item_2 div.wrap div.info div.image,
 div.text3 div.item_3 div.wrap div.info div.image,
 div.text3 div.item_4 div.wrap div.info div.image {
	padding-right: 5px;
	float: left
}


#afiliaciones {
	clear: both;
	height: 189px
}

#footer {
	background-image: url('/iseg/images/bg_footer.jpg');
	bottom: 0px;
	color: #fffff0;
	height: 21px;
	left: 0px;
	line-height: 21px;
	position:fixed;
	width: 100%
}

#footer a {
	color: #FDB913;
	text-decoration: none
}