﻿/************** Hoja de estilos APS HOME*****************/

/*****************************************************************************************/
/*************************** PUESTA A CERO DE TODAS LAS ETIQUETAS ************************/
/*****************************************************************************************/

/* Padding y margin */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}

/* Tamaños de los headers */
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

/* Estilos de las listas */
ol, ul {
list-style: none;
}

/* Estilo y grosor de las fuentes */
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

/* Bordes de las tablas */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Otros bordes */
fieldset, img {
border: 0;
}

/* Alineación del texto */
caption, th {
text-align: left;
}

/* Comillas */
q:before, q:after {
content: ”;
}

/*****************************************************************************************************************************************/
/*****************************************************************************************************************************************/

html{
	background-image: url('Images/bgHTML.jpg');
	background-position: left top;
	background-repeat: repeat-x;
}
body {  
    font-family:Verdana,sans-serif;
    font-size: .9em;
    color: #808080;
    
  	width: 1000px;
   	margin: 0 auto;

    background-image: url('Images/bgBody.jpg');
    background-position: center top;
    background-repeat: repeat-y;
}
a, a:active, a:visited {
	color: #0070BC;
	text-decoration: none;
}
a:hover, .menuizquierdo a:hover{
	color: #000000;
}
h1{
	background-image:url('Images/bgH1.jpg');
	background-position: left bottom;
	background-repeat: repeat-x;
	line-height: 30px;
	
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 3px;
	display: block;
	
}
h2{
	color: black;
	font-weight: normal;
}
#principal{/*float:left; /*display:block; 
	background-image: url('Images/bgBody.jpg');
    background-position: center top;
    background-repeat: repeat-y;*/

		}
#cabecera{
	height: 165px;
	background-image: url('Images/cabeceraHome.jpg');
	background-position: right top;
	background-repeat: no-repeat;
	float: left; width: 1000px;
}
.EnlaceInicio{
	display: none; /***** ojo que esto esta a none de momento *******/
}
#MenuSuperior{
	text-align: right;
	margin: 125px 5px 0px 0px;
	font-size: .8em;
}
#MenuSuperior ul li{
	display: inline;
	margin-left: 10px;
}



.menuizquierdo{
	float: left;
	margin: 0px 0px 0px 1px;
	display: block;
}
.menuizquierdo a, .menuizquierdo a:active, .menuizquierdo a:visited {
    color: #808080;
}
.menuizquierdo ul li{
	background-image: url('Images/bgMenu.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 25px;
	width: 168px;
	padding: 0px 0px 0px 10px;
}
.menuizquierdo ul ul{
	background-image:url('Images/bgSubMenu.jpg');
	background-position: left top;
	background-repeat: repeat-y;
	margin: 0px 0px 5px -10px;
	padding: 0px 0px 5px 0px;

}

.menuizquierdo ul ul li{
	background-image: url('');
	background-position: left top;
	background-repeat: no-repeat;
	width: 160px;
	padding: 0px 0px 0px 18px;
	line-height: 23px;
}

.panelcentro{
	width: 627px;
	float: left;
	margin: 0px 25px 10px 28px;
	font-size: .9em;
	height: 100%!important;
	}
	.panelcentro ul li{
	margin: 0px 0px 10px 0px;
	padding-left: 10px;
	background-image: url('Images/topo2.png');
	background-position: left 5px;
	background-repeat: no-repeat;
	}

.ultimasnoticias{
	width: 47%;
	float: left;
	margin: 10px 37px 10px 0px;
}
.eventos{
	width: 47%;
	/*float: right;*/
float:left;
	margin: 10px 0px 10px 0px;
}
.fechanoticia{
	color:#0070BC;
	font-size: .8em;
	display: block;
	margin: 0px 0px 3px 0px;
	
}
.mas{
	display: block;
	text-align: right;
	margin: 3px 0px 3px 0px;
}
.VerMas{
	border-top: 1px solid #0373BD;
	display: block;
	padding: 5px 0px 0px 0px;
	font-size: .8em;
}



#panelderecho{
	float: right!important;
	width: 138px;
	font-size: .7em;
	text-align: right;
}
#panelderecho a, #panelderecho a:visited{
    color: #808080;
}
#panelderecho a:hover{
	color:#000000;
}
#panelderecho ul{
	margin: 0px 4px 0px 0px;
}
#panelderecho li{
	margin: 0px 0px 5px 0px;
}

#panelderecho h1{
display: none;	
	}

#panelderecho input{
	width: 125px;
	border: 1px solid #0070BC;
}
#panelderecho .boton input{
	width: auto;
	background-color: #ffffff;
}
#panelderecho #opciones{
	margin: 5px 4px 5px 0px;
}
#panelderecho .RecuperarContrasenya{
	margin-bottom: 20px;
		margin: 5px 4px 5px 0px;

}
.bannerasociacion{
	float: right;
	margin: 20px 0px 0px 0px;
}
.bannerasociacion a{
	margin: 10px 5px 10px 0px;
	display: block;
}
.PanelEnlaces, .PanelPatrocinadores{
	display: none;
}

#panelpie{
	background-image:url('Images/bgPie.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	background-color: white;
	width: 1000px;
   	margin: 0 auto;
   	margin-top: 20px;
   	padding-bottom: 20px;
   	font-size: .7em; 
   	clear: both;  	
}
#panelpie .external{
	margin: 20px 0px 10px 10px;
	float:left;	
}
#panelpie .direccion{
	float: left;
	margin: 38px 0px 10px 12px;
}




/*****************************************************************************************************************************************/


.logeado{
}
.cerrarsesion{
	font-weight: bold;
	background-image: url('Images/topo2.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 7px;

}
.nombreusuario{
	background-color: #ededed;
	padding: 3px;
	margin: 0px 5px 5px 0px;
	width: 89%;
	
}
.nombreusuario .nombre{
	font-size: 1.1em;		
}
.nombreusuario .empresa{
	font-weight: bold;	
}


/********************************/

.AsignaturasMiembros{
	border: 1px solid #cccccc;
	display: block!important;
	margin: 10px 0px 10px 0px;

}
.TituloMiembrosgridofer span{
	margin-right: 10px;
	font-weight: bold;
	
}
.AsignaturasMiembros li{
	border-bottom: 1px solid #cccccc;
	padding: 5px 10px 5px 10px;

}
.AsignaturasMiembros .ofertaAlternada{
	background-image:url('Images/bgSubMenu.jpg');
	background-repeat:repeat;


}
.TituloMiembrosgridofer{
	background-color: #ededed;
	border-bottom: 1px solid #cccccc;
	padding: 3px 0px 3px 10px;
	height: 15px!important;
}
.nombreforo{
	font-weight: bold;
	display: block;
	margin-bottom: 3px;	
	
}
.descripcionforo
{
	font-size:0.8em;
	display: block;
	/*background-color: #ededed;*/
	padding: 3px;
	float:left;
	width: 300px;
	margin-right: 5px;
		font-style: italic;


}
.spantemas{
	display: block;
	/*background-color: #ededed;*/
	padding: 3px;
	float:left;
	width: 50px;
	margin-right: 5px;
	text-align: center;
	font-style: italic;
}
.spanmensajes{
	display: block;
	/*background-color: #ededed;*/
	padding: 3px;
	float:left;
	width: 50px;
	margin-right: 5px;
	text-align: center;
	font-style: italic;

}

.spanultimafecha{
	text-align: right;
	display: block;
	color:#0070BC;

}
.spanultimo{
	text-align: right;
	display: block;
	font-size: .8em;

}
.forocabecera0{
	width: 300px!important;
	display: block;
	float:left;
}
.forocabecera1, .forocabecera2{
	width: 50px!important;
	display: block;
	float:left;
}
.forocabecera3{
	text-align: right;
	display: block;
	float: right;
}
.forotema0{
	float: left;
	display: none;
}
.forotema1{
	display: block;
	width: 200px;
	float: left;
	margin-left: 20px;
}
.forotema2,.forotema3,.forotema4,.forotema5{
	float: left;
}
.forotema5{
	display: none;
}
.forotema4{
	float: right;
}
.spannombretema{
width: 200px;
display: block;
float: left;
	
}
.spanautor{
	clear: both;
	display: block;
	}
.estadotema{
	float:left;
	margin-right: 5px;
}
.spannummensajes{
	width: 80px;
	display: block;
	float:left;
	text-align: center;
	font-style: italic;
	margin-left: 5px;
	}
	
.spanultimomensajetema{
	text-align: right;
	font-style: italic;
	margin-left: 5px;
	margin-top:3px;
	font-size: .85em;
	float: right;

}
	
.spanlecturas{
	width: 80px;
	display: block;
	float:left;
	text-align: center;
	font-style: italic;
	margin-left: 8px;

}	
	
.AspNet-GridView-Pagination{
	font-style: italic;
	margin: 2px 0px 5px 5px;
}	
.botonforo{

	display:block;
}
.editorin{
	width: 100%;
	
	/*border: 2px solid green;
	width: 620px!important;
	
	height: 250px!important;
	float: left!important;*/
}
.mceEditor
{
	width: 99%!important;
	margin-left: 1px!important;
}
	
#PanelContenedor{
}	
.ProgressBar{
	display: none;
}
.spanrespuestaautor{
	font-weight: bold;
	clear: both!important;
	display: block;
}
.spanfecharespuesta{
	clear: both;
	font-size: .8em;
	color: #555555;
	font-style: italic;
}
.spanrespuestatexto{
	display: block;
	margin-top: 3px;
}

/*indicador gap*/
.radiopreguntas 
{
	margin-bottom:10px;
	color:#0070BC;
	
}
.radiopreguntas input
{
	border:none;
	margin-left:10px;
	
}

.preguntagap
{
	display:block;
	padding-left:10px;
}
.preguntasubtitulo
{
	font-weight:bold;
	text-decoration:underline;
	text-align:center;
	margin-top:5px;
	display:block;
}

.preguntatitulo
{
	background-image:url('Images/bgH1.jpg');
	background-position: left bottom;
	background-repeat: repeat-x;
	line-height: 30px;
	
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 3px;
	display: block;
	text-align:center;
}
.botongap input
{
	float:right;
}
.botongap input
{
	background-color: #ffffff;
	margin: 0px 5px 5px 5px;
	padding: 3px;
	border: 1px solid #ECF0F3;
	

}

.PanelBuscadorGap 
{
	padding-left:10px;
}
.PanelBuscadorGap span
{
	width:100px;
	display:block;
}
.lblerror
{
	color:Red;
}
	
/*fin Indicador gap*/

/*autodiagnostico*/
.gapcabecera0{
	width: 90px!important;
	display: block;
	float:left;
	
}
.gapcabecera1{
	width: 140px!important;
	display: block;
	float:left;
}
.gapcabecera2{
	width: 140px!important;
	display: block;
	float:left;
}
.gapcabecera3{
	width: 70px!important;
	display: block;
	float:left;
}
.gapcabecera5
{
	width: 30px!important;
	display: block;
	
}
.gapcabecera4
{
	width: 65px!important;
	display: block;
	float: left;
}

.spanempresa{
	width: 100px!important;
	display: block;
	height:50px;
	font-size:0.85em;
	float:left;
}
.spanemail{
	width: 150px!important;
	display: block;
	height:50px;
	font-size:0.8em;
	float:left;
}
.spansector{
	width: 150px!important;
	height:50px;
	display: block;float:left;
	font-size:0.85em;
	padding-right:5px;
}
.spanregion{
	width: 70px!important;
	display: block;
	float:left;
	height:50px;
	font-size:0.85em;
}
.spanfecha
{
	width: 50px!important;
	display: block;
	float:left;
	height:50px;
	
	font-size:0.85em;
}
.spanvalor
{
	width: 50px!important;
	display: block;
	font-size:0.85em;
	float:left;
	height:50px;
	margin-left: 25px;
	_margin-left: 10px;
	text-align:center;

}
.gridGap li
{
	height:30px;
}
.gridGap .TituloMiembrosgridofer
{
		height:15px;
}

.gridGap .AsignaturasMiembros li{
	border-bottom: 1px solid #fff;
}

/* fin autodiagnostico*/



.gapp
{
display:block;
width:200px;
font-size:1.1em;	
}
.divgapp
{
border:solid 1px #ccc;
padding:5px;
width:200px;
float:left;
}

.centrafiltro
{
	border:solid 1px #ccc;
	padding:10px;
	margin:10px 0px 10px 0px;
}

.centrafiltro span
{
	display:block;
	width:20px;

}

/*mapa web*/
/*** mapa web ***/
.MapaWeb a{
	display: block;
}
.SinVinculo{
	color: #035A9F;
}
.ConHijos .ConHijos .SinVinculo, .ConHijos .SinHijos{
	font-weight: bold;
	background-image: url(Images/topo2.png);
	background-position: left;
	background-repeat: no-repeat;
	padding: 1px 0px 3px 15px;
	background-color: #ededed;
	display: block;
	


}
.ConHijos .ConHijos .SinHijos{
	font-weight: normal;
	background-image: url(Images/topoPQ.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 15px;
	

}



.ConHijos .ConHijos{
	/*border-top: 1px solid #cccccc;*/
	border-left: 1px solid #006FB9;
	margin: 0px 0px 10px 0px;
}
.ConHijos .ConHijos .ConHijos ul{
	border: 0px;
	background-color: #ededed;

}
.MapaWeb .ConHijos a 
{
display:none;
}
.MapaWeb .ConHijos ul a 
{
	display:block;
	
}

/* fin mapa web*/




