/*/// ESTILOS TEMPLATE DE LA HOME Y PRINCIPAL */

/*/// GENERAL ////*/

body, img, fieldset, ul, h1, h2, h3, h4, h5, p, em, legend{
	padding:0;
	margin:0;
	border:0;
	outline:0;
	}

ol, ul {
	list-style: none;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC; /***Color de los textos en columnas***/
	background: #000000 url(../images/fondos/fondo.jpg) no-repeat top center scroll;
	}

#wrappercenter {
	color: #999999; /***Color de los textos sin etiquetar en el bloque central***/
	}


/*/// TIPOGRAFÍA //*/

/*****Títulos******************************
***************************************************************************/	

h1, h2, h3, h4, h5, h6 {  /***Color de los heads por defecto***/
	color:#FFFFFF;
	}

h1 {
	font-size: 24px;
	font-weight: normal;
	}
		
h2 {
	font-size: 18px;
	}
	
h3 {
	font-size: 14px;
	}

h4 {
	font-size: 11px;
	font-weight: normal;
	}

h5 {   /*Blockquotes en artículos*/
	font-size:14px;
	font-weight:normal;
	margin:20px 0;
	color:#333333;
	line-height:20px;
	text-align:justify;
	background-color:#F0F0F0;
	padding:22px 15px;
	border:2px solid #E7E7E7;
	-moz-border-radius:10px; /* Firefox */
	border-radius:15px;
	}

	
	
/**************************************************************************************
****************************Títulos Específicos content module*************************
***************************************************************************************/
#content h1{ /***Titulo de secciones/categorías***/
	font-size:17px;
	font-weight:bold;
	color:#000000;
	background-color:#F9DC02;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	display:inline-block;
	margin-bottom:12px;
	border: 1px dotted #666666;
	border-left:none;
	border-right:none;
	}

#content h2, div.componentheading { /***cabecera principal artículos y componentes***/
	font-size: 14px;
	color:#000000;
	background-color:#f9dc02;
	padding:5px;
	margin-bottom:15px;
	border: 1px dotted #666666;
	border-left:none;
	border-right:none;
	font-weight:bold;
	}

#content h3{ /***entradilla artículos***/ 
	font-weight:normal;
	font-size: 14px;
	margin-bottom:10px;
	text-align:justify;
	line-height:20px;
	}

#content div.blog h3{ /***Entradilla, cuando el formato es blog (deshabilitado, habilitar si se usa presentación en blogs)***/ 
	font-size:11px;
	line-height:18px;
	}

#content h4{ /***cabecera secundaria artículos***/ 
	color:#000000;
	font-weight: bold;
	background-color:#F9DC02;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:8px;
	display:inline-block;
	margin-top:20px;
	margin-bottom:10px;
	}

#content #jc h4 { /***Título del Joomla Comments***/
	margin-top:45px;
	border: 1px dotted #666666;
	border-left:none;
	border-right:none;
	}

div.weblinks div.contentdescription {  /***Descripción de la sección de links***/
	font-weight:normal;
	font-size: 14px;
	margin-bottom:12px;
	text-align:justify;
	line-height:20px;
	}

/************Otros Títulos Específicos*******************************/
#user1 h3,  #right h3 { /***Título en módulo acceso y encuesta***/ 
	font-size:10px;
	}	

#syndicate h3 { /***Título en módulo syndicate***/
	font-size:16px;
	font-weight:normal;
	font-family:Rockwell,"Courier New", Verdana, Arial, Helvetica, sans-serif;
	}

	
/**************************************************Párrafos***********************************************/	

p {
	font-size:11px;
	margin-bottom: 10px;
	line-height:18px;
	}
	
#content p{
	text-align:justify;
	}

/**********************************Enlaces***************************************/	
a {
	color:#FF4500;
	font-size:11px;
	color:inherit;
}

a:hover {
	cursor:pointer;
	color:#33C5F3;
	text-decoration:none;
	}

/**********************************Otros***************************************/	
legend{
	font-size:12px;
	font-weight:bold;
	}

/********************Ocultación por accesibilidad*****************/ 
#logo h2, #user3 h3, #right h3{
	visibility:hidden;
	}	


/*******************************************************************************
**********************************Listados**************************************
********************************************************************************/
#content ul{
	margin-bottom:15px;
	margin-top:-5px;
	list-style-type:none;
	line-height:18px;
	}

#content ul li{
	background:url(../images/fondos/bullet.gif) no-repeat 0 7px;
	padding-left:9px;
	margin-bottom:3px;
	background:none;
	list-style-type:circle;/***Provisional-->Eliminar***/
	padding-left:0;/***Provisional-->Eliminar***/
	margin-left:15px;/***Provisional-->Eliminar***/
	}


/*************************************************************************************
*******************************************Menus**************************************
**************************************************************************************/	

/********************Menús Principal (deshabilitado)**********************************/	

/***#left a {  
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	text-transform:uppercase;
	}

#left li.active a {
	color:#F9D903;
	}
	
#left ul a:link span, #left ul a:visited span {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-color:#666666;
	display:block;
	padding:3px 0;
	}

#left ul a:hover span{
	background-color:#FF3C00;
	}

#left ul ul li {
	text-indent:15px;
	}

#left ul li.active ul a {
	color:#FFFFFF;
	}

#left ul li.active ul li.active a {
	color:#F9D903;
	}
***/	


/**************************************************************************
*******************************Tablas**************************************
***************************************************************************/
/************************TOC Artículos (RCs)*******************************/
div#content table.contenttoc{
	width:490px;
}

div#content .contenttoc th{
	background-color:#CDCDCD;
	font-weight:bold;
	text-align:left;
	padding:3px 1px;
	}

div#content .contenttoc tbody tr td{
	padding:2px 1px;
	border-bottom: 1px dotted #CDCDCD;
	}

/**************************************************************************
**************************Formularios**************************************
***************************************************************************/	
label {
	font-size:10px;
	font-weight:bold;
	}

input, button{
	background-color:#4e4e4e;
	color:#E0E0E0;
	font-weight:bold;
	margin-bottom:10px;
	border:none;
	}

input[type="checkbox"], input[type="radio"]
	{
	background-color:transparent;
	}

button {
	cursor:pointer;
	}

.button, button {
	cursor:pointer;
	margin:0;
	border:0;
	padding: 2px 2px;
	}

.button:hover, button:hover, #user1 input.buttonregistro:hover {
	color:#FFF000;	
	}	

.button:active, button:active{
	color:#D70B68;	
	}	
	
	
/*******************************************************************************************
***************************************Formularios acceso*********************************
********************************************************************************************/ 

#user1 h3, #right h3 {  /******Título cajas****/
	margin-bottom:10px;	
	}

#user1 input.inputbox { /******Area de texto****/
	width:150px;
}
#user1 fieldset, #user1 label {   /******Texto del áreas texto****/
	font-size:10px;
	font-weight:bold;
	}

#user1 label.remember, #user1 #mod_login_remembermetextregistro{  /******Texto "recordar" después de coma, para Acceso con Community Builder....****/
	margin-top:10px;
	float:right;
	}

#user1 #mod_login_remember, #user1 #mod_login_rememberregistro{ /******Box "recordar"...., después de coma, para Acceso con Community Builder****/
	float:right;
	margin-top:10px;
	}	

#user1 div.moduletable p{ /**********Formato Texto accesorio*********/
	font-size:9px;
	padding-bottom:1px;
	line-height:6px;
	}

#user1 div.moduletable p a {
	font-size:9px;
	}

#user1 .button  {
	margin-top:5px;
	margin-bottom:12px;
	width:70px;
	}
	
/******************Específicos para acceso Community Builder*********************/ 
#user1 .buttonregistro {
	position:relative;
	top:-5px;
	width:50px;
	color:#FF4500;
	cursor:pointer;
	}
	
#user1 input#mod_login_usernameregistro, #user1 input#mod_login_passwordregistro{
	width:150px;
	}

#user1 form#mod_loginformregistro {
	position:relative;
	top:-15px;
	font-size:10px;
	}
	
#user1 form#mod_loginformregistro a{
	font-size:9px;
	}

form.log input{/**********Botón de desvincular*********/ 
	width:auto !important;
	}


/*******************************************************************
***************************buscador*********************************
********************************************************************/ 
#top label {
	display:none;
	}

#top .button {
	position:absolute;
	top:1px;
	padding:0;
	}
	
#top input {
	height:18px;
	}

/***********Ancho del área de texto********/	
#top #mod_search_searchword {
	width:165px;
	}


/*//////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////// BLOQUES/////////////////////////////////////////////
 /////////////////////////////////////////////////////////////////////////////////////////////*/
 
/**************************************************************************
********************** PRINCIPALES-POSITIONS ******************************
***************************************************************************/  

#user1, #banner, #user2, .User3Izq, .User3Der, .Der {/*********Opacidad fondos******/ 
	opacity:0.8;
	}

#container {
	width:960px;
	position:relative;
	margin: 0 auto;
	}

#header {
	height: 140px;
	}
	
#logo {
	background:url(../images/logos/logo.png) no-repeat 0 36px;
	width:330px;
	padding-top:30px;
	}


#top {
	position:absolute;
	top:40px;
	margin-left:775px;
	width:190px;
	height:25px;
	}

#syndicate {
	position:absolute;
	top:75px;
	margin-left:775px;
	width:185px;
	height:30px;
	}

#wrapperleft {
	float:left;
	width:183px;
	margin-right:12px;
	}

#left {
	background:#000000;
	height:310px;
	margin-bottom:5px;
	padding:15px;
	}

#user1{
	background:#000000;
	height:195px;
	padding:15px;
	}

#wrappercenter {
	float:left;
	width:570px;
	margin-bottom:5px;
	}

#banner {
	background:#000000;
	height:225px;
	margin-bottom:5px;
	}

#user2 {
	background:#000000;
	height:70px;
	padding:20px;
	margin-bottom:5px;
	color:#FFFFFF;
	}

#user3 {
	height:110px;
	margin-bottom:5px;
	}

#content {
	background:#000000;
	padding:40px;
	}
	
#right {
	float:right;
	margin-left:10px;
	width:183px;
	}

#footer {
	background:#000000;
	height:40px;
	margin-bottom:5px;
	margin-top:5px;
	padding: 20px 40px;
	}

#anclaje {
	position:absolute;
	top:1500px;
	}

/***********************************************************************************
****************** CONTENT MODULE-ESTILOS ESPECÍFICOS ******************************
************************************************************************************/ 

div.article_column {
	margin-top:20px;
	}

#content form.search_result h3, #content div.searchintro a{
	display:none;
	}

#content form.search_result legend{
	padding-top:20px;
	color:#CCCCCC;
	}

#content label.ordering {
	margin-top:-15px;
	position:absolute;
	}


/***********************************************************************************************
*********************BLOQUES EN BLOQUES (SUFIJOS DE CLASES MODULES) ****************************
************************************************************************************************/

.User3Izq {
	background-color:#000000;
	width:262px;
	height:110px;
	float:left;
	padding-left:20px;
	}

.User3Der {
	background-color:#000000;
	width:262px;
	height:110px;
	float:right;
	padding-left:20px;
	}

.BannerIzq {
	float:left;
	padding-left:20px;
	padding-top:20px;
	}

.BannerDer {
	float:right;
	}

.Der {
	height:92px;
	margin-bottom:3px;
	background:#000000;
	padding-left:20px;
	padding-top:20px;
	}

.BannerVer {
	margin-bottom:3px;
	background:#000000;
	}

.BannerVer img {
	margin-left:auto;
	margin-right:auto;
	display:block;
	}



/*////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////IMÁGENES Y VIDEO////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////*/

img {
	border:0;
	border-style:none;
	}


#top input.button {   /***Botón lupa***/
	height:20px;
	margin-top:-1px;
	}

.buttonheading {  /***Iconos print etc. artículos***/
	float:right;
	top:-40px;
	right:5px;
	position:relative;
	display:none; /***Elimina los iconos, para que se vean solo con el Alpha Toolbar Article***/
	}
	
/************Botón links web 2.0****************/
#syndicate img { 
	width:25px;
	}

#syndicate div.logosweb20 {
	float:right;
	position:relative;
	top:-23px;
	}

/******Imagenes y pies del footer*********/
#footer div {
	float:left;
}

#footer div.paddingFooter {
	padding-right:45px;
	}

#footer img {
	height:25px;
	}

#footer a {
	font-size: 9px;
	}

#footer p {
	line-height: 1px;
	text-align: center;
	}

/*********Imagenes del content***********/
#content img{
	max-width:490px;
	margin-top:5px;
	margin-bottom:15px;
	}

/*********Videos incrustados***********/
iframe {
	margin-bottom:15px;
	}

/*******(Eliminación) Imágenes de la sección links***********/
div.weblinks img {
	display:none;
	}

	
/**********************************************************************************************
*********************Títulos Rollovers de las cajas*******************************************
***********************************************************************************************/

/****************Genéricos****************/
a.rolloverAncho {
	display:block;
	width:225px;
	height:75px;
	overflow:hidden;
	text-indent:-10000px;
	font-size:0px;
	line-height:0px;
	}

a:hover.rolloverAncho{
	background-position:-225px 0;
	}

a.rolloverEstrecho {
	display:block;
	width:150px;
	height:75px;
	overflow:hidden;
	text-indent:-10000px;
	font-size:0px;
	line-height:0px;
	}

a:hover.rolloverEstrecho{
	background-position:-150px 0;
	}

a.rolloverEstrechoNews {
	height:25px;
	margin-bottom:15px;
	}

a:hover.rolloverEstrechoNews{
	background-position:-150px 0;
	}

/***********Imagenes Específicas*************/
a.infodrogasRollover{
	background: url(../images/cajas/infodrogas_rollover.png) no-repeat 0 0;
	}

a.foroRollover{
	background: url(../images/cajas/foro_rollover.png) no-repeat 0 0;
	}

a.infolineRollover{
	background: url(../images/cajas/infoline_rollover.png) no-repeat 0 0;
	}

a.newsRollover{
	background: url(../images/cajas/news_rollover.png) no-repeat 0 0;
	}

a.analisisRollover{
	background: url(../images/cajas/analisis_rollover.png) no-repeat 0 0;
	}

a.standRollover{
	background: url(../images/cajas/stand_rollover.png) no-repeat 0 0;
	}

a.colaboraRollover{
	background: url(../images/cajas/colabora_rollover.png) no-repeat 0 0;
	}

a.formacionRollover{
	background: url(../images/cajas/talleres_rollover.png) no-repeat 0 0;
	}
#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:20px;
    width:100%;
    text-align:center;
    min-height:40px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
    font-family:verdana;
    font-size:12px;
    top:30%;
}
 
.inner a.ok {
    padding:4px;
    color:#00ff2e;
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#faff00;
}

div#user1 {
    visibility: hidden;
    display: none;
}