h4, h5, h6 { margin: 0;  }
.cabeza {}

.content {
	  text-align: justify;
	  margin-left: auto;
	  margin-right: auto;
}

.usrdata {
         max-width: 850px;
         margin-left: auto;
	 margin-right: auto;
}

.logos {
          width: 490px;
	  height: 73px;
	  margin-top: 0.5em;
	  margin-left: auto;
	  margin-right: auto;
	  background-image: url(../images/logos.jpg);
}

.pleca {
          width: 500px;
	  height: 3px;
	  background-image: url(../images/pleca.png);
	  margin-top: 0.5em;
	  margin-bottom: 0.5em;
	  margin-left: auto;
	  margin-right: auto;
}

body {
      background: #ffffff;
      font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
      margin-left: 5px; 
      margin-top: 0;
      text-align: center;
}

img {
     border: 0;
}

.impar { background: #f3f7fb; }
.par { background: #b5cde1; }
tr.cabeza { background: #f3f7fb; }
th { text-align: center }

table.usr-list { border-collapse: collapse; }

table.info-show th { text-align: left }

table.encuesta {
			border-width: 0px;
			padding-left: 15px;
			padding-right: 15px;
			margin-left: 15px;
			margin-right: 15px;
			width: 100%;
			text-align: left;
}

table.grupo {
			border-width: 0px;
			padding-left: 15px;
			padding-right: 15px;
			margin-left: 15px;
			margin-right: 15px;
			width: 100%;
			text-align: left;
}

table.thumbs {
                        padding: 10px;
			border: solid 1px #ccc;
}

#tablamarco {
			 width: 80%;
			 margin-left: auto;
			 margin-right: auto;
			 padding: 0px;
			 border-width: 0px;
			 border-style: solid;
			 border-collapse: collapse;
			 background-color: #ffffff;
}		

td.celdazul {
			 background-color: #3062ff;
}

table.asist {
			padding-left: 15px;
			padding-right: 15px;
			margin-left: 15px;
			margin-right: 15px;
			width: 100%;
			text-align: left;
			font-size: 80%;
}

.asist th {
                         background-color: #eee;
                         text-align: center;
}

.asist td {
                         background-color: #eee;
                         text-align: center;
}

.asist td.nombre { text-align: left; }

td.asistio { background-color: #cfc; }
td.falto { background-color: #fcc; }

h1.titulo {
			text-align: center;
			font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
			font-size: 18px;
			color: #f76728;
			font-weight: bold;
      padding-top: 0px;
      margin-top: 0px;
}

.leyenda-col {
			font-size: 12px;
			color: #4682b4;
}

.leyenda-reng {
			font-size: 14px;
			font-weight: bold;
			color: #3062ff;
			padding-left: 33px;
			padding-right: 15px;
}

.prompt, .mini-prompt {  
			font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
			color: #3062ff;
			padding-top: 0px;
			margin-top: 0px;
			padding-left: 10px;
			padding-right: 10px;
}

.prompt {
			font-size: 14px;
			font-weight: bold;
}

.preg-id { font-size: 50%; color: black; }

.nota, p.instrucc {
			font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #3062ff;
			padding-top: 0px;
			margin-top: 0px;
			padding-left: 10px;
			padding-right: 10px;
}

.cuadro {  
	padding: 1px;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #205087;
	margin-left: 25px;
	background-color: #f3f7fb;
}

select.cuadro, input.cuadro, #loginform input {
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #84b4eb;
	border-right-color: #173960;
	border-bottom-color: #173960;
	border-left-color: #84b4eb;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}

input.opcion {
			padding-left: 15px;
}

input.botoncito, input.boton {  
	text-decoration: none;
	font-family: Trebuchet-MS, Verdana, Arial, Helvetica, sans-serif;
	color: #f76728;
	background-color: #f3f7fb;
	border-top: medium solid #116ab1;
	border-right: medium solid #173960;
	border-bottom: medium solid #173960;
	border-left: medium solid #116ab1;
	cursor: hand;
}

input.boton {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 55px;
}

input.botoncito {  
        font-size: 10px;
        margin: 0.2em 0.2em 0.2em 3em;
        padding: 0;
}

a.boton {
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 4px;
	padding-left: 4px;
	font-family: Trebuchet-MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f76728;
	background-color: #f3f7fb;
	margin-left: 55px;
	border-top: medium solid #116ab1;
	border-right: medium solid #173960;
	border-bottom: medium solid #173960;
	border-left: medium solid #116ab1;
	cursor: hand;
}

.note {  
    font-size: 80%;
}

#loginform {  
    display: block;
    width: 350px;
    border-style: solid;
    border-color: #f76728;
    background: #fff;
    padding: 1em;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#loginform p { 
    margin-bottom: 15px; 
    font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #3062ff;
    font-weight: bold;
    padding-top: 15px;
    margin-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

#loginform input {  
   size: 10;
}

#user-data {  
      font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #4682b4;
      padding-left: 5px;
      padding-right: 5px;
      text-align: right;
      font-weight: bold;
      margin-top: 0px;
}

.roles { font-size: 90%; font-weight: normal; }

#menu {  
      font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
      font-size: 16px;
      color: #4682b4;
      text-align: center;
      font-weight: bold;
      background: #f5f5ff;
}

#menu .menu-element {  
      padding-right: 0.3em;
      padding-left: 0.3em;
}

#menu a {
      color: #4682b4;
      text-decoration: underline overline;
}

#menu a:hover { background: #cdf; }
a { color: #3062ff; }
a:hover { color: #f76728; }

#admin {
      font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
      font-size: 16px;
      color: #3062ff;
      font-weight: bold;
      padding-left: 10px;
      padding-right: 10px;
			text-decoration: underline;
}

.error {  
       color: #3062ff;
       font-size: 150%;
       margin-left: auto;
       margin-right: auto;
       display: block;
       border: solid 2px #3062ff;
       background: #f76728;
       padding: 0.2em;
       margin: 0.5em;
       text-align: center;
}

.notice, .msg {
       font-size: 150%;
       margin-left: auto;
       margin-right: auto;
       display: block;
       border: solid 2px #000;
       padding: 0.2em;
       margin: 0.5em;
       text-align: center;
}

.warn {
      color: #900;
}

.sect-info { 
      border: solid 1px #35147b; 
}

.sect-head { 
      font-size: 70%;
      font-style: italic;
      color: #000;
      border-bottom: dotted 1px #35147b;
      display: block;
}

.sect-cont {  
      margin-left: 3em;
      margin-right: 3em;
}

#debug { 
      text-align: left;
      font-size: 70%;
      margin: 1em;
      border: solid 1px #f80;
      background: #fe9;
      color: black;
}

#debug .head {  
      text-align: center;
      display: block;
      color: white;
      background: #f80;
      padding: 2px; 
      margin-bottom: 1px;
}

#debug .head a { color: white }

.quest { padding: 0.5em; }
.quest .meta { font-size: 70%; color: #555; }
.quest .text { width: 30%; }
.quest .options { 
    font-size: 80%; 
    border: solid 1px #f80;
    margin-left: 2em;
    margin-right: 2em;
    border: solid 1px #35147b; 
}


.survey-gral-info {  
	padding: 1px;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #205087;
	margin-left: 25px;
        padding-left: 2em;
        padding-right: 2em;
	border: solid 1px #205087;
	background-color: #f3f7fb;
}

.grp-thumb { font-size: 80% }
.grp-image {  }

#map-result { font-size: 80%; }

.center-name { 
    text-align: center; 
    font-weight: bold; 
}
.center-descr {  }
.partner-name { 
    font-style: italic; 
    padding: 0.5em;
}

#leyenda { 
    border: solid 1px #ddd;
    margin: 0.5em 0 0.5em 0;
    width: 700px;
    font-size: 80%;
}

#leyenda h3 { text-align: center; }

#leyenda .socio { 
    display: block;
}

#site-menu {  
    background: #f76728;
    color: #fff;
    padding: 0.3em;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.menu-elem a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.menu-elem a:hover {  
    text-decoration: underline;
    background: #fa9a5b;
}