@charset "utf-8";

@font-face {
     font-family:'Latin';
     src: url('../fonts/LATIN_WI.TTF'), format("truetype");
}

/* Salmon sombra #8b7155 - Salmon oscuro #a68867 - Salmon claro #adbf83  - Salmon brillo #f5e2cd*/
a:visited {
	color: #0061a7;
	text-decoration: none;
	font-weight: bold;
}
a:link {
	color: #0061a7;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #007dc1;
	font-weight: bold;
}
a:active {
	text-shadow: 1px 1px 0px #154682;
}

a {
	color: #0061a7;
	text-decoration: none;
	font-weight: bold;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #000000;
	background-image: url(../../am/senegami/fondogris2.jpg);
	overflow-y: scroll;
}
.thrColFixHdr #container {
	width: 1000px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
	background-color: #FFFFFC;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	border: 1px solid #000000;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	/*background-image: url(../../am/senegami/fondogris2.jpg);*/
	
}
.thrColFixHdr #header {
	/*background-image: url(../images/1200x300_Matrix-aclarado.png);*/ /* Salmon oscuro#a68867 Salmon claro#adbf83*/
	/*background-position: -10px -100px;*/
	/*background: #000;*/ 
	/*filter: Alpha(opacity=60); [este funciona en iexplorer]*/
	/*opacity: 0.6; [este funciona en firefox, etc]*/
	
background: -moz-linear-gradient(top,  rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 31%, rgba(107,168,229,1) 42%, rgba(144,191,240,1) 61%, rgba(162,218,245,1) 81%, rgba(252,252,252,1) 90%, rgba(252,252,252,0) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(31%,rgba(144,188,234,1)), color-stop(42%,rgba(107,168,229,1)), color-stop(61%,rgba(144,191,240,1)), color-stop(81%,rgba(162,218,245,1)), color-stop(90%,rgba(252,252,252,1)), color-stop(99%,rgba(252,252,252,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 31%,rgba(107,168,229,1) 42%,rgba(144,191,240,1) 61%,rgba(162,218,245,1) 81%,rgba(252,252,252,1) 90%,rgba(252,252,252,0) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 31%,rgba(107,168,229,1) 42%,rgba(144,191,240,1) 61%,rgba(162,218,245,1) 81%,rgba(252,252,252,1) 90%,rgba(252,252,252,0) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 31%,rgba(107,168,229,1) 42%,rgba(144,191,240,1) 61%,rgba(162,218,245,1) 81%,rgba(252,252,252,1) 90%,rgba(252,252,252,0) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 31%,rgba(107,168,229,1) 42%,rgba(144,191,240,1) 61%,rgba(162,218,245,1) 81%,rgba(252,252,252,1) 90%,rgba(252,252,252,0) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#00fcfcfc',GradientType=0 ); /* IE6-9 */


	
	
	
	padding: 0 10px 0 20px;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
	text-align: center;
	/*border-left: #FFF solid 1px;*/
	/*border-bottom: #000 solid 1px;*/
	/*border-right: #000 solid 1px;*/
	/*border-bottom-right-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;*/
}
.thrColFixHdr #header a:link {
	color: #8C0000;
	text-decoration: none;
	font-weight: bold;
}
.thrColFixHdr #header a:visited {
	text-decoration: none;
	color: #8C0000;
	font-weight: bold;
}
.thrColFixHdr #header a:hover {
	text-decoration: none;
	color: #FF0000;
	font-weight: bold;
}
/*a:active {
	text-decoration: none;
	color: #336;
	font-weight: bold;
}*/
.thrColFixHdr #header a {
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
.headtit1 {
				color: #8C0000;
				font-family: Latin;
				letter-spacing: 2px;
				text-transform: uppercase;
				font-size: 32px;
				font-weight: bold;
			
				text-shadow: 4px 4px 0px rgba(150, 150, 150, 1);
				filter: progid:DXImageTransform.Microsoft.Shadow(color='#111', Direction=45, Strength=1);
}
.headtit2 {
	color: #000;
	font-family:Latin;
	/*letter-spacing: 8px;*/
	font-size: 21px;
	/*font-style: italic;
	text-shadow: #000 1px 1px 0px, #000 -1px -1px 0px;*/
 filter: progid:DXImageTransform.Microsoft.Shadow(color='#111', Direction=45, Strength=1);
	margin-bottom: 5px;
}

.logo{
	float: left;
	margin-left: 20px; 
	margin-top: -140px;
}
.diploma{
	float: left;
	margin-left: 0px; 
	margin-top: 17px;
	margin-right: 20 px;
	
}
.diploma2{
	float: left;
	margin-left: 0px; 
	margin-top: 2px;
	margin-right: 20 px;
}

.thrColFixHdr #header h1 { /* EN DESUSO */
	margin: 0px; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 0px;
	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}
.thrColFixHdr #header h1 span { /* EN DESUSO */
	/*	background:url(images/gradient-white.png) repeat-x;*/
/*	text-shadow: 0px 1px 2px #222;*/
/*	color: rgb(34, 34, 34);*/
	font-size: 95%;
	color: #adbf83;
	text-shadow: #000 0px 1px 1px;
	margin: 0px;
	padding: 0px;
	padding-top: -50px;/*text-shadow:#fff 0px 1px 0, #000 0 -1px 0;*/
}
.thrColFixHdr #sidebar1 { /* EN DESUSO */
	float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 150px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
	background: #EBEBEB; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
	padding: 15px 10px 15px 20px; /* el relleno mantiene el contenido del div alejado de los bordes */
}
.thrColFixHdr #sidebar2 { 
	float: right; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 160px; /* el ancho real de este div, en navegadores que cumplen los estándares, o el modo de estándares de Internet Explorer, incluirá el relleno y el borde además del ancho */
	background: #fff; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
	padding: 5px 10px 15px 0px; /* el relleno mantiene el contenido del div alejado de los bordes */
	margin-top: 0px;
}
.thrColFixHdr #mainContent {
	margin: 0 170px 0 200px; /* los márgenes derecho e izquierdo de este elemento div crean las dos columnas externas de los lados de la página. Con independencia de la cantidad de contenido que incluyan los divs de las barras laterales, permanecerá el espacio de la columna. Puede quitar este margen si desea que el texto del div #mainContent llene el espacio de las barras laterales cuando termine el contenido de cada una de ellas. */
	padding: 0 10px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	min-height: 670px;
}
.thrColFixHdr #footer {
	padding: 0 10px 0 20px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	background-image: url(../images/1200x300_Matrix-20pc.png);
	background-position: 0px -170px;
	text-align:center;
}
.thrColFixHdr #footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
	font-size: 80%;
}

.thrColFixHdr #contadorwarp center{
	font-size: 80%;
	text-align:center;
}
.thrColFixHdr #contadorwarp center a{
	font-size: 60%;
	text-align:center;
}


.floatdcha { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.floatizda { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}




.titulocontainer {
	/*background: url(../images/1200x300_Matrix-aclarado.png) repeat-x -260px -227px;*/
	margin-bottom: 30px;
	/*
	border:#000 solid 0px;
	border-top:hidden;
	*/
	background-color: #555;
	background: #ebf1f6; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #ebf1f6 0%, #abd3ee 26%, #89c3eb 65%, #d5ebfb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ebf1f6), color-stop(26%,#abd3ee), color-stop(65%,#89c3eb), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #ebf1f6 0%,#abd3ee 26%,#89c3eb 65%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #ebf1f6 0%,#abd3ee 26%,#89c3eb 65%,#d5ebfb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #ebf1f6 0%,#abd3ee 26%,#89c3eb 65%,#d5ebfb 100%); /* IE10+ */
	background: linear-gradient(135deg,  #ebf1f6 0%,#abd3ee 26%,#89c3eb 65%,#d5ebfb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	text-align: center;
	color: #007D9D;
	/*text-shadow: 0px 2px 3px #666;*/
	text-shadow: #fff 0px 1px 0, #000 0 -1px 0;
	margin-top: 32px;
	padding: 4px 8px 0px 8px;
	border: #000 solid 1px;
	border-radius: 10px 10px;
}
.titulocontainer h3 {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	/*color: #eee;
	text-shadow: #f4e7a7 1px 1px, #47321a -1px -1px;*/
	margin: 0px;
	padding: 4px;
}
/*.titulocontainer h3{
	font-size:50px;
	font-weight:bold;
	text-align:center;
	color:#aaa;
text-shadow: 1px 2px 3px #eee;
	margin: 0px;
	padding: 0px;
}*/

.titulopesprincipal {
	background-color: #F00;
	/*background: url(../images/gradient-dark-stripe-hz.png) repeat-x;*/

	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */

	color: #eee;
	text-shadow: 1px 2px 3px #777;
	font-weight: bold;
	border: #000 solid 1px;
	border-bottom: hidden;
	padding: 4px 8px 4px 8px;
	display: inline;
	border-top-right-radius: 10px 10px;
	border-top-left-radius: 10px 10px;
}

.tit1 {
	font-size: 14px;
	text-align: center;
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tit2 {
	font-size: 16px;
	text-align: center;
	display: block;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.tit3 {
	font-size: 12px;
	text-align: center;
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tit4 {
	font-size: 11px;
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.tit5 {
	font-size: 85%;
	display: block;
	font-weight:bold;
}


.marcorelieve {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #8E8E8E; /*#4E4E4E;*/
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #262626; /*#040404;*/
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #8E8E8E; /*#4E4E4E;*/
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #262626; /*#4E4E4E;*/
	
-webkit-border-radius: 2px;
-webkit-border-top-left-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius: 2px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-bottomright: 12px;
border-radius: 2px;
border-top-left-radius: 12px;
border-bottom-right-radius: 12px;

	margin-bottom: 20px;
	padding: 0px;
	text-align: center;
	
}
.marcodesprincipal {
	border: #000 solid 1px;
	font-size: 90%;
	padding: 5px;
	margin-top: 3px;
	margin-bottom: 20px;
	border-bottom-right-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;
	text-align:justify;
}
.marcosubtitulo {
	/*border: #000 solid 1px;*/
	font-size: 120%;
	padding: 5px;
	margin-top: -25px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}

.marcopruebalo {
	/*border: #000 solid 1px;*/
	font-size: 120%;
	padding: 5px;
	margin-top: -30px;
	margin-bottom: 0px;
	text-align: center;
	font-weight: bold;
}

.titulopes {
	background-color: #F00;

background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */


	color: #eee;
	text-shadow: 1px 2px 3px #777;
	font-weight: bold;
	border: #000 solid 1px;
	border-bottom: hidden;
	padding: 4px 8px 4px 8px;
	display: inline;
	border-top-right-radius: 10px 10px;
	border-top-left-radius: 10px 10px;
}
.marcodes {
	border: #000 solid 1px;
	font-size: 90%;
	padding: 5px;
	margin-top: 3px;
	margin-bottom: 20px;
	border-bottom-right-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;
	text-align:justify;	
}

.cuadro {
	float:left;
	width:62px;	
	padding-top:10px;
}
.cuadro2 {
	padding-top:10px;
}
.advertencia {
	font-size: 90%;
	font-weight:bold;
	background-color:red;
	color:#eee;
}




/*[[[[[[[[[[ BOTONES PAGINAS ]]]]]]]]]]]]*/

/*#0061a7 -> #339900
  #007dc1 -> #36A800 */
.BotonDescarga a{
	font-size: 15px;
	text-align: center;
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	cursor: pointer;
	text-shadow: 1px 1px 0px #154682;
	
	-moz-box-shadow: inset 0px 0px 0px 0px #54a3f7;
	-webkit-box-shadow: inset 0px 0px 0px 0px #54a3f7;
	box-shadow: inset 0px 0px 0px 0px #54a3f7;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #36A800), color-stop(1, #339900));
	background: -moz-linear-gradient(top, #36A800 5%, #339900 100%);
	background: -webkit-linear-gradient(top, #36A800 5%, #339900 100%);
	background: -o-linear-gradient(top, #36A800 5%, #339900 100%);
	background: -ms-linear-gradient(top, #36A800 5%, #339900 100%);
	background: linear-gradient(to bottom, #36A800 5%, #339900 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36A800', endColorstr='#339900', GradientType=0);
	background-color: #36A800;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8E8E8E; /*#4E4E4E;*/
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #262626; /*#040404;*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8E8E8E; /*#4E4E4E;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #262626; /*#4E4E4E;*/
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 4px;
	max-width: 300px;
}

.BotonDescarga a:hover{
	color: #FFF;
	font-weight: normal;
	display: block;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #339900), color-stop(1, #36A800));
	background: -moz-linear-gradient(top, #339900 5%, #36A800 100%);
	background: -webkit-linear-gradient(top, #339900 5%, #36A800 100%);
	background: -o-linear-gradient(top, #339900 5%, #36A800 100%);
	background: -ms-linear-gradient(top, #339900 5%, #36A800 100%);
	background: linear-gradient(to bottom, #339900 5%, #36A800 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#339900', endColorstr='#36A800', GradientType=0);
	background-color: #339900;
}

.BotonDescarga a:active{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #262626; /*#4E4E4E;*/
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #8E8E8E; /*#040404;*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #262626; /*#4E4E4E;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8E8E8E; /*#4E4E4E;*/
	position: relative;
	top: 1px;
	left: 1px;
}


.Botonlink{
	font-size: 14px;
	font-weight: bold;
}
.BotonTextBig{
	font-size: 18px;
	font-weight: normal;

}


.Botonlink a{
	text-align: center;
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FEF;
	cursor: pointer;
	text-shadow: 1px 1px 0px #154682;
	
	-moz-box-shadow: inset 0px 0px 0px 0px #54a3f7;
	-webkit-box-shadow: inset 0px 0px 0px 0px #54a3f7;
	box-shadow: inset 0px 0px 0px 0px #54a3f7;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7', GradientType=0);
	background-color: #007dc1;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8E8E8E; /*#4E4E4E;*/
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #262626; /*#040404;*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8E8E8E; /*#4E4E4E;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #262626; /*#4E4E4E;*/
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 4px;
	max-width: 300px;
}


.BotonTextBig a{
	text-align: center;
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FEF;
	cursor: pointer;
	text-shadow: 1px 1px 0px #154682;
	
	-moz-box-shadow: inset 0px 0px 0px 0px #54a3f7;
	-webkit-box-shadow: inset 0px 0px 0px 0px #54a3f7;
	box-shadow: inset 0px 0px 0px 0px #54a3f7;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7', GradientType=0);
	background-color: #007dc1;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8E8E8E; /*#4E4E4E;*/
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #262626; /*#040404;*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8E8E8E; /*#4E4E4E;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #262626; /*#4E4E4E;*/
	margin-bottom: 0px;
	margin-top: 15px;
	padding: 4px;
	max-width: 400px;
}

.Botonlink a:hover{
	color: #FFF;
	display: block;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1', GradientType=0);
	background-color: #0061a7;
}

.BotonTextBig a:hover{
	color: #FFF;
	display: block;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1', GradientType=0);
	background-color: #0061a7;
}

.Botonlink a:active{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #262626; /*#4E4E4E;*/
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #8E8E8E; /*#040404;*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #262626; /*#4E4E4E;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8E8E8E; /*#4E4E4E;*/
	position: relative;
	top: 1px;
	left: 1px;
}









.BotonTextBig a:active{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #262626; /*#4E4E4E;*/
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #8E8E8E; /*#040404;*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #262626; /*#4E4E4E;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8E8E8E; /*#4E4E4E;*/
	position: relative;
	top: 1px;
	left: 1px;
}









/*Reglas especiales*/

.ocultador{
	color: #E14900;
	text-decoration: none;
	font-weight: bold;
	cursor:pointer;
	margin: 10px 0px 0px 0px;
	display:inline-block; /* Este hace que solo se pinche en el texto */
	/*border:#000 solid;*/
}
.ocultador span:hover{
	color: #FF5C0F;
}
.ocultable{
	display:none;
	padding: 0px 0px 0px 10px;

}






/*Menu horizontal*/
#menu {
	font-size:90%;
}
#menu ul {
	margin:0 auto;
	padding:0;
	/*display:table;*/ /*Esto hace que aparezca centrado y se necesita darle margin-top: -1px;, menos en IE*/
	white-space:nowrap;
	/*list-style:none;*/ /*No se notan cambios al desactivar esto*/
	height:2em;
	/*position:relative;*/ /*Esto hace que aparezca centrado, menos en IE*/
	font-size:0.9em;
	padding-left: 10px; /*Margen para que empiezen las pestañas a 10px del contenido*/
}
#menu li {
	display:table-cell;
	margin:0;
	padding:0;
	margin-bottom: 1px;
}
#menu li a {
	display:block;
	float:left;
	height:2em;
	line-height:2em;
	color:#333;
	text-decoration:none;
	font-family:arial, verdana, sans-serif;
	font-weight:bold;
	/*text-align:center;*/
	padding:0 0 0 12px;
	cursor:pointer;
	background:url(../images/menupest/pro_seven_0a.gif) no-repeat;
	border-bottom: #55b5fb solid 1px;
	margin-right: 2px;
}
#menu li a b {
	float:left;
	display:block;
	padding:0 12px 0 0;
	background:url(../images/menupest/pro_seven_0b.gif) no-repeat right top;
	border-bottom: #55b5fb solid 1px;
}
#menu li.current a {
	color:#000;
	background:url(../images/menupest/pro_seven_2a.gif) no-repeat;
	border-bottom: #ffffff solid 1px;
}
#menu li.current a b {
	background:url(../images/menupest/pro_seven_2b.gif) no-repeat right top;
	border-bottom: #ffffff solid 1px;
}
#menu li a:hover {
	color:#000;
	background: url(../images/menupest/pro_seven_1a.gif) no-repeat;
}
#menu li a:hover b {
	background:url(../images/menupest/pro_seven_1b.gif) no-repeat right top;
}
#menu li.current a:hover {
	color:#000;
	background: url(../images/menupest/pro_seven_2a.gif) no-repeat;
	cursor:default;
	border-bottom: #ffffff solid 1px;
}
#menu li.current a:hover b {
	background:url(../images/menupest/pro_seven_2b.gif) no-repeat right top;
	border-bottom: #ffffff solid 1px;
}
#code_div {
	border:#55b5fb solid 1px;
	/*margin-top: 0px;*/
	padding: 2px 5px 2px 5px;
}
#css_div {
	display:none;
	border:#55b5fb solid 1px;
	/*margin-top: 0px;*/
	padding: 2px 5px 2px 5px;
}
#ics_div {
	display:none;
	border:#55b5fb solid 1px;
	/*margin-top: -1px;*/
	padding: 2px 5px 2px 5px;
}
.off {
	
}