/******** Tabla de Contenidos *******/
/*----------------------------------*/
/***** Configuraciones Globales *****/
/***** Encabezados              *****/
/***** Formatos Comunes         *****/
/***** Links                    *****/
/***** Menu                     *****/
/***** Formas                   *****/
/***** Tablas                   *****/
/***** Clases Globales          *****/
/***** Secciones                *****/
/*----------------------------------*/

/*Notas:

*/

/***** Configuraciones Globales *****/

* 
{
	margin:0;padding:0;}  

html, body
{
	border:0;
	margin:0 auto;
	padding:0;}

body
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#0A5889;
	font-size:62.5%;
	background-color: #E1E9F6;
	background-image:url(Imagenes/fondo.gif);}

/***** Encabezados*****/
 
h1, h2, h3, h4, h5, h6 
{
	margin:0;
	padding:0;}

h1, h3, h5
{
    font-weight: 900;}

h2, h4, h6 
{
	letter-spacing:-1px;
	font-weight: 100;}

h1, h2
{
	font-size:3.5em;
	padding: 10px 0 5px 0;}
 
h3, h4
{
	font-size:2.2em;
	padding: 5px 0 5px 0;}

h5, h6
{
	font-size:1.8em;
	padding: 5px 0 0 0;}

/***** Formatos Comunes*****/

strong
{
	font-size:1.1em;
	line-height:1.3em;
    font-weight:bold;}
 
p, ul, ol 
{
	margin:0;
	padding:0 0 1.25em 0;
	font-size: 1.2em;
	line-height: 1.4em;}


ul, ol 
{
	padding:0 0 1.25em 2.5em;}

ul ul
{
	font-size: 100%;}
	
ul li
{
	margin-bottom: 10px;}
	
.dos_columnas li
{ 
    float:left;
    width:50%;}    
 
blockquote 
{
	margin:1.25em;
	padding:1.25em 1.25em 0 1.25em;}
 
small 
{
	font-size:0.85em;}
 
img 
{
	border:0;}
 
sup 
{
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;}
 
sub 
{
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;}
 

acronym, abbr
{
	cursor:help;}
 
/***** Links *****/
 

a, a:link, a:visited, a:hover 
{
	text-decoration:underline;
	font-size:1.2em;}

a.current
{
	color:#d76018;}

a:link
{
	color: #d76018;
	
}

a:visited
{
	color:#d76018;}

a:hover
{
	color:#0A5889;}

a:active 
{
	color:#262959;}
	
a.botonSup,a.botonIzq,a.botonIni,a.botonFin
{    
	display:block;
	font-size:2em;
	line-height:1.4em; 
	color:#FFFFFF; 
	text-decoration:none;
	height:40px;
	padding-top:10px;}

a.botonIni,a.botonSup, a.botonFin
{   
	float:right; 
	
	margin-left:0px;}
    
a.botonIni,a.botonSup
{   
    padding-right:14px; 
    border-right:3px groove #c57600;}

a.botonIni
{
	background:url(Imagenes/Botones.gif) no-repeat left bottom; 
	padding-left:30px; }
	
a.botonFin
{
	background:url(Imagenes/Botones.gif) no-repeat right bottom; 
	padding-left:14px; 
	padding-right:30px; }	

a.botonSup
{
	background:url(Imagenes/Botones.gif) no-repeat -35px  bottom;
	padding-left:14px; }
a.botonIzq
{
	background:url(Imagenes/BotonesIzq.gif) no-repeat left top; 
	width:200px;
	text-align:center;
	margin:0px 0px 23px 0px}

a.botonIni:hover
{
	background-position:left top;}  
	
a.botonSup:hover
{
	background-position:-40px top;} 
	
a.botonFin:hover
{
	background-position:right top;}         

a.botonIzq:hover
{
	background-position:0px bottom; }
	
/* Para usarse con fondo liso, redondeo en los dos lados y tamaño variable

a.botonSup span
{
	display:block;
	 float:left;
	 background:url(Imagenes/Botones.gif) no-repeat right top; 
	 height:33px; 
	 padding-left:10px; 
	 padding-top:10px; 
	 padding-right:45px; 
	 margin-left:35px; 
	 cursor:pointer}

a.aboton:hover span
{
	background-position:right bottom;}*/



/***** Formas *****/
 
/*form
{
	margin:0;
	padding:0;
	display:inline;}*/

input, select, textarea
{
	font:1em Arial, Helvetica, sans-serif;}
 
textarea
{
	width:100%;
	line-height:1.25em;}
 

/***** Tablas *****/

table
{
	border:0;
	margin: 0 0 0 0;
	padding:0;}
 
table tr td
{
	padding:0px;}

 
/***** Clases Globales *****/
 

.clear { clear:both; }
.clearfloat {clear:both; height:0px;}
.float-left { float:left; }
.float-right { float:right; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.text-underline { text-decoration:underline; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }

.img-left { float:left;margin:10px}
.img-right { float:right;margin:10px}

.nopadding { padding:0; }
.no-margin { margin:0;}
.padding5 {padding:5px 0 0 0;}
.noindent { margin-left:0;padding-left:0; }
.nobullet { list-style:none;list-style-image:none; }
.compacto { line-height:0.85em; }


/***** Secciones  *****/

/*Master1*/

#DivMaster1
{
	width:964px;
	margin:auto;
	position:relative;}

a.logoMaster 
{
	display: block;
	width:229px;
	height:199px;
	float: left;
	background-image:url(Imagenes/Logo.gif);}
	
	
a.logoMaster:hover
{
	background-position:0px bottom;}


    
	
#Banner
{
	float: left;
	width: 735px;
	height: 140px;
	margin-top:40px;}
	
#MarcoBanner
{   
    z-index:999; 
    position:relative;  
    top:-180px;
    margin-bottom:-180px;}
    
#Datos
{   
    z-index:1000; 
    position:relative;  
    top:-170px;
    text-align:right;
    font-weight:900;
    font-size:1.2em;
    word-spacing:-2px;
    line-height:1.1em;
    
    
    }  

#TopNav
{
	position: relative;
	top:-10px; }
	
#Pie
{
    background-image: url(Imagenes/Pie.gif);
	background-color:#0A5889;
	height:10px;}
	
/*Master2*/

#Div2a
{
	position:absolute;
	z-index:1;}
	
#Div2b
{   
	position:relative;
	float:right;
	min-height:490px;}
	

/*Master3*/

#Div3
{   
	float:right;
	height:490px;
	width:280px;
	margin-left:20px;
	overflow:hidden;}
		
#Div3Titulo
{
	height:50px;
	font-size:2em; 
	color:#FFFFFF;
	text-align:center; 
	padding-top:5px;
	background:url(Imagenes/SeccionLateral.gif) no-repeat  left -14px;}

#Div3Cuerpo
{
	height:406px;
	margin-top:-5px;
	padding: 10px 10px 10px 0px;
	font-size:1.2em;
	font-weight:bold;
	background-color:#fff;}
	
#Div3Cuerpo li 
{    
	margin-bottom:12px;}
	
#Div3Pie       
{
	height:14px;
	background-image:url(Imagenes/SeccionLateral.gif);}
	
/*Master4*/

#Semicirculo
{
	float:left;
	background-image: url(Imagenes/Semicirculo.gif);
	background-position: 0 -35px;
	width:106px;
	height:500px;
}

#Semicirculo img
{
	float:right;
	margin-right:20px;
	margin-top:105px;}
	  
#Div4
{   
	position:relative;
	float:left;
	width:590px;
	min-height:480px;
	padding: 20px;
	font-size:1.4em;}
	
#Fondo4
{
	position:absolute;
	right:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:-1;
	background-color:#fff;
	border:1px solid #fff;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;}
	
/*Master5*/

#SemicirculoBlanco, #Fondo5
{
	float:left;
	height:480px;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;*/}
	
#SemicirculoBlanco
{
	position:relative;
	background-image: url(Imagenes/SemicirculoBlanco.gif);
	background-position: 0 58px;
	background-repeat:no-repeat;
	width:104px;}

#Fondo5
{
	width:340px;
	background-color:#fff;}
	
#Div5
{
	position:absolute;
	width:405px;
	height:480px;
	padding:20px;}
	
#Div5 h1
{
	text-align:center;
	font-weight:bolder;
	margin-left:100px;
	padding-top:0;}
	
#Foto5        
{
	position:absolute;
	top:90px;
	left:40px;
	width:375px;
	height:460px;}
	
#ContenidoInferior
{
	position:absolute;
	top:280px;
	right:0px;
	width:425px;
	min-height:60px;
	padding:30px;
	font-size:1.2em;
	text-align:right;}   

/*MasterMaterias*/
	
#DivMaterias
{   
	position:relative;
	min-height:590px;
	width:924px;
	padding: 20px;
	font-size:1.4em;
	margin-bottom:10px;}
	
#FondoMaterias
{
	position:absolute;
	right:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:-1;
	background-color:#fff;
	border:1px solid #fff;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;}

#DivMatA, #DivMatB
{
	width:432px;
	padding:0 10px 0 10px}

#DivMatA h6, #DivMatB h6
{
	text-transform: capitalize;}
	   
/*Inicio*/

#FotosSWF 
{   
	float:right;}
	
	
/*Conócenos*/    

#SubMenuConocenos, #SubMenuMaterias
{
	 margin-top:20px;
	 text-align:center;}


#SubMenuConocenos a, #SubMenuMaterias a {
	 color:#3A6376;
	 font-size:1.4em;
	 text-decoration:none;
	 background-color:#CDDAEA;
	 margin-right:6px;
	 padding:3px;}

#SubMenuConocenos a.selected {
	 color:#CDDAEA;
	 font-size:2.2em;
	 background-color:#3A6376;}

#Video, #Mision, #Vision, #Proyecto, #Materias, #Cuarto, #Quinto, #Sexto {
	float:left;
	width:570px;
	background:##E1E9F6;
	font-size:1.3em;
	text-align:center;
	padding:40px 0 20px 0;}
	
/*Alumnos*/  

.Alumnos
{
	background-image: url(Imagenes/Fotos/Alumnos.png);
	background-repeat:no-repeat;}

/*Comunidad*/  
	
.Comunidad
{
	background-image: url(Imagenes/Fotos/Comunidad.png);
	background-repeat:no-repeat;}    

/*Contacto*/     
	
 #Contacto
 {
	 text-align: left;
	 padding:20px 20px 20px 20px;}
	 
/*@Inhumyc - GoogleApps*/     

.ColapsiblePanel
{
	border: 1px solid #4C6CB5;
	outline: 1px solid #6597CF;}

.collapsePanelHeader
{
	height:33px;
	padding-top:4px;}

.HeaderContent
{
	padding-left:4px;}

.HeaderText
{
	width: 89%;
	height: 25px;
	padding-left: 4px;
	padding-top:5px;
	float:left;
	font-size:0.8em;}

.HeaderText a
{
	text-decoration:none;}        

.Content
{
	 padding-left:6px;
	 padding-right:10px;      
	 font-size:0.7em;}

.ArrowExpand:hover, .ArrowClose:hover
{
	cursor: help;}

.ArrowExpand, .ArrowClose
{
	width:16px;
	height:16px;
	float:right;
	margin-right:4px;
	margin-top:5px;}

.ArrowExpand
{
	background-image: url(Imagenes/arrow_down.png);}

.ArrowClose
{
	background-image: url(Imagenes/arrow_up.png);}
	
.mail,.calendar,.wave,.mobile,.contacts,.docs,.sites,.chat,.iGoogle,.pages{
	  
	background-image:url(Imagenes/GoogleIcons.gif);
	display:block;
	height:25px;
	width:25px;
	float:left;
}

.mail       {background-position:0px 0px;}
.calendar   {background-position:0px -25px;}
.wave       {background-position:0px -50px;}
.mobile     {background-position:0px -75px;}
.contacts   {background-position:0px -100px;}
.docs       {background-position:0px -125px;}
.sites      {background-position:0px -150px;}
.chat       {background-position:0px -175px;}
.iGoogle    {background-position:0px -200px;}
.pages      {background-position:0px -225px;}
.mail:hover     {background-position:-25px 0px;}
.calendar:hover {background-position:-25px -25px;}
.wave:hover     {background-position:-25px -50px;}
.mobile:hover   {background-position:-25px -75px;}
.contacts:hover {background-position:-25px -100px;}
.docs:hover     {background-position:-25px -125px;}
.sites:hover    {background-position:-25px -150px;}
.chat:hover     {background-position:-25px -175px;}
.iGoogle:hover  {background-position:-25px -200px;}
.pages:hover    {background-position:-25px -225px;}
	
/*Galerías*/

#Galeria
{
	overflow:auto;}
	
/*Conócenos*/
/*Nota:Ver Conocenos    */

#SubMenuMaterias a {
	 font-size:2em;}

#SubMenuMaterias a.selected {
	 font-size:4em;}

#Materias, #Cuarto, #Quinto, #Sexto {
	padding:10px 10px;
	font-size:1.6em;}
	
 /*Extraescolar*/

.Extraescolar
{
background-image: url(Imagenes/Fotos/Extraescolar.png);
background-repeat:no-repeat;}    

/*Extraescolar*/

.EspAcademico
{
background-image: url(Imagenes/Fotos/EspacioAcademico.png);
background-repeat:no-repeat;}    

	
/*Pruebas*/  
  
#Divp1, #Divp2, #Divp3, #Divp4
{
	
	border:2px solid red;
	 left:0px;
	 top:0px;}
	
#Divp1
{
	border-color:Blue;
	width:200px;
	height:2050px;
	padding:10px; }    
	
#Divp2
{
   background-color:Gray;
   z-index:-1;
   border-color: Lime;
   width:100%;
   height:100%}   
		
#Divp3
{
   z-index:1; 
	border-color: Fuchsia;}
#Divp4
{
   z-index:2;
   top:0px; }        
	

/*******

   /* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;}
*******/