@charset "utf-8";
body {
	margin-top:0px;
}
.img {
	text-align:center;
}
.cuerpo_tabla {
	background-image: url(background%20copy.png);
	background-repeat:  repeat-y;
}
.tabla_izq {
	background-image: url(tabla_izq.png);
	background-repeat:  repeat-y;
	width: 20px;
}
.tabla_der {
	background-image: url(tabla_der.png);
	background-repeat:  repeat-y;
	width: 18px;
}
.tabla {
	width: 940px;
}

.tablaabajo {
	background-image: url(tabla_abajo.png);
	background-repeat: no-repeat;
	height: 40px;
}
.navegacion {
	width: 200px;
	vertical-align: top;
}
.navegacion ul li{
	margin-left:10px;
}

.contenido {
	margin:5px;
	width: 540px;
	vertical-align: text-top;
}

.contenido  p{/*, ul li{*/
	text-align: justify;
	margin-right: 10px;
	margin-left: 40px;
	font-size: small;
}
.contenido  ul li{
	text-align: justify;
	margin-right: 10px;
	margin-left: 10px;
	font-size: small;
}
.contenido  h1{
	color: #0E2E7C;
	text-align: left;
	font-size: large;
	text-decoration: none;
	margin-left: 10 px;
}
.contenido  h2{
	color: #0E2E7C;
	font-size: medium;
	text-align: left;
	margin-left: 25px;
}
.contenido  h2 a, a:visited{
	color: #103C9F;
}
.contenido  h3{
	color: #0E2E7C;
	font-size: small;
	text-align: left;
}
.contenido table tr td{
	text-align:left;
}
.contenido img{
	border:0px;
}

.tabla_cursos{
	text-align:left;
	font-size:small;
	vertical-align: text-top;
}

.contacto {
	width: 892px;
	vertical-align: text-top;
	text-align:center;
	font-size:x-small;
}
.leads{
	margin:5px;
	width: 160px;
	vertical-align: text-top;
	background-color: #003366;
}
.leads table,.leads a,.leads a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

.leads table td{
	vertical-align:middle;
	height:70px;
	font-size:95%;
}
.leads img{
	border:0px;
}
.tabla_arriba {
	height: 158px;
	width: 940px;
	background-image: url(Banner.png);
	background-repeat: no-repeat;
}
.menu_horizontal {
	vertical-align: middle;
	text-align: center;
	background-color: #DDDDDD;
}
.menu_horizontal a {
	display: block;
	color:#000066;
	text-decoration:none;
	font-weight: bold;
}

.menu_horizontal a:hover {
	color:#FFFFFF;
	background-color: #3333FF;
}
#apDiv1 {
	position:relative;
	top:160px;
	width:899px;
	height:25px;
	opacity :.8;
	z-index:1;
	background-color: #FFFFFF;
	background-position: center;
	vertical-align: middle;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	marker-offset: 25px;
}

.applemenu{
	margin: 5px 0;
	padding: 0;
	width: 185px; /*width of menu*/
	border: 1px solid #9A9A9A;
	vertical-align: top;
}


.applemenu div.silverheader a{
	background: black url(javascript/silvergradient.gif) repeat-x center left;
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 5px 0;
	padding-left: 8px;
	text-decoration: none;
}
.applemenu div.silverheadera a{
	background: black url(javascript/silvergradientover.gif) repeat-x center left;
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 5px 0;
	padding-left: 8px;
	text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}

.applemenu2{
	margin: 15px 0;
	margin-left:20px;
	padding: 0;
	width: 195px; /*width of menu*/
	border: 1px solid #9A9A9A;
	vertical-align: top;
}

.applemenu2 div.silverheader a{
	background: black url(javascript/silvergradient.gif) repeat-x center left;
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 5px 0;
	padding-left: 8px;
	text-decoration: none;
}

.applemenu2 div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}

.applemenu2 div.silverheader a:hover{
	background-image: url(javascript/silvergradienthover.gif);
	color: white;
}

.applemenu div.selected a{
	background-image: url(javascript/silvergradientover.gif);
	color: white;
}
.applemenu div.silverheader a:hover{
	background-image: url(javascript/silvergradienthover.gif);
	color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
	background: white;
	padding: 5px;
	height: auto;
}

.applemenu div.submenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
	text-align:justify;
	left: 15px;
	
}

.applemenu div.submenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}

.applemenu div.submenu ul li a{
	color: #0E2E7C;
	background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	border-bottom: 1px solid #dadada;
	font-size: 90%;
}

.applemenu div.submenu ul li a:visited{
	color: #0E2E7C;
}

.applemenu div.submenu ul li a:hover{ /*hover state CSS*/
	color: #0E2E7C;
	background-color: #F3F3F3;
}

.applemenu div.submenu ul.sub{	
	font-size:90%;
}

.applemenu ul.sub li{
	margin-left: 19px;
}
.tabla .contenido .bannerProd {
	text-align: center;
	height: 100px;
	width: 530px;
	margin-top:5px;
}
.tabla .contenido #tabla_dir p {
	background-position: left;
	text-align: left;
	margin-left: 5px;
}
.contactoindex{
	color: #FFFFFF;
	background-color: #003366;
	text-align:left;
	vertical-align:text-top;
	font-size:80%;
}

.contactoindex a, .contactoindex a:visited{
	color: #FFFFFF;
	text-decoration:none;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('square-gray-left3.gif') no-repeat top left;
display: block;
float: left;
font: normal 23px Arial; /* Change 12px as desired */
line-height: 61px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 69px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
margin-bottom: 5px;
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
	background: transparent url('square-gray-right3.gif') no-repeat top right;
	display: block; /*Set 9px below to match value of 'padding-left' value above*/
	width:195px;
	padding-top: 4px;
	padding-right: 9px;
	padding-bottom: 4px;
	padding-left: 0;
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden;
	margin-left:20px;
	padding: 0;
	width: 195px; /*width of menu*/
	vertical-align: top;
	margin-top: 15px;
}
.buttonwrapper img{
border:0px;
}