.todo
{
	width: 1000px;
	border: 0;
	margin: auto;
}

.titulo
{
	width: 1000px;
	height: 125px;
	text-align: center;
	border: 0px solid gray;
	margin: 0;
	margin-top: 5px;
	padding: 5px;
	
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	
	-webkit-box-shadow: 5px 5px 10px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 5px 5px 10px 10px rgba(0,0,0,.3);
	box-shadow: 5px 5px 10px 10px rgba(0,0,0,.3);
}

.contenido
{
	width: 1000px;
	height: 400px;
	text-align: center;
	border: 0px solid gray;
	font-family: "Roboto",Calibri,Helvetica,Arial,sans-serif;
	font-weight: bold;
	font-size: 10pt;
	
	color: #222222;
	
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	
	-webkit-box-shadow: 5px 5px 10px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 5px 5px 10px 10px rgba(0,0,0,.3);
	box-shadow: 5px 5px 10px 10px rgba(0,0,0,.3);
	
	margin: 0;
	padding: 5px;
	overflow: auto;
	
	display: table-cell;
	vertical-align: middle;
}

#resultados
{
	padding-left: 30px;
	padding-right: 30px;
	display: inline-block;
	max-height: 400px;
	overflow: auto;
	width: 920px;
}

.iniciar, #popup, #guardar, .guardarM, .guardarMGR, .reportar, .FichasDoc, .ListaXLS
{
	cursor: pointer;
	padding: 0;
	margin: 0;
	height: 100%;
}

.inner {
	width: 960px;
	height: 34px;
	border: 1px solid gray;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom:5px;
	background-color: rgba(200,200,220,.4);
	
	color: #222222;
	padding: 0;
	
	font-family: "Roboto",Calibri,Helvetica,Arial,sans-serif;
	font-weight: none;
	font-size: 10pt;
	text-align: center;
}
.perfil
{
	border-top: 1px solid darkblue;
	border-right: 1px solid darkblue;
margin: 10px;
}

.perfil td, .perfil th
{
border-bottom: 1px solid darkblue;
}
.perfil th
{
border-right: 0px solid darkblue;
}
.perfil td
{
border-left: 1px solid darkblue;
}

td.boton
{
padding:0;	
overflow: hidden;
}

.irespuesta
{
border: 1px solid darkred;
color: darkred;
}
/*--------------------------*/

body {
background-color: #ffffff;
color: #333333;
font-family: "Roboto",Calibri,Helvetica,Arial,sans-serif;
font-size: 14px;
margin: 0;
}
a {
color: #9e9e9e;
}
a:hover, a:focus {
color: #444;
outline: medium none;
}
a, a:hover, a:focus {
text-decoration: none;
}
h1, h2, h3, h4, h5, h6, .componentheading {
font-family: "Roboto",Calibri,Helvetica,Arial,sans-serif;
font-weight: 300;
text-shadow: 3px 3px 2px #a1a1a1;

color: #444455;

}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration: none;
}
h1
	{
	margin-right:0cm;
	margin-left:0cm;
	font-size:24.0pt;
	
	color:#444455;
	font-weight:normal;}
h2
	{
	margin-right:0cm;
	margin-left:0cm;
	font-size:18.0pt;
	
	color:#444455;
	font-weight:normal;}
h3
	{
	margin-right:0cm;
	margin-left:0cm;
	font-size:13.5pt;
	
	color:#444455;
	text-transform:uppercase;
	font-weight:normal;}
h4
	{
	margin-right:0cm;
	margin-left:0cm;
	text-align:justify;
	font-size:11.0pt;
	
	color:#444455;
	font-weight:normal;}
h5
	{
	margin-right:0cm;
	margin-left:0cm;
	text-align:justify;
	font-size:10.0pt;
	
	color:#444455;
	font-weight:normal;}
h6
	{
	margin-right:0cm;
	margin-left:0cm;
	text-align:justify;
	font-size:7.5pt;
	
	color:#444455;
	font-weight:normal;}
p {
margin-top:6.0pt;
	margin-right:0cm;
	margin-bottom:13.5pt;
	margin-left:0cm;
	text-align:justify;
	font-size:11.0pt;
	
	color:#333333;
}
legend {
border: medium none;
}
hr 
{
  border: 2px solid #888888;
  margin: 20px 0;
}

td, th
{
padding: 3px 3px 3px 3px;
font-family: "Roboto",Calibri,Helvetica,Arial,sans-serif;

color: #444455;

page-break-inside: avoid;
text-align:left;
border-bottom: 1px solid darkgray;
}

th
{
font-size: 10pt;
font-weight: bold;
}
td
{
font-size: 9pt;
}

b.rojo
{
color: darkred;
}
b.azul
{
color: darkblue;
}

ul.slimmenu {
    text-align: center;
}
ul.slimmenu li {
	cursor: pointer;
	height: 26px;
	padding-top: 8px;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

ul.slimmenu li .sub-toggle
{
	width:15px;
}
ul.slimmenu li ul li {
  height: 40px;
}
.centrado h1, .centrado h2, .centrado h3, .centrado h4, .centrado h5 {
  color: #eee;
	text-shadow: 1px 1px 15px #000, 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
	letter-spacing: 1px;
}

.centrado {
  /* background-color: #dddddd; */
  color: #f4fff4;
  height: 70%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  text-shadow: 1px 1px 15px #000000;
  top: 0;
  width: 80%;
}

.inicio
{
	height: 400px;
	width: 600px;
	
	background-image: url("../img/banner.png");
    background-position: center center;
    background-repeat: no-repeat;
	
	text-align: center;
	text-shadow: 1px 1px 15px #000, 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
	color: #f4fff4;
	letter-spacing: 1px;
}

.listadepreguntas
{
	cursor: pointer;
}

.principal
{
	margin: 10px;
	padding: 10px;
	border: 1px solid #666666;

	color: #333333;
	font-family: "Roboto",Calibri,Helvetica,Arial,sans-serif;
	font-size: 11px;
	overflow: hidden;
	clear: right;
}

.secundario
{
	margin: 10px;
	padding: 10px;

	color: #333333;
	font-family: "Roboto",Calibri,Helvetica,Arial,sans-serif;
	font-size: 11px;
	clear: right;
}

.siguiente
{
	margin: 10px;
	padding: 10px;
	border: 1px solid #999999;

	color: #333333;
	font-family: "Roboto",Calibri,Helvetica,Arial,sans-serif;
	font-size: 10px;
	overflow: hidden;
}

.sangrador
{
	margin: 10px;
	padding: 10px;
	border: 1px solid #999999;
	background-color: #aaaaaa;
	
	color: #333333;
	font-family: "Roboto",Calibri,Helvetica,Arial,sans-serif;
	font-size: 10px;
	overflow: hidden;
	float: left;
}

.Id
{
	clear: left;
	float: left;
	font-size: 10pt;
	height: 20px;
	padding-left: 5px;
	padding-right: 15px;
}

.Nombre
{
	float: left;
	font-size: 14pt;
	height: 20px;
}

.Ayuda {
  clear: left;
  float: left;
  font-size: 9pt;
  height: 20px;
  padding: 10px;
  width: 660px;
  text-align: left;
}

.Entrada {
  clear: both;
  float: left;
  height: 120px;
  margin: auto;
  width: 100%;
}

.Entrada textarea
{
	height: 95%;
	width: 80%;
	margin: auto;
}

.Azul
{
	color: darkblue;
}

.Rojo
{
	color: darkred;
}

.botonSiguiente
{
	height: 40px;
	width: 40px;
	margin: auto;
	float: right;
	cursor: pointer;
}

/*-----------------------------*/

.imgcircle
{
	top: 0px;
	left: -800px;
	float: right;
	width: 125px;
	height: 125px;
	overflow: hidden;
	border-radius: 50%;
	position: relative;
}

.imgcircle img 
{
  width: auto;
  height: 100%;
  margin-left: -50px;
}  
 
.logo
{
	height: 100px;
	top: -70px;
	position: relative;
	left: 60px;
	float: right;
}

.titulo>h2
{
	margin: 0px;
	font-size: 25pt;
	color: #444455;
	font-weight: normal;
	position: relative;
	background: linear-gradient(to right, white 0%, white 35%, #3a526a 35%, #3a526a 100% );
	color: #3a526a;
	text-align: center;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.titulo
{
	background: linear-gradient(to right, #3a526a 0%, #3a526a 35%, white 35%, white 100%);
}

.contenido
{
	background: linear-gradient(to right, #3a526a 0%, #3a526a 35%, white 35%, white 100%);
}

.contenido>.resultados
{
	margin: 0px;
	background: linear-gradient(to right, white 0%, white 35%, #3a526a 35%, #3a526a 100% );
	color: #3a526a;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.fotocircle {
	top: 15px;
	left: -20px;
	width: 300px;
	height: 300px;
	overflow: hidden;
	border-radius: 50%;
	position: relative;
}

.fotocircle img {
	width: 100%;
	height: 100%;
	margin-left: 0px;
}

.leyenda {
	background-color: beige;
	position: relative;
	text-align: center;
	padding: 10px;
	top: -200px;
	left: 441px;
	width: 310px;
}

@font-face {
font-family: lapasarela;
src: url('HarlowSolidItalic.otf');
}

.lapasarela
{
	font-family: lapasarela;
	font-size: 24pt;
}

.textos {
	position: relative;
	text-align: left;
	padding: 10px;
	top: -300px;
	left: 310px;
	width: 570px;
}

.fotos {
	position: relative;
	text-align: left;
	padding: 0px;
	top: 0px;
	left: 0px;
	/* width: 885px; */
	height: 390px;
	overflow: hidden;
}

.fotos>img
{
	max-width: 100%;
	max-height: 100%;
}

.kSlideshowWrapper, .kSlideshowItemDiv{
        width: 885px;
        height: 390px;
}
.kSlideshowItemDiv img{
        z-index: 400;
}

.kSlideshowTitle {
	width: 860px;
	height: 30px;
	/* margin: 10px auto 0 auto; */
	position: relative;
	top: -33px;
	/* font-family: lapasarela; */
	font-size: 16pt;
	text-align: right;
	color: antiquewhite;
	padding-right: 25px;
}

.kSlideshowPlay {
    background: url(../img/gtk-media-play-ltr.png) no-repeat;
}

.kSlideshowPause {
	background: url(../img/gtk-media-pause.png) no-repeat;
}

.kSlideshowPlayToggle {
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    left: 44px;
    z-index: 500;
}

.kSlideshowPrev {
	width: 24px;
	height: 24px;
	cursor: pointer;
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 500;
	background: url(../img/gtk-media-next-rtl.png) no-repeat;
}

.kSlideshowNext {
	width: 24px;
	height: 24px;
	cursor: pointer;
	position: absolute;
	top: 15px;
	left: 73px;
	z-index: 500;
	background: url(../img/gtk-media-next-ltr.png) no-repeat;
}