/******* CSS GENERAL ***********************************************************************/

BODY  {	
	background: #335056; 
	font-family: trebuchet ms, arial,helvetica;	
	font-size : 9pt;
	color : #a7c4ca; /* azul claro */
	height:100%; 
	margin: 0px auto;
   	overflow:auto;

}


table.main{
	border-left:1px solid #000000;	
	border-right:1px solid #000000;	
	/*border-left:1px solid #5f9295;	
	border-right:1px solid #5f9295;	*/
}

td.lateral{
	background:url(imgs/lateral.jpg) no-repeat;background-position: bottom left;
	min-height: 517px;
}
td.pie{
	background:url(imgs/pie.jpg) no-repeat;background-position: top left;
	height:36px;
	text-align:right;
}

#creditos{
position:relative;
display:block;
width: 100%
font-size:8pt;
color:#4e8586;
text-align:center;
}



/******* MENU PRINCIPAL *************************************************************************/

#menuppal{
	position:relative;
	display:block;
	margin-top:100px;
	margin-bottom:250px;
	border: 0px solid #cc0000;
}
		a {outline: none}
		
		.inicio, .escuela, .cursos, .profesores, .galeria, .contacto, .tablon, .fin{
			display: block;
			width: 227px;
			height: 20px;
            /*background: url(imgs/menu.png) no-repeat;background-position: 0px 0px;*/
			text-indent: -9999px;
			border: 0px solid #ffffff;
			}
		a.inicio:link, a.inicio:visited, a.inicio:active , a.inicio:hover {background: url(imgs/menu.png) no-repeat;background-position: 0px 0px;}

		a.escuela:link, a.escuela:visited, a.escuela:active {background: url(imgs/menu.png) no-repeat;background-position: 0px -20px;}
		a.escuela:hover {background-position: -227px -20px;}

		a.profesores:link, a.profesores:visited, a.profesores:active {background: url(imgs/menu.png) no-repeat;background-position: 0px -40px;}
		a.profesores:hover {background-position: -227px -40px;}

		a.cursos:link, a.cursos:visited, a.cursos:active {background: url(imgs/menu.png) no-repeat;background-position: 0px -60px;}
		a.cursos:hover {background-position: -227px -60px;}

		a.galeria:link, a.galeria:visited, a.galeria:active {background: url(imgs/menu.png) no-repeat;background-position: 0px -80px;}
		a.galeria:hover {background-position: -227px -80px;}

		a.contacto:link, a.contacto:visited, a.contacto:active {background: url(imgs/menu.png) no-repeat;background-position: 0px -100px;}
		a.contacto:hover {background-position: -227px -100px;}

		a.tablon:link, a.tablon:visited, a.tablon:active {background: url(imgs/menu.png) no-repeat;background-position: 0px -120px;}
		a.tablon:hover {background-position: -227px -120px;}

		a.fin:link, a.fin:visited, a.fin:active , a.fin:hover {background: url(imgs/menu.png) no-repeat;background-position: 0px -140px;}



#tit_pags{
	position:relative;
	display:block;
	float:left;
	width:100%;
	left:100px;
	font-style:italic;
	font-size : 20pt;
	color : #5f9295; /* azul claro */
}


#cnts{
	position:relative;
	display:block;
	float:left;
	width:88%;
	left:60px;
	top:10px;
	font-size : 9pt;	
	/*font-style:italic;
	color : #5f9295; /* azul claro */*/
}

#separador{
	background-color: #f1ae29; 
	position:relative;
	display:block;	
	width:100%;
	height:1px;
	float:left;
}

A  {font-size : 9pt;text-decoration : none; font-variant: small-caps; color:#83aeb1; font-weight: bold;}
A:Visited  {font-size : 9pt;text-decoration : none;	font-variant: small-caps; color:#83aeb1; font-weight: bold;}
A:Active  {font-size : 9pt;text-decoration : none;	font-variant: small-caps; color:#83aeb1; font-weight: bold;}
A:Hover  {font-size : 9pt;text-decoration : none; text-transform: uppercase; color:#ffffff; font-weight: bold;}

/****************************************************** general *********************************/
p.escuela{
	font-size : 9pt;
	color : #a7c4ca;
	text-align:justify;
}
 
/****************************************************** para los scrollers *********************************/
#cnts_all{
	font-size : 9pt;
	float:left;
	display:block;
	position relative;
	float: left;
	width:550px;
	height:450px;
	overflow:hidden;
	top:0px;
	left:0px;
	border-bottom: 0px solid #3f626a;
}
#botones{
	display:block;
	width:100%;
	height:20px;
	position:relative;
	float:left;
	right:15px;
	top:5px;
	}	

/******** SECCION CURSOS  **************************************************************************************************************/
#detcursos{
	float:left;
	display:block;
	position relative;
	float: left;
	width:375px;
	height:300px;
	overflow:hidden;
	top:0px;
	left:0px;
	font-size : 9pt;
	border: 0px solid #3d7e81;
}

td.smenucursos{
	border-right:1px solid #3d7e81; 
}
#menucursos{
	position relative;
	display:block;
	float:left;
	width:98%;
	text-align:center;
	padding:6px;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #589295;
	border-bottom: 1px solid #589295;
	background-color: #3f626a; 

}

#gralcursos{
	display:block;
	position relative;
	float: left;
	margin-top: 5px;
	border: 0px solid #cc0000;

}
p.hdcurso{font-size : 12pt;font-variant: small-caps; color:#e1ba00;}
p.hd{font-style:italic;	font-size : 18pt;color : #5f9295; }




/************************************* GALERIA *************************/

.PopBoxImageSmall
{
   border: none 0px white;
   cursor: url("imgs/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
   border: solid thin #649599;
   background:#ffffff;
   cursor: url("imgs/magminus.cur"), pointer;
} 

.pbCaption{
background-color:transparent;
}

img.thumb {
	border:1px solid #649599;
	padding:1px;
	background:#335054;
  } 

/************************************* TABLON DE ANUNCIOS *************************/
td.tablon_hd{
background-color:#000000;
border: 1px solid #7FADB0;
padding: 3px;
font-size:10pt;
text-align:center;
}

td.tablon_shd{
background-color:#000000;
border: 1px solid #7FADB0;
padding: 3px;
font-size:9pt;
font-weight:bold;
text-align:left;
}

td.tablon_sm{
font-size:10pt;
color:#5b9191;
text-align:left;
}
td.tablon_det{
font-size:9pt;
}
/******** FORMULARIO Y ELEMENTOS  **************************************************************************************************************/

SELECT, OPTION {
font-family:Trebuchet MS,verdana,arial,helvetica;
font-style:normal; 
font-weight:normal; 
font-size: 8pt; 
color:#000000; 
background-color:#609293; 
border-width:1px; 
border-color:#000000; 
border-style:solid

}

TEXTAREA, INPUT{
font-family:'Trebuchet MS'; 
font-style:normal; 
font-weight:normal; 
font-size: 8pt;
color:#000000; 
background-color:#609293; 
border-width:1px; 
border-color:#000000; 
border-style:solid
}

INPUT.boton{
color:#000000; 
background-color:#609293; 
border-width:1px; 
border-color:#023248; 
border-style:solid;
}

table.form{
border-width:1px; 
border-color:#7FADB0; 
border-style:dotted;
}

td{
font-size:9pt;
padding: 3px;
}