/*
LAYOUT PRINCIPAL
*/
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
	margin: 0;
	background-color: #C8C8C8;
}

/* contenedor principal */
#container
{
	width: 990px;
	margin: auto;
	text-align: left;
}

#header
{
	width: 100%;
	height: 130px;
	background: url(img/header_bg.jpg) repeat-x;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;	
}

#header_logo_margin /* este lo agrego para que en IE6 el logo se separe de la izquierda como en los otros navegadores */
{
	width: 13px;
	height: 98px;
	float: left;
	margin: 15px 0 0 0;
}
#header_logo
{
	width: 293px;
	height: 98px;
	background: url(img/logo_inetcom.jpg) no-repeat;
	float: left;
	margin: 15px 0 0 0;
}

#header_img
{
	width: 475px;
	height: 130px;
	background: url(img/header_img.jpg) no-repeat;
	float: right;
}

#top
{
	width: 100%;
	height: 40px;
	background: url(img/top_bg.jpg) repeat-x;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
}

#middle
{
	width: 100%;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
}
#middle_tbl
{
	width: 100%;
}
#middle_left
{
	width: 202px;
	background-color: #C4C4C4;
	vertical-align: top;
}
#middle_sep
{
	width: 2px;
	background-color: #0E4269;
}
#middle_content
{
	background-color: #FFF;
	vertical-align: top;
}
.middle_content_padding
{
	padding: 15px;
}
#foot1
{
	width: 100%;
	height: 30px;
	background: url(img/foot1_bg.jpg) repeat-x;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
}
#foot2
{
	width: 100%;
	height: 5px;
	background-color: #F39920;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	overflow: hidden;
}
/*
FIN LAYOUT PRINCIPAL
*/


/*
CLASES GENERALES
*/

h1
{
	background: url(img/img_tittle.jpg) no-repeat #156CAC;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	margin: 10px 5px 15px 0;
	padding: 0 0 0 25px;	
	height: 25px;
	line-height: 25px;
}
h2
{
	font-size: 13px;
	font-weight: bold;
	color: #F39920;
	margin: 7px 0 18px 0;
	padding: 0;	
}

h3
{
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin: 5px 0 15px 0;
	padding: 0;	
}
h4
{
	font-size: 11px;
	font-weight: bold;
	color: #156CAC;
	padding: 0;	
	margin: 0;
}

/* clear */
.clear
{
	clear: both;
	overflow: hidden;
	height: 0;
}

/* texto */
.text
{
	margin: 25px 0 0 0;
	line-height: 17px;
	font-size: 11px;
	color: #333;
}
.text_contac
{
	margin: 0;
	line-height: 17px;
	font-size: 11px;
	color: #333;
}
/* fotos */
.photo
{
	border-bottom: 7px solid #F59F2D;
	margin: 0 20px 20px 0;
}


/* top */
.btn_campus_margin /* este lo agrego para que en IE6 el botŪn de campus se separe de la izquierda como en los otros navegadores */
{
	width: 13px;
	height: 32px;
	float: left;
}
.btn_campus
{
	width: 184px;
	height: 32px;
	float: left;
	margin: 4px 0 0 0;
}
.btn_vercursos
{
	width: 184px;
	height: 32px;
	float: left;
	margin: 4px 0 0 0;
}
.top_contact
{
	width: 101px;
	height: 40px;
	background: url(img/top_contact_bg.jpg) no-repeat;
	float: right;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.top_contact div
{
	padding: 11px 0 0 0;
}
a.top_contact_link:link, a.top_contact_link:active, a.top_contact_link:visited
{
	color: #F8B158;
	text-decoration: none;
}
a.top_contact_link:hover
{
	color: #FFF;
}
.top_info
{
	width: 480px;
	height: 40px;
	background: url(img/top_info_bg.jpg) no-repeat;
	float: right;
	font-size: 13px;
	letter-spacing: 1px;
	color: #FFF;
}
.top_info div
{
	padding: 9px 0 0 34px;
}
.top_info span
{
	font-size: 17px;
	font-weight: bold;
}
/* fin top */


/* middle_left */
.menu_title
{
	height: 25px;
	background-color: #156CAC;
	overflow: hidden;
}
.menu
{
	background-color: #12588D;
	padding: 20px 0 20px 0;
}
.menu_bottom
{
	height: 10px;
	background-color: #156CAC;
	overflow: hidden;
}
.menu_item
{
	background: url(img/item_menu.jpg) no-repeat 40px center;
	padding: 0 0 0 60px;
}
a.menu_item_link:link, a.menu_item_link:active, a.menu_item_link:visited
{
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
}
a.menu_item_link:hover
{
	color: #F9BD71;
}
.menu_separator
{
	height: 2px;
	background: url(img/menu_separator.jpg) repeat-x;
	overflow: hidden;
	margin: 13px 17px 13px 17px;
}

.news_title
{
	background-color: #AAA;
	padding: 4px;
}
.news_title_bg
{
	height: 31px;
	background: url(img/news_title_bg.jpg) repeat-x;
}
.news_title_bg img
{
	float: left;
	margin: 0 0 0 13px;
}
.news_title_bg div
{
	float: left;
	margin: 5px 0 0 4px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;	
}
.news
{
	background-color: #DADADA;
	margin: 10px 0 20px 0;
	padding: 15px 0 0 0;
}
.news_item
{
	padding: 0 5px 20px 15px;
}
.news_date
{
	font-size: 9px;
	color: #F48E11;
	margin: 0 0 3px 0;
}
.news_item_title
{
	margin: 0 0 3px 0;
}
.news_summary
{
	font-size: 11px;
	color: #333;
}
a.news_link:link, a.news_link:active, a.news_link:visited
{
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
a.news_link:hover
{
	color: #333;
}
.news_ver
{
	text-align: right;
	padding: 0 5px 5px 0;
}
a.news_ver_link:link, a.news_ver_link:active, a.news_ver_link:visited
{
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
a.news_ver_link:hover
{
	color: #333;
}
/* fin middle_left */


/* foot */
.foot_left
{
	float: left;
	font-size: 10px;
	color: #FFF;
	padding: 7px 0 0 10px;
}
.foot_left span
{
	font-size: 11px;
	font-weight: bold;
}

.foot_right
{
	float: right;
	padding: 7px 10px 0 0;
}
a.foot_right_link:link, a.foot_right_link:active, a.foot_right_link:visited
{
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
a.foot_right_link:hover
{
	color: #F9BD71;
}
/* fin foot */


/* middle_content */
.institutions
{
	border-bottom: 2px solid #1A82CF;
}
.institutions_title
{
	background-color: #1A82CF;
	font-size: 12px;
	color: #FFF;
	padding: 6px 0 6px 15px;
	border-right: 11px solid #F8B055;
}
.institutions_logos
{
	padding: 11px 0 11px 11px;	
}
.institutions_logos img
{
	margin: 0 3px 0 0;
	vertical-align: middle;
}

.middle_content_tbl
{
	margin: 9px 0 9px 0;
}
.middle_content_left
{
	width: 307px;
	vertical-align: top;
}
.middle_content_center
{
	width: 275px;
	background-color: #C4C4C4;
	vertical-align: top;
}
.middle_content_right
{
	width: 199px;
	vertical-align: top;
	text-align: center;
}

.ofertas
{
	width: 295px;
	margin: 0 0 0 5px;
}

.convocatorias
{
	width: 295px;
	margin: 15px 0 0 5px;	
}

.panel
{
	width: 100%;
}
.panel_title_border
{
	border: 1px solid #E4880C;
}
.panel_title
{
	background: url(img/panel_bg.jpg) repeat-x;
	padding: 1px 2px 0 2px;
}
.panel_title_bg
{
	height: 22px;
	background: url(img/panel_title_bg.jpg) repeat-x;
}
.panel_title_bg img
{
	float: left;
	margin: 0 0 0 10px;
}
.panel_title_bg div
{
	float: left;
	margin: 1px 0 0 5px;
	font-size: 13px;
	font-weight: bold;
	color: #12588D;	
}
.panel_content
{
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	padding: 5px;
}
.panel_item
{
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #E1E1E1;
}
.panel_date
{
	font-size: 9px;
	color: #9D9D9D;
	margin: 0 0 3px 0;
}
.panel_item_title
{
	margin: 0 0 4px 0;
}
.panel_summary
{
	font-size: 11px;
	color: #000;
}
a.panel_link:link, a.panel_link:active, a.panel_link:visited
{
	font-size: 14px;
	font-weight: bold;
	color: #1466A3;
	text-decoration: none;
}
a.panel_link:hover
{
	color: #F8AE52;
}
.panel_ver
{
	text-align: right;
	background: url(img/panel_icon_view.jpg) no-repeat right;
	padding: 0 20px 0 0;
}
a.panel_ver_link:link, a.panel_ver_link:active, a.panel_ver_link:visited
{
	font-size: 11px;
	color: #14639C;
}
a.panel_ver_link:hover
{
	color: #F8AE52;
}

.documents
{
	background-color: #DADADA;
	margin: 0 0 9px 0;
}
.documents_title
{
	background: url(img/document_title_bg.jpg) repeat-x bottom;
	font-size: 13px;
	font-weight: bold;
	color: #125B91;
	padding: 8px 0 5px 0;
	margin: 0 11px 14px 11px;
}
.documents_item
{
	background: url(img/documents_icon.jpg) no-repeat 10px 5px;
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
}
.documents_item_title
{
	margin: 0 0 2px 0;
}
.documents_description
{
	font-size: 11px;
	color: #14639C;
}
a.documents_link:link, a.documents_link:active, a.documents_link:visited
{
	font-size: 11px;
	color: #333;
}
a.documents_link:hover
{
	color: #000;
}
.documents_ver
{
	text-align: right;
	background: url(img/documentsl_icon_view.jpg) no-repeat right;
	padding: 10px 20px 10px 0;
	margin: 0 5px 0 0;
}
a.documents_ver_link:link, a.documents_ver_link:active, a.documents_ver_link:visited
{
	font-size: 11px;
	color: #135E96;
	text-decoration: none;
}
a.documents_ver_link:hover
{
	color: #0E446B;
}

.flash_slide
{
	width: 189px;
	height: 193px;
	margin: auto;
}
.banner
{
	width: 186px;
	height: 282px;
	margin: auto;
	padding: 7px 0 0 0;
}
/* fin middle_content */

/* listados */

.list
{
	/*padding: 5px 5px 5px 0;*/
}
.list_item
{
	margin: 0 0 13px 0;
	padding: 8px;
	border-left: 6px solid #E0E0E0;
	background: #F5F5F5;
}
.list_date
{
	color: #F69927;
	margin: 0 0 8px 0;
	font-weight: bold;
	font-size: 10px;
}
.list_title
{
	color: #333;
	font-weight: bold;
	margin: 0 0 6px 0;
}
.list_summary
{
	margin: 0 0 3px 0;
	line-height: 17px;
}
.list_view
{
	height: 16px;
	padding-right: 23px;
	margin-top: 10px;
	background: url(img/items_mas.jpg) no-repeat right;
	text-align: right;
	line-height: 16px;
}
.list_view img
{
	margin-right: 5px;
	float: left;
}
a.list_link:link, a.list_link:active, a.list_link:visited
{
	color: #135E96;
	text-decoration: none;
}
a.list_link:hover
{
	color: #F8B055;
}
.list_nav
{
	text-align: center;
	background-color: #F5F5F5;
	border: 1px solid #E0E0E0;
	padding: 2px;
	width: 150px;
	margin-left: 600px;
}
/* fin listados */

/* Cnavigator */
.nav
{
	font-weight: bold;
	color: #999;	
}
a.nav:link, a.nav:active, a.nav:visited
{
	color: #135E96;
	text-decoration: none;
}
a.nav:hover
{
	color: #F8B055;
}
/* Cnavigator fin */

/* item */

.item
{
	padding: 10px;
}
.item_date
{
	color: #F69927;
	margin: 0 0 8px 0;
	font-weight: bold;
	font-size: 10px;
}
.item_title
{
	color: #333;
	font-weight: bold;
	margin: 0 0 15px 0;
}
.item_description
{
	margin: 0 0 35px 0;
	line-height: 17px;
}
.item_back
{
	height: 18px;
	text-align: right;
	background: url(img/items_volver.jpg) no-repeat right;
	text-align: right;
	line-height: 18px;
	padding-right: 25px;
}
a.item_link:link, a.item_link:active, a.item_link:visited
{
	color: #135E96;
	text-decoration: none;
}
a.item_link:hover
{
	color: #F8B055;
}
/* fin item */

/* formularios */
.form
{
	margin: 0;
	padding: 0;
}
.input_text
{
	border: 1px solid #F59F2D;
	width: 99%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.textarea
{
	border: 1px solid #F59F2D;
	width: 99%;
	height: 90px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.input_button
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* fin formularios */

/*Quienes somos*/

.quienes
{
	margin: 40px 0 0 0;
	padding-left: 210px;
}
.contenedor_fotos
{
	margin-top: 30px;
}
.fichas
{
	margin: 40px 0 0 0;
	/*padding-left: 210px;*/
}
.ficha_izq
{
	float: left;
}
.ficha_der
{
	float: right;
}