/*
Hoja de estilos realizada para sitio Prepa Net
Sitio realizado por Codice Web Software
Fecha de realización 07/04/2008
*/


/*estilos que anulan los estilos predeterminados de html*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img { border: 0; }
ol,ul { list-style: none; }
caption,th { text-align: left; }

/*terminan estilos predeterminados por html*/



/*estilo para estructura basica de sitio*/

body { background: url(../images/bgSite.gif) repeat-x #2186a5; }

#container
{
	margin: 0 auto;
	width: 995px;
	background: url(../images/bgContent.gif) repeat-y;
	padding: 8px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/******estilos header******/

#head
{
	width: 975px;
	height: 115px;
	background: url(../images/bgHead.jpg) no-repeat top right;
	margin: 0 auto;
}

#headQes
{
	width: 975px;
	height: 115px;
	background: url(../images/bgHeadQes.jpg) no-repeat top right;
	margin: 0 auto;
}

#headAdmision
{
	width: 975px;
	height: 115px;
	background: url(../images/bgHeadAdmision.jpg) no-repeat top right;
	margin: 0 auto;
}

#headEstudia
{
	width: 975px;
	height: 115px;
	background: url(../images/bgHeadEstudia.jpg) no-repeat top right;
	margin: 0 auto;
}

#headEgresa
{
	width: 975px;
	height: 115px;
	background: url(../images/bgHeadEgresa.jpg) no-repeat top right;
	margin: 0 auto;
}


#headProfs
{
	width: 975px;
	height: 115px;
	background: url(../images/bgHeadProfs.jpg) no-repeat top right;
	margin: 0 auto;
}

#headDirect
{
	width: 975px;
	height: 115px;
	background: url(../images/bgHeadDirec.jpg) no-repeat top right;
	margin: 0 auto;
}

#head img, #headQes img, #headAdmision img, #headEstudia img, #headEgresa img, #headProfs img, #headDirect img
{
	float: left;
	position: relative;
	top: 10px;
	left: 30px;
}

/******terminan estilos header******/



/********estilo para footer*******/

#foot
{
	height: 46px;
	background: url(../images/bgFoot.gif) no-repeat bottom;
	clear: both;
}

.footPleca
{
	height: 35px;
	width: 975px;
	background: url(../images/bgTxtFoot.gif);
	margin: 0 auto;
}

.footPleca p
{
	font-size: 11px;
	color: #FFF;
	padding: 10px;
	text-align: right;
}

/*******termina estilo para footer********/

/*termina estilo para estructura basica de sitio*/



/*estilo para imagenes con border flotando a la izquierda o derecha*/

.right, .derecha
{
	float: right;
	margin: 0 0 10px 10px;
	border: 2px solid #34484f;
}

.left, .izquierda
{
	float: left;
	margin: 0 10px 10px 0;
	border: 2px solid #34484f;
}

.centro
{
	border: 2px solid #34484f;
	display: block;
	margin: 0 auto;
}

.rightNoBorder
{
	float: right;
	margin: 0 0 10px 10px;
}

.leftNoBorder
{
	float: left;
	margin: 0 10px 10px 0;
}

.rightMargin
{
	float: right;
	margin: 10px;
	border: 2px solid #34484f;
}

.leftMargin
{
	float: left;
	margin: 10px;
	border: 2px solid #34484f;
}

/*termina estilo para imagenes con border flotando a la izquierda o derecha*/



/*estilo para menu de herramientas en header*/

#tools
{
	float: right;
	padding: 10px;
	font-size: 10px;
	color: #999;
}

#tools li { display: inline; }

#tools li a
{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#tools li a:hover { color: #FFBD6F; }

/*termina estilo para menu de herramientas en header*/



/*estilo para menu principal*/

#menu
{
	width: 973px;
	height: 35px;
	background: url(../images/bgMenu.gif);
	margin: 0 auto 10px auto;
	font-size: 10px;
}

#menu ul
{
	float: right;
}

#menu li { float: left; }

#menu li a
{
	padding: 13px 10px 10px 10px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	background: url(../images/borderBot.gif) no-repeat left;
	border-left: 3px solid #FFF;
}

#menu .especial a
{
	background: url(../images/bgBotEspecial.gif) repeat-x;
}

#menu .especial a:hover { color: #FFD3AF; }

#menu li a:hover { color: #CF7900; }

#menu #activo { background: url(../images/bgBotonOn.gif); }

#menu #activo:hover { color: #FFF; }

#menu .mLeft { float: left; }

#menu .vida a
{
	background: url(../images/bgBotVida.gif) repeat-x;
	border-right: 3px solid #FFF;
	border-left: none;
}

#menu .vida #activo
{
	border-right: 3px solid #FFF;
	border-left: none;
}

/*termina estilo para menu principal*/



/*estilo para barra derecha e izquierda*/

#leftBar
{
	float: left;
	width: 225px;
	position: relative;
	left: 10px;
	margin: 0 0 10px 0;
}

#rightBar
{
	float: right;
	width: 240px;
	position: relative;
	right: 10px;
	margin: 0 0 10px 0;
}

.moduleRight
{
	background: url(../images/bgRightBar.gif);
}

.moduleLeft { background: url(../images/bgLeftBar.gif); }

.moduleRight p, .moduleLeft p
{
	padding: 10px;
	font-size: 10px;
	color: #FFF;
	line-height: 13px;
}

.moduleRight noMargin, .moduleLeft .noMargin { padding: 0 10px 10px 10px; }

.moduleRight .title, .moduleLeft .title
{
	color: #FFF;
	font-weight: bold;
	padding: 10px 10px 0 10px;
}

.moduleRight ul, .moduleLeft ul
{
	font-size: 10px;
	color: #FFF;
	padding: 10px 0 10px 25px;
	list-style: square;
}

.moduleHead
{
	background: url(../images/bgHeadBar.gif);
	height: 30px;
}

.moduleHead h5
{
	color: #FFF;
	padding: 7px 5px;
	font-size: 10px;
}

.moduleHead h5 a
{
	color: #FFF;
	text-decoration: none;
}

.moduleHead h5 a:hover { text-decoration: underline; }

.linksideBar
{
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

.linksideBar:hover { text-decoration: underline; }

.sideList
{
	font-size: 10px;
	color: #FFF;
}

.sideList li
{
	list-style-image: url(../images/bullSideList.gif);
	margin: 3px 0 3px 0;
}

.sideList a
{
	color: #FFF;
	text-decoration: none;
}

.sideList a:hover { text-decoration: underline; }

.listArchivos
{
	font-size: 10px;
	color: #FFF;
	position: relative;
}

.listArchivos li
{
	list-style: none;
	padding: 0;
	margin: 0 10px 0 0;
	clear: both;
}

/*termina estilo para barra derecha e izquierda*/



/*estilo para posicion de modulo central home e interiores*/

#content
{
	width: 479px;
	float: left;
	position: relative;
	left: 10px;
	margin: 0 10px 10px 10px;
	
}

#contentFull
{
	width: 720px;
	float: left;
	position: relative;
	left: 12px;
	margin: 0 0 10px 0;
}

/*termina estilo para posicion de modulo central home e interiores*/



/*estilo para contenido dentro del contenido que abarca 2 columnas contentFull*/

#contentFull p
{
	padding: 10px;
	font-size: 10px;
}

.txtAzul
{
	color: #265879;
	padding: 10px;
	font-size: 10px;
}

/*termina estilo para contenido dentro del contenido que abarca 2 columnas contentFull*/



/*estilo para contenido central gris*/

#greyCont
{
	background: #dfdfdf;
	margin: 0;
}


#greyCont.scroll
{
	overflow: auto;
	overflow-y: none;
	padding: 0 10px 0 0;
}

#greyCont h4
{
	position: relative;
	margin: 0 0 10px 0;
	padding: 10px 10px 0 10px;
	clear: both;
	color: #265879;
	text-decoration: none;
	font-size: 14px;
}

#greyCont h4 a
{
	position: relative;
	margin: 0 0 10px 0;
	padding: 10px 10px 0 10px;
	clear: both;
	color: #265879;
	text-decoration: none;
	font-size: 14px;
}

#greyCont h4 a:hover { text-decoration: none; }

#greyCont h5
{
	color: #265879;
	margin: 0 0 10px 0;
	position: relative;
	padding: 10px 10px 0 10px;
}

#greyCont h6
{
	position: relative;
	margin: 0 0 10px 0;
	padding: 10px 10px 0 10px;
	clear: both;
}


#greyCont p
{
	font-size: 10px;
	line-height: 16px;
	position: relative;
	padding: 0 10px 10px 10px;
}

#greyCont p.mapa
{
	font-size: 10px;
	line-height: 16px;
	position: relative;
	padding: 0 10px 10px 30px;
	color:#698fa9;
}

#greyCont p.hijo a
{
	font-size: 10px;
	line-height: 16px;
	position: relative;
	padding: 0 10px 10px 30px;
	color: #447596;
	font-weight: bold;
}

#greyCont p.hijo a:hover { text-decoration: underline; }

#greyCont p a
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#greyCont p a:hover { text-decoration: underline; }


.openDiv { clear: both; }

/*termina estilo para contenido central gris*/



/*estilo para tablas de consulta (estudiantes y otros)*/

#borderCont
{
	border: 1px solid #666;
	padding: 10px;
} /*el tag en html puede ser omitido y solo poner la tabla*/

#borderCont p
{
	font-size: 10px;
	margin: 0 0 10px 0	;
}

h6
{
	color: #275878;
	margin: 0 0 10px 0;
}

.tablaBoleta
{
	height: 415px;
	overflow: auto;
	overflow-y: none;
	width: 480px;
}

.tabCalifica
{
	font-size: 10px;
	border: 1px solid #000;
	background: #fafafa;
	margin: 0 auto 10px auto;
	width: 460px;


}

.tabCalifica td, .tabCalifica th
{
	padding: 8px 5px;
	border-right: 1px solid #000;
}

.tabCalifica th { background: #BFBFBF; }

.tabCalifica th { border: 1px solid #000; }

.tabCalifica .on { background: #e8e8e8; }


/*termina estilo para tablas de consulta (estudiantes y otros)*/



/*estilo para menu de listados abajo de tabla*/

#menuListados
{
	font-size: .6em;
	color: #FFF;
	margin: 0;
	clear: both;
}

#menuListados li
{
	margin: 0;
	background: #006F8D;
	padding: .6em .1em;
	float: left;
	border-right: 1px solid #FFF;
	letter-spacing: .05em;
	width: 90px;
	text-align: center;
	height: 28px;
	border-bottom: 1px solid #FFF;
}

#menuListados a
{
	color: #FFF;
	text-decoration: none;
}

#menuListados a:hover { text-decoration: underline; }

/*termina estilo para menu de listados abajo de tabla*/



/*estilo para menu de listados arriba de tabla*/

#menuListTop
{
	font-size: 10px;
	color: #FFF;
	float: right;
	position: relative;
}

#menuListTop li
{
	margin: 0;
	background: #000;
	padding: 8px 5px;
	float: left;
	border-right: 1px solid #FFF;
}

#menuListTop a
{
	color: #FFF;
	text-decoration: none;
}

#menuListTop a:hover { text-decoration: underline; }

/*termina estilo para menu de listados arriba de tabla*/


/*estilo para menu de listados full en seccion admision*/

#menuListFull
{
	font-size: .58em;
	color: #FFF;
	clear: both;
}

#menuListFull li
{
	margin: 0;
	background: #000;
	padding: 5px 1px;
	float: left;
	border-right: 1px solid #FFF;
}

#menuListFull a
{
	color: #FFF;
	text-decoration: none;
}

#menuListFull a:hover { text-decoration: underline; }

/*termina estilo para menu de listados full en seccion admision*/


/*estilo para titulo con background azul*/

.titBackAzul
{
	background: #398fb0;
	height: 30px;
}

#greyCont .titBackAzul
{
	background: #398fb0;
	height: 30px;
	margin: 0 0 10px 0;
}

.titBackAzul h5, #greyCont h5
{
	color: #FFF;
	font-size: 10px;
	padding: 8px 10px;
}

.titBackAzul h5 span
{
	font-weight: bold;
	float: right;
	font-size: 9px;
}

/*termina estilo para titulo con background azul*/



/*estilo para tabla de vacantes en seccion profesores*/

.tabVacantes { font-size: 10px; }

.tabVacantes td
{
	padding: 5px 10px;
	vertical-align: top;
	border-bottom: 1px dotted #000;
}

.bordeDerecho { border-right: 1px solid #000; }

.tabVacantes h6
{
	font-size: 10px;
	color: #000;
}

.tabVacantes h6 span { float: right; }

/*termina estilo para tabla de vacantes en seccion profesores*/



/*estilo para curso de actualizacion y consulta de calificacion en seccion profesores*/

#moduloGris
{
	background: #949494;
	width: 233px;
	float: left;
	margin: 10px 0 10px 0;
}

#moduloAzul
{
	background: #398fb0;
	width: 233px;
	float: right;
	margin: 10px 0 10px 0;
}

#moduloGris h6, #moduloAzul h6
{
	color: #FFF;
	padding: 8px 5px;
	border-bottom: 1px solid #FFF;
}

#moduloGris .tabCursos
{
	font-size: 10px;
	margin: 0 0 10px 0;
}

#moduloGris .tabCursos h6
{
	font-size: 10px;
	color: #FFF;
	padding: 0;
	border-bottom: none;
}

#moduloGris .tabCursos h6 span { float: right; }

#moduloGris .tabCursos p
{
	color: #FFF;
}

#moduloGris .tabCursos td
{
	padding: 5px 10px;
	border-bottom: 1px dotted #FFF;
}

#moduloAzul p
{
	color: #FFF;
	font-size: 10px;
	padding: 0 10px 10px 10px;
}

.divNegra
{
	border-bottom: 1px dotted #000;
	margin: 10px 0 10px 0;
}

/*termina estilo para curso de actualizacion y consulta de calificacion en seccion profesores*/



/*estilo para formulario de entrada en barra lateral Side Login*/

.sideLogin
{
	margin: 0 10px 10px 10px;
	font-size: 10px;
	color: #FFF;
}

.sideLogin td { padding: 5px; }


.division { border-bottom: 1px dotted #FFF; }

/*termina estilo para formulario de entrada en barra lateral Side Login*/


/*estilo para tabla de formulario*/

.tabFormulario
{
	font-size: 10px;
	color: #265879;
	margin: 0 auto 10px auto;
}

.tabFormulario td
{
	padding: 5px;
	vertical-align: top;
}

.tabFormulario .txtInp { border: 1px solid #CCC; }

/*termmina estilo para tabla de formulario*/



/*estilo para oportunidades de empleo en seccion egresados*/

#grey2Cont
{
	background: #949494;
	margin: 10px 0 0 0;
}

.tabEmpleo
{
	font-size: 10px;
	color: #FFF;
	margin: 0 0 10px 0;
}

.tabEmpleo th
{
	border-bottom: 1px solid #666;
	padding: 5px 10px;
	vertical-align: top;
}

.tabEmpleo .azul
{
	background: #3a8fac;
	color: #FFF;
	border-left: 1px solid #FFF;
}

.tabEmpleo td
{
	border-bottom: 1px dotted #666;
	padding: 5px 10px;
}

.tabEmpleo a
{
	color: #FFF;
	text-decoration: none;
}

.tabEmpleo a:hover { text-decoration: underline; }

.tabEmpleo h6
{
	color: #FFF;
	font-size: 10px;
}

.tabEmpleo p
{
	color: #FFF;
	margin: 0 0 5px 0;
}

.tabEmpleo .txtEmpleo { color: #006F8D; }

/*tabla alternativa a tabla empleos*/
.tabEmpleo2
{
	font-size: 10px;
	color: #000;
	margin: 0 0 10px 0;
}

.tabEmpleo2 th
{
	border-bottom: 1px solid #666;
	padding: 5px 10px;
	vertical-align: center;
}

.tabEmpleo2 .azul
{
	background: #3a8fac;
	color: #FFF;
	border-left: 1px solid #FFF;
}

.tabEmpleo2 td
{
	border-bottom: 1px dotted #666;
	padding: 5px 10px;
	border-right: 1px solid #FFF;
}

#greyCont .tabEmpleo2 a
{
	color: #388faf;
	text-decoration: none;
}

.tabEmpleo2 a:hover { text-decoration: underline; }

#greyCont .tabEmpleo2 h6
{
	color: #388faf;
	font-size: 10px;
	padding: 0;
}

#greyCont .tabEmpleo2 p
{
	color: #000;
	margin: 0 0 5px 0;
	padding: 0;
}

#greyCont .tabEmpleo2 .txtEmpleo { color: #006F8D; }

/*termina estilo para oportunidades de empleo en seccion egresados*/



/*estilo para login del lado derecho*/

.moduleLogin
{
	margin: 0;
	background: url(../images/bgLogin.gif) no-repeat left bottom #FFB04F;
}

.moduleLogin .headLog
{
	height: 30px;
	background: #3392af;
	margin: 0 0 10px 0;
}

.moduleLogin .headLog h6
{
	color: #FFF;
	padding: 8px 10px 0 10px;
}

.moduleLogin p
{
	color: #FFF;
	font-size: 10px;
	padding: 0 10px;
	margin: 0 0 10px 0;
}


.moduleLogin p a
{
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
}

.moduleLogin p a:hover
{
	text-decoration: underline;
}


.tabLogNaranja
{
	font-size: 10px;
	color: #FFF;
	margin: 0 auto 10px auto;
}

.tabLogNaranja td { padding: 5px 10px 5px 10px; }

.tabLogNaranja .txtInput { border: 1px solid #3392af; }

/*termina estilo para login del lado derecho*/


/*estilo para tabla con menu de los planteles*/

.tabPlanteles
{
	font-size: 10px;
	clear: both;
	border: 1px solid #FFF;
	margin: 0;
}

.tabPlanteles td
{
	border-right: 1px solid #FFF;
	padding: 5px 3px;
	background: #000;
	vertical-align: top;
	text-align: center;
}

.tabPlanteles a
{
	color: #FFF;
	text-decoration: none;
}

.tabPlanteles a:hover { text-decoration: underline; }

/*termina estilo para tabla con menu de los planteles*/


/*estilo para faqs*/

.listFaq
{
	font-size: 10px;
	padding: 0 10px 0 35px;
	margin: 0 0 10px 0;
	list-style: decimal;
	line-height: 15px;
}

.listFaq .ask
{
	color: #006F8D;
	font-weight: bold;
	padding: 0 0 5px 0;
	font-size: 11px;
}

.listFaq li { margin: 0 0 10px 0; }

/*termina estilo para faqs*/


/*estilo para paginacion*/

#paginado
{
	padding: 10px;
	font-size: 10px;
}

#paginado a
{
	padding: 5px 5px 2px 5px;
	border: 1px solid #000;
	background: #AFAFAF;
	color: #006F97;
	text-decoration: none;
	font-weight: bold;
	margin: 0 6px 0 0;
}

#paginado a:hover { color: #26ABCF; }

/*termina estilo para paginacion*/

/*estilo para scroll de en contenidos centrales*/

.scroll
{
	height: 380px;
	overflow: auto;
	position: relative;
}


/*estilo para ligas de foro*/

.foro
{
	font-size: 11px;
	color: #006F8D;
	text-decoration: none;
	font-weight: bold;
}

.foro:hover { text-decoration: underline; }

/*termina estilo para ligas de foro*/