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

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.verde{
	color:#70AD47;
	font-weight:bold;
}

p {
	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%;	
}

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

.pie_de_imagen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	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;
}

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



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

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-left:25px;
	padding-top:5px;	
	color: #FFF;
	text-align:left;
}

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

#cintilla{
	background-color:#00A0BA;
	color:#FFFFFF;
	width:1280px;
	height:26px;
	text-align:left;
	margin-bottom:15px;	
}

hr{
	background-color:#55B949;
	color:#55B949;
	border-color:#55B949;
}

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

#titulo_info {
	position: relative;
	width: 100%;
	margin:0 auto 0 auto;
	text-align:center;
}

#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: 1280px;
	min-height:525px;
	max-height:100%;
	text-align:left;
	margin:0 auto 0 auto;
}

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

#contenido_con_menu {
	position: relative;
	width: 100%;
	min-height:330px;
	max-height:100%;
	text-align: left;
	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;
		
}

.boldazul    { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #194580; font-weight: bold }
.bazul       {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #68A7EC;
	font-weight: bold;
	text-align: center;
}
.blan       {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#5f7774;
	text-align: center;
	font-weight: bold;
	}

.blan2      {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	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;
}

 #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: 15px;
	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: 15px;
	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: 15px;
	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:0px auto 0px auto;
	width:1280px;
}

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

#centrar_intro{
	margin:0px auto 0px auto;
	width:1280px;
	text-align:center;
}


#centrar_texto{
	margin:0px auto 0px auto;
	width:1280px;
	text-align:left;
}

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

.tabla_evidencia_obscuro{
	border: 2px solid;
	border-radius:10px;
	background-color:#00A0BA;
	border-color:#FFFFFF;
	color:#fff;
	padding-left:20px;
	padding-right:20px;
	min-height:100%;
}

.tabla_evidencia_obscuro p{
	color:#000;
}

.tabla_evidencia_ligero{
	border: 2px solid;
	border-radius:10px;
	background-color:#EFEBEF;
	border-color:#FFFFFF;
	padding:10px;
	min-height:100%;	
}

.tabla_indicaciones{
	border: 2px solid #55B949;
	border-radius:10px;
	color:#FFFFFF;
	font-size:15px;
	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:15px;
	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:15px;
}

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

.tabla_indicaciones3 ol li{
	color:#000000;
	font-size:15px;
}

.tabla_encabezado{
	border: 2px solid;
	border-radius:10px;
	background-color:#2D5A88 ;
	border-color:#FFFFFF;
	padding:5px;
	min-height:20px;
	max-height:100%;
	vertical-align:middle;
	text-align:center;
	color:#FFFFFF;	
}

.tabla_encabezado_morado{
	border: 2px solid;
	border-radius:10px;
	background-color:#B046A2;
	border-color:#FFFFFF;
	padding:5px;
	min-height:20px;
	max-height:100%;
	vertical-align:middle;
	text-align:center;
	color:#FFFFFF;	
}

.tabla_contenido{
	border: 2px solid;
	border-radius:10px;
	background-color:#EFEBEF;
	border-color:#FFFFFF;
	min-height:20px;	
	max-height:100%;
	padding-left: 20px;
	padding-right: 20px;
	padding-top:10px;
	padding-bottom:10px;
	vertical-align:middle;
	text-align:left;
	color:#000;		
}

.tabla_contenido_blanco{
	border: 2px solid;
	border-radius:10px;
	background-color:#FFF;
	border-color:#FFFFFF;
	padding:5px;
	min-height:20px;	
	max-height:100%;
	vertical-align:middle;
	text-align:center;		
}

.tabla{
	width:1280px;
}

.rotar{
	-moz-transform: scaleX(-1); /* Firefox */
	-o-transform: scaleX(-1); /* Opera */
	-webkit-transform: scaleX(-1); /* Chrome y Safari */
	transform: scaleX(-1); /* w3org */
}