@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;}
/*tr{
	background:#007229;
	border: #007229;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;}*/
p, textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	color: #000;
	padding-left: 8px;
	line-height: 150%;
}

.p2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: center;
	color: #000;
	padding-left: 8px;
	line-height: 150%;
	
}

autor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000;
	padding-left: 8px;
	
}
	li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #005BC3;
	text-align: left;
}

h2b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#FFF;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#849794;
}



h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #849794;
	text-align: left;
}

#cintilla{
	margin:0 auto 0 auto;	
	background-color:#3CD52D;
	width:1280px;
}

h5 {
	margin-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#5F7774;
}

cint1{
	color: #990000;
		background-color: #FC9804;
		
	}
	
letne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-align: left;
	font-weight:bold;
}
#banner {
	/*z-index: 1;*/
	position: relative;
	width: 1280px;
	height: 60px;
	/*vertical-align: text-bottom;*/
    background-image: url(../img/banner.png);
	/*background-repeat: repeat-xy;*/
	/*border-bottom-style: solid;
	border-bottom-color: #002569;*/
	margin-top: -10px;
	/*margin-bottom: 0px;*/
	padding-left: 10px;
	 margin: 0;
	 text-align:left;	 
	 margin: 0 auto;
  display: block;

}

#banner1 {
	z-index: 1;
	width: 100%;
	height: 60px;
	margin-bottom: 0px;
	padding-left: 20px;
	background:#003e7e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#002569;}

#minibanner {
	position: relative;
	width: 100%;
	height: 40px;
	font-weight: bold;
	border-bottom-style: solid;
	border-color: #999999;
	border-width: 1px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003e7e;
	background-color:#003e7e;
}


#titulo {
	position: relative;
	width: 100%;
	margin:0 auto 0 auto;
	text-align:center;	
	/*padding-left: 20px;*/
	/*padding-right: 20px;*/
   /* margin-left: 10%;*/
}


#titulo2 {
	position: relative;
	width: 80%;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 10%;
}
#botonera {
	position: relative;
	width: 80%;
	height: 50px; /*alto de botonera*/
	/*border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;*/
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10%;
	/*border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	/*border-left-width: 1px;
	border-top-color: #005BC3;
	/*border-right-color: #005BC3;
	border-bottom-color: #005BC3;
	border-left-color: #005BC3;
	/*border: 1px solid #005BC3;*/
	/*background-color:#b2bfbb;*/
}

#boton {
	position: relative;
	width: 15%;
	float: left;
		
	}
	
#contenido {
	position: relative;
	width: 100%;
	text-align: left;
	/*border: 1px solid #005BC3;*/
	/*padding-left: 8px;*/
	/*margin-left: 8px;*/
	height: 100%;
	line-height: 150%;
	
}
#url {
	width: 100%;
	height: 20px;
	font-weight: bold;
	padding-left: 20px;
	position:relative;
	bottom:-1833px;
	left: -8px;
	color:#FFF;
	text-align: center;
		
}

.pie-pagina {
	margin: 0 auto;
	padding: 0 8px;
	width: 970px;
	overflow: hidden;
	width: 100%;
	color:#FFF;
	text-align: center;
	background-color: #002569;
}

#derechos, #derechos2, #derechos3 {
	height: 20px;
	color:#FFF;
	text-align: center;
	background-color: #002569;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:3px;
}
#derechos2 a{
	color:#FFF;
	text-decoration:none;
}

#derechos3 a{
	color:#FFF;
	text-decoration:none;
}
.boldazul    { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #194580; font-weight: bold }
.bazul       {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #68A7EC;
	font-weight: bold;
	text-align: center;
}
.blan       {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#5f7774;
	text-align: center;
	font-weight: bold;
	}

.blan2      {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFF;
	/*text-align: center;*/
}

/*botones*/
.button { /* clase general */
  border: 1px solid #dedede;
  border-radius: 3px;
  color: #555;
  display: inline-block;
  font: bold 12px/12px HelveticaNeue, Arial;
 padding-left: 20px;
 text-decoration: none;
}

.button.white{
  background: #f5f5f5;
  border-color: #dedede #d8d8d8 #d3d3d3;
  box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
  color: #555;
  text-shadow: 0 1px 0 #fff;
  background: -moz-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: -webkit-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: o-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: ms-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: linear-gradient(top,  #f9f9f9, #f0f0f0);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
}

.button.white:hover{
    background: #f4f4f4;
    border-color: #c7c7c7 #c3c3c3 #bebebe;
    box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
    text-shadow: 0 1px 0 #fdfdfd;
    background: -moz-linear-gradient(top,  #efefef, #f8f8f8);
    background: -webkit-linear-gradient(top,  #efefef, #f8f8f8);
    background: -o-linear-gradient(top,  #efefef, #f8f8f8);
    background: -ms-linear-gradient(top,  #efefef, #f8f8f8);
    background: linear-gradient(top,  #efefef, #f8f8f8);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8');
}
tab {
	text-align: center;
}

tab2 {text-align:left;
}
/* para menu desplegable*/
.menu {
 width: auto;
 /*float: left;
 /*font-family:"Lucida Sans Unicode", "Trebuchet Unicode MS", "Lucida Grande",sans-serif;*/
 font-family:Arial, Helvetica, sans-serif
 font-size:12px; /* Tamaño de la fuente */
 font-weight:bold;
 
 }
 .menu ul {
 float:left;
 height:0px;
 list-style:none;
 margin:0;
 padding:0;
 border-radius: 0px 0px 20px 20px; /* Bordes redondeados del submenú */
 }
 .menu li{
 float: inherit;
 padding:0px;
 }
 .menu li a{
 /*background:#333333 url(http://lh4.googleusercontent.com/-iqgCHipLGx4/T5DqLrsVALI/AAAAAAAACaI/bcIY7SV8s5I/s35/separador.gif) bottom right no-repeat;*/
 background:rgba(10,2,0,.5);
 color: #FFF; /* Color de la fuente */
 display:block;
 font-weight:normal;
 line-height:35px;
 margin:0px;
 border-left: 2px solid;
 border-color:#003E7E;
 padding:0px 25px; /* Espacio entre cada pestaña */
 /*text-align:center;*/
 text-decoration:none;
  }
 .menu li a:hover, .menu ul li:hover a {
 background: #2580a2; /* Color de las pestañas al pasar el cursor va en info y mod */
 color:#FFFFFF; /* Color del texto al pasar el cursor */
 text-decoration:none;
 }
 .menu li ul {
background:#002569; /* Color de fondo del submenú */
 display:none;
 height:auto;
 padding:0px;
 margin:0px;
 position:absolute;
 width: 350px; /* Ancho del submenú */
 z-index:100;
 border-top:1px solid #fff;  /*Borde superior del submenú */
 }
 
  .menu2 li ul {
 background:#002569; /* Color de fondo del submenú */
 display:none;
 height: auto;
 padding:0px;
 margin:0px;
 position:absolute;
 width: auto; /* Ancho del submenú */
 z-index:100;
 border-top:1px solid #fff; /* Borde superior del submenú */
 }
  
 .menu li:hover ul{
 display:block;
 }
 .menu li li {
 display:block;
 float:none;
 margin:0px;
 padding:0px;
 width: auto;
 }
 .menu li:hover li a {
 background:none;
border-radius: 0px 0px 20px 20px; /* Borde de las subpestañas */
 }
 .menu li ul a {
 display:block;
 height:55px; /*alto entre cada punto de submenu*/
 font-size:12px;
 font-style:normal;
 margin:0px;
/* padding:0px 10px 0px 15px;*/
 /*text-align:left;*/
 }
 .menu li ul a:hover, .menu li ul li:hover a{
 background:#FEBF89; /* Color de las subpestañas al pasar el cursor */
 color:#5f7774;
 text-decoration:none;
 }

 #search { 
 width: 228px; /* Ancho del buscador */
 height: 22px;
 float: right;
 text-align: center;
 margin-top: 6px;
 margin-right: 6px;
/* Imagen de fondo del buscador */
 background: url(http://4.bp.blogspot.com/_qgZA1ny_dAs/Szuhn02zO6I/AAAAAAAADdI/u2etpRWlwF8/s1600/search-bar.png) no-repeat;
 }
 #search-box {
 margin-top: 3px;
 border:0px;
 background: transparent;
 text-align:center;
 }
/* Si quisieras agregar otra pestaña entonces añade antes del último </ul> en color azul una línea como esta:

<li><a href="URL del enlace">Pestaña 5</a></li>
Si quisieras que ésta tenga submenús entonces el código que deberás poner es este:

<li><a href="#">Pestaña 5</a>
 <ul>
 <li><a href="URL del enlace">Pestaña 5.1</a></li>
 <li><a href="URL del enlace">Pestaña 5.2</a></li>
 <li><a href="URL del enlace">Pestaña 5.3</a></li>
 <li><a href="URL del enlace">Pestaña 5.4</a></li>
 </ul>
 </li> */
.Letrablanca {
	color: #FFF;
	font-size: 12px;
	font-weight: 600;
}

.tabla {
	text-align: left;
	vertical-align: bottom;
	padding: 10px;
	width: 80%;
	/*-moz-box-shadow:    0px 0px 3px 3px #eee;

    -webkit-box-shadow: 0px 0px 3px 3px #eee;

    box-shadow:         0px 0px 3px 3px #eee;*/

	border: solid 1px #ccc;
	margin: 0 auto;
}

.tabla1 {
	text-align: left;
	vertical-align: bottom;
	padding: 10px;
	/*-moz-box-shadow:    0px 0px 3px 3px #eee;

    -webkit-box-shadow: 0px 0px 3px 3px #eee;

    box-shadow:         0px 0px 3px 3px #eee;*/

	border: solid 1px #ccc;
	margin: 0 auto;
}
.tabla th {
	color: #fff;
	background-color: #147A0C;/*background-image: url(../imagenes/green.png);

	background-repeat: repeat;

	background-position: 0 0;

	text-align: left;*/

}
/*.tabla td {
	border: 1px solid #ddd;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.t_total {
	text-align: right;
	background-color: #dddddd;
}
.t_evidencia {
	background-color: #eee;
}
cred {
  -webkit-border-radius: 5px 10px;  /* Safari  */
 /* -moz-border-radius: 5px 10px;     /* Firefox */
/*}
*/
.esquinas_superiores, .esquinas_inferiores {
  display: block;
}
.esquinas_superiores *, .esquinas_inferiores * {
  display: block;
  height: 1px;
  overflow: hidden;
}
.r1 { margin: 0 5px; }
.r2 { margin: 0 3px; }
.r3 { margin: 0 2px; }
.r4 { margin: 0 1px; height: 2px; }

h8 {
		border-width: 5px;
		border-style: outset;
		border-color: #B2BFBB;
		height:auto;
		background-color:#9daeab;
		height:98%;
		color:#5f774;
		font-size:14px
		
		
	}


/* tipo acordeon*/

.ac-container{
	width: 600px;
	margin: 10px auto 30px auto;
	text-align: left;
}
.ac-container label{
	/*font-family: Arial, Helvetica, sans-serif;*/
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	/*color: #777;*/
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #849794;
	text-align: left;	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #c6e1ec;
	color: #3d7489;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	/*font-style: italic;*/
	color: #777;
	line-height: 23px;
	font-size: 12px;
	padding: 20px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: 300px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 300px;
}
.ac-container input:checked ~ article.ac-large{
	height: 300px;
}

#centrar{
	margin:0 auto 0 auto;
	width:1280px;	
}

#centrar_boton_subir{
	padding-top:15px;
	padding-bottom:15px;
	text-align:left;
	margin:0 auto 0 auto;
	width:1280px;	
}

.tabla_redondeada_tema2_cabecera{
	border: 2px solid;
	border-radius:10px;
	background-color:#F4c200;
	border-color:#FFFFFF;
	padding-left:20px;
	padding-rigth:20px;	
}

.tabla_redondeada_tema2_cuerpo{
	border: 2px solid;
	border-radius:10px;
	background-color:#FFF1CE;
	border-color:#FFFFFF;
	padding-left:20px;
	padding-rigth:20px;
}

.tabla_redondeada_tema2_cuerpo2{
	border: 2px solid;
	border-radius:10px;
	background-color:#FFF1CE;
	border-color:#FFFFFF;
	padding-left:10px;
	padding-rigth:10px;
	height:55px;
}

#contenido_con_menu {
	position: relative;
	width: 1280px;
	min-height:420px;
	max-height:100%;
	text-align: left;
	line-height: 150%;
	margin:0px auto;
}

#contenido_con_menu2 {
	position: relative;
	width: 100%;
	min-height:320px;
	max-height:100%;
	text-align: left;
	line-height: 150%;
}

#contenido_con_menu3 {
	position: relative;
	width: 100%;
	min-height:350px;
	max-height:100%;
	text-align: left;
	line-height: 150%;
}

.tabla_evidencia_obscuro{
	border: 2px solid;
	border-radius:10px;
	background-color:#F9A960;
	border-color:#FFFFFF;
	padding-left:20px;
	padding-rigth:20px;
	max-height:100%;
}

.tabla_evidencia_obscuro1{
	border: 2px solid;
	border-radius:10px;
	background-color:#F8C898;
	border-color:#FDE2CA;
	padding-left:15px;
	padding-rigth:15px;
	height:60px;
}

.tabla_evidencia_obscuro2{
	border: 2px solid;
	border-radius:10px;
	background-color:#F8C898;
	border-color:#FDE2CA;
	padding-left:15px;
	padding-rigth:15px;
	height:120px;
}


.tabla_evidencia_ligero{
	border: 2px solid;
	border-radius:10px;
	background-color:#FDE2CA;
	border-color:#FFFFFF;
	padding-left:10px;
	padding-rigth:10px;
	min-height: 50px;
	max-height:100%;	
}

.tabla_evidencia_ligero1{
	border: 2px solid;
	border-radius:10px;
	background-color:#FFFFFF;
	border-color:#FDE2CA;
	padding-left:10px;
	padding-rigth:10px;
	min-height: 50px;
	max-height:100%;	
}


.tabla_evidencia_ligero2{
	border: 2px solid;
	border-radius:10px;
	background-color:#FFFFFF;
	border-color:#FDE2CA;
	padding-left:10px;
	padding-rigth:10px;
	height:120px;	
}

.tabla_indicaciones{
	border: 2px solid #55B949;
	border-radius:10px;
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	background-color:#55B949;
	border-color:#FFFFFF;
	min-height: 35px;
	max-height:100%;
	padding-top:10px;
}

.tabla_indicaciones2{
	border: 2px solid #D8EFD6;
	border-radius:10px;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	background-color:#D8EFD6;
	border-color:#FFFFFF;
	min-height: 35px;
	max-height:100%;
	padding-top:10px;
}

.tabla_indicaciones2 ol li{
	color:#000000;
	font-size:12px;
}
/* Media Queries */
@media screen and (max-width: 767px) {
	.container > header{
		text-align: center;
	}
	p.codrops-demos {
		position: relative;
		top: auto;
		left: auto;
	}
}

   .temario{
	border: 2px solid #FFFFFF;
	border-radius:10px;
	color:#000;
	text-align:center;
	background-color:#F9A960;
	border-color:#FFFFFF;	
	min-height: 10px;
	max-height:100%;
	padding:10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	vertical-align:middle;
	text-align:center;	
}