.body{
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	min-width:1250px;
	background-image: url(../img/PortadaWeb.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.body:before {
	content:'';
	position: fixed;
  top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.6);
}
.logoMintur{
	height:113px;
	width:279px;
	background-image: url(../img/Logo-Ecuador.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin-left:28px;
	margin-top:28px;
	float:left;
}
.logoSistema{
	height:51px;
	width:310px;
	/*background-image:url(../img/logo-PNCT.png);*/
	float:right;
	margin-top:10px;
	margin-right:10px;
}
.centralSuperior{
	/*background-image:url(../img/franja-colores.jpg);*/
	background-repeat:repeat-x;
	height:12px;
}
.central{
	/*background-image:url(../img/bg-login.jpg);*/
	background-repeat:repeat-x;
	height:142px;
}
.siluetaPersonas{
	/*background-image:url(../img/siluetas-personas.png);*/
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
}
.login{
	float:left;
	color: #666;
	background: #ffffff; /* Old browsers */
	
	background: -moz-linear-gradient(top,  #ffffff 0%, #c5c6c8 100%); /* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c5c6c8)); /* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(top,  #ffffff 0%,#c5c6c8 100%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(top,  #ffffff 0%,#c5c6c8 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(top,  #ffffff 0%,#c5c6c8 100%); /* IE10+ */
	
	background: linear-gradient(to bottom,  #ffffff 0%,#c5c6c8 100%); /* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5c6c8',GradientType=0 ); /* IE6-9 */
	padding:10px;
	border-radius:10px;
	height:70px;
	width:260px;
	box-shadow:#666 0px 0px 10px;
	margin-top:130px;
	margin-left:15px;
}
.contenedorCentral{
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
.contenedorVideo{
	margin-left:auto;
	margin-right:auto;
	margin-top: 5em;
	width:100%;
	text-align: center;
}
.indexFlotante{
	color: #fff;
	padding:10px;
	border-radius:10px;
	border: solid #fff 1px;
	width:20%;
	box-shadow:#666 0px 0px 10px;
	margin-top:40px;
	margin-left:15px;
	float:left;
}
.logoAllyouneed{
	background-image:url(../img/allyouneedisecuador.png);
	height:40px;
	width:183px;
	float:right;
	margin-right:15px;
	margin-top:100px;
}
.centralInferior{
	/*background-image:url(../img/franja-colores.jpg);*/
	background-repeat:repeat-x;
	height:12px;
}
.inferior{
	height:300px;
}
.logoDTICs{
	background-image:url(../img/logo_dti.PNG);
	height:68px;
	width:309px;
	background-repeat:no-repeat;
	float:left;
	margin-left:15px;
}
.copyright{
	font-size:9px;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 2em;
	text-align:center;
	color: #fff;
	position: relative;
}
.logoAmalaVida{
	background-image:url(../img/Ama-la-vida.PNG);
	width:50px;
	height:68px;
	float:right;
	margin-right:10px;
}

/*// COMIENZA ESTILOS PARA MENU //*/
.contenedorSuperior{
	height:50px;
	background: #6d6d6d; /* Old browsers */
	background: -moz-linear-gradient(top,  #6d6d6d 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6d6d6d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6d6d6d 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6d6d6d 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6d6d6d 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}
.logoMinturBlanco{
	background-image:url(../img/logoMINTURblanco.png);
	height:48px;
	width:146px;
	float:left;
}
.logoSistemaInterno{
	background:url(../img/LogoSieteInterno.png);
	height:48px;
	width:172px;
	margin-left:10px;
	float:left;
}
  /* el menú en si mismo */
  .mi-menu  {
    border-radius: 5px;
    list-style-type: none;
    padding: 0;
	margin:0px auto;
    /* la altura y su ancho dependerán de los textos */
    height: 40px; 
	width:900px;
    /* el color de fondo */
	background: -moz-linear-gradient(top,  #6d6d6d 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6d6d6d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6d6d6d 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6d6d6d 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6d6d6d 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

  }

  /* si es necesario, evitamos que Blogger de problemas con los saltos de línea cuando escribimos el HTML */
  .mi-menu  br { display:none; }

  /* cada item del menu */
  .mi-menu  li {
    display: block;
    float: left; /* la lista se ve horizontal */
    height: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .mi-menu li:hover{
	  background: #4a4a4a; /* Old browsers */
	
	background: -moz-linear-gradient(top,  #4a4a4a 0%, #9f9f9f 100%); /* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#9f9f9f)); /* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(top,  #4a4a4a 0%,#9f9f9f 100%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(top,  #4a4a4a 0%,#9f9f9f 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(top,  #4a4a4a 0%,#9f9f9f 100%); /* IE10+ */
	
	background: linear-gradient(to bottom,  #4a4a4a 0%,#9f9f9f 100%); /* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#9f9f9f',GradientType=0 ); /* IE6-9 */
	color: #fff;
	

  }
  .mi-menu li a {
    border-left: 1px solid #000;
    border-right: 1px solid #666;
    color: #EEE;
    display: block;
    font-size: 13px;
    font-weight: lighter;
    line-height: 28px;
    padding: 0 14px;
    margin: 6px 0;
    text-decoration: none;
    /* animamos el cambio de color de los textos */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
  }
  /* eliminamos los bordes del primer y el último */
  .mi-menu li:first-child a { border-left: none; }
  .mi-menu li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  /*.mi-menu li:hover > a { 
  	color: Crimson; 
  }*/

  /* los submenús */
  .mi-menu ul {
    border-radius: 0 0 5px 5px;
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 40px; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    background: #222;
    background: -moz-linear-gradient(#222,#555);
    background: -webkit-linear-gradient(#22,#555);
    background: -o-linear-gradient(#222,#555);
    background: -ms-linear-gradient(#222,#555);
    background: linear-gradient(#222,#555);
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
  }
  /* son visibes al poner el cursor encima */
  .mi-menu li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  .mi-menu ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
  /*background submenu hover*/
  .mi-menu ul li:hover{
	  background: #37b6dc; /* Old browsers */
	
	background: -moz-linear-gradient(top,  #37b6dc 0%, #376ead 100%); /* FF3.6+ */
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37b6dc), color-stop(100%,#376ead)); /* Chrome,Safari4+ */
	
	background: -webkit-linear-gradient(top,  #37b6dc 0%,#376ead 100%); /* Chrome10+,Safari5.1+ */
	
	background: -o-linear-gradient(top,  #37b6dc 0%,#376ead 100%); /* Opera 11.10+ */
	
	background: -ms-linear-gradient(top,  #37b6dc 0%,#376ead 100%); /* IE10+ */
	
	background: linear-gradient(to bottom,  #37b6dc 0%,#376ead 100%); /* W3C */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37b6dc', endColorstr='#376ead',GradientType=0 ); /* IE6-9 */
	color:#FFF;

  }
  .mi-menu li:hover > ul li {
    height: 36px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .mi-menu ul li a {
    border: none;
    border-bottom: 1px solid #111;
    margin: 0;
    /* el ancho dependerá de los textos a utilizar */
    padding: 5px 10px;
    min-width: 100px;
  }
  /* el último n otiene un borde */
  .mi-menu ul li:last-child a { border: none; }
  
  
  /*/////// CONTENIDO CONTENEDOR /////////*/
  
  .contenido{
	  min-height:500px;
	  border:1px solid #666;
	  margin-left:10px;
	  margin-right:10px;
	  margin-bottom:10px;
	  margin-top:55px;
  }
  .contenedorTitulosAcciones{
	  margin-top:10px;
	  margin-left:10px;
	  margin-right:10px;
  }
  .titulos{
	  float:left;
	  width:70%;
	  height:40px;
	  font-size:20px;
	  font-weight:bolder;
	  color:#20254E;
  }
  .accionesContenedor{
	  float:left;
	  width:30%;
	  height:40px;
  }
  .accion{
	  float:right;
	  height:40px;
	  width:40px;
	  padding:5px;
  }
  .titulosEmergentes{
	  font-weight:lighter;
	  font-size:10px;
	  color:#FFF;
	  background-color:#666;
	  height:20px;
	  padding-top:5px;
	  padding-left:5px;
  }