@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; }

body,html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
	background-repeat:repeat-x;
	height:100%;
	padding:0;
	margin:0 auto;
}
#base{
	width:710px;
	margin:0 auto;
	text-align:left;
	/*background:#FFFFFF;*/
	padding:0;
}

#cabeceralink{
	width:710px;
	margin:0;
	text-align:center;
}

#cabeceralink a{
	text-decoration: none;
	color:#99BB9A;
	font-weight:bold;
}
#cabeceralink a:hover{
	text-decoration:underline;
	font-weight:bold;
	color:#99BB9A;
}

#cabecera{
	width:710px;
	height:220px;
	margin:0;
	background:#FFFFFF;
	text-align:center;
	margin-top:5px;
}

#formlogin{
	width:710px;
	height:22px;
	margin-top:10px;
	margin-left:25%;
}

#navegador{
	margin:0 auto;
	padding:0;
	width:710px;
	background-color:#3366CC;
	font-size: 1em;
}
#pie{
	width:710px;
	margin:0 auto;
	padding-top: 0px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; 
	background-color: #3366CC;
	position: fixed;
  	bottom: 0px;
}
#pie a{
text-decoration:none;
color: #3366CC;
}
#pie a:hover{
color: #003399;
text-decoration: underline;
font-weight: bold;
}


.tdsub { 
	border-collapse:collapse; 
}
.tdsub td{
	padding-top:5px;
	padding-bottom:2px;
	border-bottom:1px solid #999;
}
tdsub2 { 
	border-collapse:collapse; 
}
.tdsub2 td{
	padding-top:5px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #999;
}

.link1 a{
text-decoration: none;
color: #3366CC;
font-weight:bold;
}
.link1 a:hover{
color:#3366CC;
text-decoration:underline;
font-weight:bold;
}
.boton1{
border:hidden;
caption-side:bottom;
background:#7030a0; 
color:#FFF;
font-weight:bold;
}

.txtbox{
	width:250px;
	text-align:right;
	padding-right:5px;
}
.divListbox{
	min-height:20px;
	padding-top:10px; 
	padding-bottom:15px; 
	text-align:center;
	margin-bottom:10px;
}

#logoajax{
width:120px;
height:20px;
float:left;
color:#333333;
font-weight:bold;
margin-bottom:5px;
}








/******************************************************************************************************************
* 												EDITOR															  *	
*******************************************************************************************************************/

.bloque_preguntas{
	width:800px;
	min-height:50px; 
	margin:20px; 
	padding:10px; 
	border:1px solid  #999;
	background-color:#e9def1;
}

.bloque_preguntas360{
	background-color:#FFF;
}

.cabecera_botones{
	width:97%; 
	min-height:24px; 
	background-color:#EBEBEB;
	padding-bottom:2px;
	border-bottom:1px solid #999;
}
.cabeceraBloque360{
	width:100%; 
	min-height:24px; 
	background-color:#ccb4dd;
	padding-bottom:2px;
	border-bottom:1px solid #999;
}

.modo_edicion{
	width:90%;
	text-align:left;
	float:left; 
	color:#999;
	padding-left:5px;
}
.tituloBloque360{
	width:36%;
	text-align:left;
	float:left; 
	color:#666;
	padding-left:5px;
}

.titulo_bloque{
	width:97%; 
	min-height:22px; 
	background-color:#F4F4F4; 
	margin-top:4px; 
	border:1px solid #666;
}

.contenedor_pregunta{
	width:95%; 
	min-height:45px; 
	padding:5px; 
	margin-top:10px; 
	border-bottom:1px solid  #999; 
}
.contenedor_pregunta360{
	width:98%; 
	min-height:22px; 
	float:left; 
	margin-top:10px;
	border-bottom:1px solid  #999; 
}
.titulo_pregunta{
	width:85%; 
	min-height:22px; 
	float:left; 
	padding-left:5px;
}
.tituloPregunta360{
	width:98%; 
	min-height:22px; 
	float:left; 
	margin-top:10px;
	border-bottom:1px solid  #999; 
	
}
.tags_pregunta{
	width:84%; 
	min-height:22px; 
	float:left; 
	padding-left:5px;
}
.botonera_pregunta{
	width:15%; 
	min-height:22px; 
	float:right;
}
.nueva_pregunta{
	width:97%; 
	min-height:22px; 
	background-color:#F4F4F4; 
	margin-top:4px;
}
.nuevo_bloque{
	width:800px;
	min-height:20px; 
	margin:10px; 
	padding:5px; 
}

.contenedor_guardar{
	width:800px;
	min-height:30px; 
	margin:15px; 
	padding:10px; 
	border-top:1px solid  #999;
}
.informe_guardar{
	width:800px;
	margin:15px; 
	padding:15px; 
	border:1px solid  #999;
	background-color:#e9def1;
}
.link_nuevo a{
	text-decoration:none
}
.link_nuevo a:hover{
	text-decoration:underline;
}



/******************************************************************************************************************
* 												INFORMES	 													  *	
*******************************************************************************************************************/
.div_contenedor{
}

.div_titulo{
}

.div_general{
	
	padding:10px;
}

.div_competencia{
	padding:10px;
	background-color:#F0F0F0;
}

.div_pregunta{
	padding:10px;
}
.div_tablas{
	padding-left:20%;
}
.separador{
	height:10px;
	margin-top:5px;
	margin-bottom:15px;
	border-top: 1px solid #666;
	margin-left:5%;
	width:90%;
	float:inherit;
}

.estadisticas{
	width:80%;
}
.estadisticas td{
	border-bottom: 1px solid #06F;
}
.estadisticas_titulo{
	background-color:#9AC4F5;
}
/* usar class="clearfix" en los parents que no se expanden al alargar el contenido d un div de dentro*/
* html .clearfix {height: 1%;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



/******************************************************************************************************************
* 												TABS	 													  *	
*******************************************************************************************************************/

.contenedorTabs{
	width:710px;
	margin:0;
	text-align:center;
	margin-top:10px;
	
}
ul.tabs {  
    margin: 0;  
    padding: 0;  
    float: left;  
    list-style: none;  
    height: 28px;  
  /*  border-bottom: 1px solid #9c73ba;  
    border-left: 1px solid #9c73ba;   */
    width: 100%;
	background:#c4b3d1;
}  
ul.tabs li {  
    float: left;  
    margin: 0;  
    padding: 0;  
    height: 28px;  
    line-height: 28px;  
  /*  border: 1px solid #9c73ba;  */
    border-left: none;  
    margin-bottom: -1px;  
    overflow: hidden;  
    position: relative;  
   /* background: #e0e0e0;  */
}  
ul.tabs li a {  
    text-decoration: none;  
    color: #000;  
    display: block;  
   /* font-size: 1.2em;  */
    padding: 0 11px;  
 /*   border: 1px solid #9c73ba;  */
    outline: none;  
}  
ul.tabs li a:hover {  
    background: #7030a0;  
}  
html ul.tabs li.active, html ul.tabs li.active a:hover  {  
    background: #9c73ba;  
 /*   border-bottom: 1px solid #9c73ba;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}  

.tab_container { 
	height:100%;
  /*  border: 1px solid #9c73ba;  */
    border-top: none;  
    overflow: hidden;  
    clear: both;  
    float: left; width: 100%;  
    background: #9c73ba;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	
}  
.tab_content {  
    padding: 20px;  
}