/*
	
	---------------------------------
	
	ASA Andalucía // FREE creativos CSS
	
	=================================
	
*/

@charset "utf-8";

@font-face {
    font-family: 'ExistenceLight';
    src: url('existence-light-webfont.eot?') format('eot'),
         url('existence-light-webfont.woff') format('woff'),
         url('existence-light-webfont.ttf') format('truetype'),
         url('existence-light-webfont.svg#webfontHQIp2RSD') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* reset */
*{
	margin:0;
	padding:0;
	outline:0;
}
body { 
	font: .8em Arial, Verdana, Tahoma, Sans-Serif; 
	background: #FFFFFF; 
	color: #999999; 
}

/* TEXTOS Y ADORNOS */
a { 
	text-decoration: none;
	color: #3399cc;
}

p  { 
	margin: 0 0 5px; 
	text-align:justify;
	line-height: 1.2em; 
	color: #999999;
}
p a { 
	font-style: italic;
}

.texto-top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #3399cc;
	padding-top: 3px;
}


/* headings */
h1 { 
	float: left; 
	text-rendering: optimizeLegibility;
	font-family: 'ExistenceLight';
	font-size: 1.6em; 
	color: #336699;
/*	letter-spacing: -0.4px;	*/
}
h2 { 
	font-family: 'ExistenceLight';
	text-rendering: optimizeLegibility;
	margin: 5px 0 5px; 
	font-size: 1em; 
	color: #3399cc; 
}
h2 a { color: #3399cc}
h2 a:hover { color: #003399; cursor: pointer;}
h2 a:active { color: #ccc}
h3 { 
	margin: 5px 0 5px; 
	font-size: 1em; 
	color: #3399cc; 
}
h3 { 
	margin: 5px 0 5px; 
	font-size: 1em; 
	color: #3399cc; 
}
h3 { 
	margin: 5px 0 5px; 
	font-size: 1em; 
	color: #3399cc; 
}
h4 { 
	font-family: 'ExistenceLight';
	text-rendering: optimizeLegibility;
	margin: 13px 0; 
	font-size: 1.2em; 
}
h4 a { color: #33ccff}
h4 a:hover { color: #003399; cursor: pointer;}
h4 a:active { color: #ccc}
img{border:0;}

#todo { 
	width: 100%;
	height: 800px;
	background: url(../images/bg.jpg) repeat-x left top; 
}

/* contenedor */
#contenedor { 
	margin: 0 auto; 
	width: 964px;
	position:relative;
}

/*//HEADER//////////HEADER///////HEADER////////HEADER//////HEADER//////HEADER//////////HEADER//////HEADER//////////*/

/* top menu */
#barra-top { 
	height: 22px;
	margin: 0;
	padding: 0; 
}
#menu-superior {
	float: right;
	width: auto;
}

#topmenu { float:right; }
#topmenu li { display: inline; font-size: 1em; }
#topmenu li a { float: left; padding: 0; margin: 0 0 0 20px; color: #3399cc; }
#topmenu li a:hover { color: #33ccff; cursor: pointer; }

#eslogan {
	float: left;
	width: auto;
}

/*  cabecera */
#cabecera {
	clear: both;
	height: 148px;
	width: 964px;
	background:url(../images/header.jpg) no-repeat left top;
}
#logo {
	margin-top: 25px;
	float: left;
	width: 300px;
	height: 100px;
}
#menu-principal { 
	float: right; 
	margin: 0px 0px 0 0; 
}
.texto-menu {
	font-family: 'ExistenceLight';
	font-weight: bold;
	font-size: 1.5em;
}
.subtitulo {
	font-family: 'ExistenceLight';
	font-weight: normal;
	color: #99ccff;
	font-size: 0.65em;
}
#menu { float:left; }
#menu li {    float: left;
    font-size: 1em;
    list-style: none outside none; }
#menu li.active { background:url(../images/flecha-1.png) no-repeat center top; }
#menu li a { float: left;   padding: 50px 10px 10px;  margin: 0 0 0 10px;
     color: #FFFFFF; }
#menu li a.uno:hover { color: #FFFFFF; cursor: pointer; background: url(../images/rollover-menu.png) no-repeat 0 38px;}
#menu li a.dos:hover { color: #FFFFFF; cursor: pointer; background: url(../images/rollover-dos.png) no-repeat 0 38px;}
#menu li a.tres:hover { color: #FFFFFF; cursor: pointer; background: url(../images/rollover-dos.png) no-repeat 0 38px;}
#menu li a.cuatro:hover { color: #FFFFFF; cursor: pointer; background: url(../images/rollover-cuatro.png) no-repeat 0 38px;}


#flecha-1{
	float: right;
/*	MOVEREMOS LA FLECHA EN SU DIRECCIÓN X A 840px 530px 374px 218px 65px DEPENDIENDO DE LA SECCIÓN SELECCIONADA 
	¡¡¡ En ese caso hay que bajar el LOGO cambiando su MARGIN TOP  a 20px   !!!  */	
	margin: 0px 840px 0 0;
	height: 23px; 
	width: 41px; 
}
#flecha-hidden{
	
	float: right;
/*	MOVEREMOS LA FLECHA EN SU DIRECCIÓN X DEPENDIENDO DE LA SUB - SECCIÓN SELECCIONADA 
	¡¡¡ En caso de ser Inicio o Mapa Web o Faqs o Contacto, poner visibility: hidden;   !!!  */	
	margin: 0px 400px 0 0;
	height: 23px; 
	width: 41px; 
}
#flecha-visible{
	visibility:visible;
	float: right;
/*	MOVEREMOS LA FLECHA EN SU DIRECCIÓN X DEPENDIENDO DE LA SUB - SECCIÓN SELECCIONADA 
	¡¡¡ En caso de ser Inicio o Mapa Web o Faqs o Contacto, poner visibility: hidden;   !!!  */	
	margin: 0px 400px 0 0;
	height: 23px; 
	width: 41px; 
}

#barra-sub { 
	clear: both;
	width: 964px;
 	height: 26px;
	background: url(../images/fondo-ruta.jpg) no-repeat top left;
}
#casa{
	width: 20px;
	height: 20px;
	background:url(../images/icono-home.jpg) no-repeat top;
}
#ruta { height: 26px; width: 240px; float: left; }
#ruta li {  display: inline; margin-top: 5px;  font-size: 1em; }
#ruta li a { font-size: 11px; float: left; padding: 0; margin: 5px 5px 0 0; color: #3399cc; }
#ruta li a:hover { color: #003366; cursor: pointer;}

#submenucont { left: 240px;
    position: absolute;
    top: 170px; }
#submenu { position:relative; top:0; left:0px; height: 56px; width: 713px; float: left; margin-left: 10px;}
#submenu li { display:inline; margin-top: 5px;  font-size: 0.9em; }
#submenu li a {  float:left; height:50px; padding: 0; margin: 6px 5px 0 18px; color: #336699;  }
#submenu li a:hover, #submenu li a.active { color: #003366; background:url(../images/flecha-2.png) center 20px no-repeat; cursor: pointer;}

#submenu-bienvenida { 
	position: absolute;
	left: 670px;
	color: #003366;
    top: 170px; 
	}
	

#bienve{
	float: right;
	color: #003366;
	padding: 3px 0 0 0;
}
#separador{
	clear: both;
	height: 1px;
	visible: false;
}
#separapie{
	clear: both;
	height: 30px;
}

/*//SIDEBAR//////////SIDEBAR///////SIDEBAR////////SIDEBAR//////SIDEBAR//////SIDEBAR//////////SIDEBAR//////SIDEBAR//////////*/
#sidebar{
	float: right;
	width: 300px;
	height: 726px;
	background: url(../images/fondo-sidebar.jpg);
	margin-bottom: 15px;
}
#actualidad{
	height: 250px;
	padding: 20px 10px 10px 10px;
}
#mini-notics{
	margin-right: 15px;
}

.punteado{
	width: 100%;
	height: 2px;
	margin-top: 10px;
	background:url(../images/punteado.png) repeat-x top left;
}

#slide-fotos{
	width: 278px;
	height: 300px;
	background: url(../images/sombra-foto.jpg) top left no-repeat;
	padding: 13px 0 0 8px;
}

#mas-noticias{
	padding: 4px 4px;
	width: 264px;
	height: 23px;
	background:url(../images/+noticias.jpg) top left no-repeat;
	margin: 15px 0;
}
#not-mas{
	float: left;
	width: 15px;
	height: 15px;
	background: url(../images/btn+.jpg) no-repeat 0 0;
	}
#not-mas:hover {
	background-position: 0 -15px;
	cursor: pointer;
}
#not-menos{
	padding-right: 8px;
	float: right;
	width: 15px;
	height: 15px;
	background: url(../images/btn-.jpg) no-repeat 0 0;
	}
#not-menos:hover {
	background-position: 0 -15px;
	cursor: pointer;
}

#eventos{
	margin: 15px 0 0 0;
	height: 250px;
	padding: 20px 10px 10px 10px;
}

#eventos .noticia-impar{
	display:block;
	width: 490px;
	height: auto;
	background-color:#e4f4ff;
	padding: 5px 0px 5px 0px;
}
#eventos .noticia-impar a{	font-style: normal;	color: #3399cc; }
#eventos .noticia-impar a:hover{	font-style: normal;	color: #336699;  }
#eventos .noticia-par{
	display:block;
	width: 490px;
	height: auto;
	padding: 5px 0px 5px 0px;
}
#eventos .noticia-par a{	font-style: normal;	color: #3399cc; }
#eventos .noticia-par a:hover{	font-style: normal;	color: #336699;  }

#calendario{
	width: 278px;
	height: 210px;
	background: url(../images/fondo-calendar.jpg) top left no-repeat;
	padding: 13px 0 0 8px;
}
#calendariocont {
 margin-left: 1px;
    margin-top: 5px;
}
#visitado{
	height: 250px;
	padding: 5px 10px;
}
#visitado p{
	padding: 3px 10px;
}


/*SIDEBAR PRENSA///////////////////////////////////////////////////////////*/
#sidebar-prensa{
	float: right;
	width: 300px;
	height: 726px;
	background: url(../images/fondo-sidebar-prensa.jpg);
	margin-bottom: 15px;
}

#lista-eventos{
	width: 278px;
	height: 150px;
}
#lista-eventos .evento-impar{
	display:block;
/*	background-color:#e4f4ff;*/
	padding: 0 12px 0 12px;
}
#lista-eventos .evento-impar a{	font-style: normal;	color: #999; }
#lista-eventos .evento-impar a:hover{	font-style: normal;	color: #336699;  }

#lista-eventos .evento-par{
	display:block;
	background-color:#f6fbff;
	padding: 0 12px 0 12px;
}
#lista-eventos .evento-par a{	font-style: normal;	color: #999; }
#lista-eventos .evento-par a:hover{	font-style: normal;	color: #336699;  }

#ver-todos { 
	float: left;
	margin: 10px 0 15px 155px;
	width: 126px;
	height: 29px;
	background:url(../images/btn-ver-todos.png) top left no-repeat;
}
#ver-todos:hover {
	background-position: 0 -29px;
	cursor: pointer;
}

#twitter-sidebar{
	float: right;
	height: 200px;
	padding: 5px 10px 10px 10px;

}

#tweets-sidebar{
	width: 278px;
	height: 130px;
	padding-top: 20px;

}
#tweets-sidebar p{ 	margin: 0 23px 0 20px; font-style: normal;	color: #999; }

#visitado-prensa{
	float:right;
	height: 250px;
	padding: 5px 10px;
}
#visitado-prensa p{
	padding: 3px 10px;
}


/*//PIE/////PIE/////PIE///////PIE////////PIE//////PIE//////PIE/////PIE/////PIE//////PIE//////PIE//////PIE/////PIE/////PIE//////PIE//////////////*/

#pie{
	clear: both;
	height: 185px;
	background: url(../images/bg-pie.jpg) repeat-x top left;
}
#footer-1{	
	float: left;
	width: 340px;
	height: 185px;
	background: url(../images/bg-footer-1.jpg);
}
#footer-1 p { padding: 0 0 0 14px; }
#footer-1 h2 { padding: 18px 0 0 14px;  }

#puntos-vert{
	margin: 0 15px;
	float: left;
	width: 3px;
	height: 185px;
	background: url(../images/separador-pie.png);
}
#footer-2{
	
	line-height: 1px;
	color: 3399cc;
	float: left;
	width: 364px;
	height: 185px;
}
#footer-2 p{ 	font-style: normal; color: 3399cc;	}
#footer-2 p a{	font-style: normal;	color: 3399cc; }
#footer-2 p a{	font-style: normal;	color: 3399cc; }
#footer-2 p a:hover { color: #33ccff; cursor: pointer; }

#footer-3{
	float: left;
	width: 193px;
	height: 185px;
	background: url(../images/bg-footer-2.jpg);
}

#footer-3 p{  padding: 5px 0 0 2px; color:#3399CC	}

#footer-4{
	float: left;
	width: 193px;
	height: 165px;
	background: url(../images/bg-footer-3.jpg);
	 padding-top: 20px;
}

#footer-4 p{  padding: 5px 0 0 2px; color:#3399CC	}

#acceder{
	margin: 17px 0 0 86px;
	float: left;
	width: 108px;
	height: 38px;
	background: url(../images/btn-acceder.jpg) no-repeat 0 0;
	}
#acceder:hover {
	background-position: 0 -38px;
	cursor: pointer;
}


/*/ACCESOS DIRECTOS////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#container{
	width: 650px;
	height: auto;
}
.modulo-shortcut{
	text-align:center;
	float: left;
	margin: 0 4px;
	width: 208px;
	height: 180px;
}
.modulo-shortcut .textodirecto{
	padding: 0 10px;
	text-align:center;
}

a#shortcut-1{
	width: 208px;
	height: 97px;
	display:block;
	background:#fff url('../images/ad-prensa.jpg') 0 0 no-repeat;
}
a#shortcut-1:hover{
    background-position:0 -97px;
	cursor: pointer;
}

a#shortcut-2{
	width: 208px;
	height: 97px;
	display:block;	
	background:#fff url('../images/ad-cifras.jpg')  0 0 no-repeat;
}
a#shortcut-2:hover{
    background-position:0 -97px;
	cursor: pointer;
}
a#shortcut-3{
	width: 208px;
	height: 97px;
	display:block;	
	background:#fff url('../images/ad-mapa.jpg')  0 0 no-repeat;
}
a#shortcut-3:hover{
    background-position:0 -97px;
	cursor: pointer;
}

a#shortcut-4{
	width: 208px;
	height: 97px;
	display:block;
	background:#fff url('../images/ad-universidad.jpg') 0 0 no-repeat;
}
a#shortcut-4:hover{
    background-position:0 -97px;
	cursor: pointer;
}

a#shortcut-5{
	width: 208px;
	height: 97px;
	display:block;	
	background:#fff url('../images/ad-instituciones.jpg')  0 0 no-repeat;
}
a#shortcut-5:hover{
    background-position:0 -97px;
	cursor: pointer;
}
a#shortcut-6{
	width: 208px;
	height: 97px;
	display:block;	
	background:#fff url('../images/ad-actuaciones.jpg')  0 0 no-repeat;
}
a#shortcut-6:hover{
    background-position:0 -97px;
	cursor: pointer;
}
a#shortcut-7{
	width: 208px;
	height: 97px;
	display:block;	
	background:#fff url('../images/ad-proyectos.jpg')  0 0 no-repeat;
}
a#shortcut-7:hover{
    background-position:0 -97px;
	cursor: pointer;
}

/*//SECCIONES//////////SECCIONES///////SECCIONES////////SECCIONES//////SECCIONES//////SECCIONES//////////////////////////*/

/*/HOME//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#fondo-banner{
	float: left;
	width: 650px;
	height: 300px;
	background:url(../images/fondo-banner.jpg);
}
#banner{
	padding: 15px 14px;
}
#sector{
	margin: 15px 0;
	float: left;
	width: 650px;
	height: 140px;
	background: url(../images/fondo-tweet.jpg) no-repeat;
	background-position: 0 40px;
}
#accesos{
	margin: 15px 0;
	float: left;
	width: 650px;
	height: auto;
}

.ui-datepicker .preBooked_class { background:#111111; }
.ui-datepicker .preBooked2_class { background:#ff0; }
.ui-datepicker .preBooked_class span { color:#999999; }
.fotos { display:none; }
.fotoscont { width:264px; height:116px; overflow:hidden; }

form{margin:0; padding:0;}
fieldset{border:0px;}
#login { margin:12px 0 0 5px;  padding-bottom: 50px;}
#contact_form{margin:0 auto; position:relative}
label{margin-top:3px;}
label.sp { width:3px;}
span.error{color:red;text-align:left; display:block; }
#submit_btn { margin:18px 0 0 85px }

input.text-input{ width: 180px; margin:0px 0px 6px 0px; height:15px; padding:5px 2px; border:0px; vertical-align:middle}
#login .masabajo { margin-top:21px !important; }
#login input.text-input { margin-top:15px; }
textarea.text-input{ width: 180px; margin:0px; border:solid 1px #cdcdc7; vertical-align:top; }
#contact_form input:focus, #contact_form textarea:focus {border:solid 1px #cdcdc7; }
#contact_form input.button, #login input.button{font-size:11px; font-family:Arial;  padding:5px 5px; border:solid 1px #cdcdc7; margin-top:10px; cursor:pointer; background-color:#888; color:#fff; text-transform:uppercase;}

/*/QUIÉNES SOMOS/////////////////////////////////////////////////////////////////////////////////////////////////////*/
#txt-izda { 
	float: left;
	width: 510px;
}
#img-dcha { 
	float: right;
	margin: 0 34px 0 0;
	width: 90px;
}

#banner-socios{
	margin: 15px 0;
	float: left;
	width: 650px;
	height: 140px;
	background: url(../images/fondo-soc.jpg) no-repeat;
	background-position: 0 40px;
}
#banner-socios .txt-socios{
	margin: 25px 35px 0 0;
	float: right;
	text-align:right;
	line-height: 50px;
}
#banner-socios .txt-socios p{
	float: right;
	text-align:right;
}
a#acceso-socios{
	width: 93px;
	height: 29px;
	display:block;
	float: right;
	background: url(../images/btn-acceder2.jpg) no-repeat top left;
}
a#acceso-socios:hover{
    background-position:0 -29px;
	cursor: pointer;
}

/*/QUIÉNES SOMOS///////SOCIOS///////////////////////////////////////////////////////////////////////////////////////////////*/
#socios{
	margin-top: 20px;
	float: left;
	width: 650px;
	height: auto;
}
#socios ul { margin-left:20px;}
#socios ul li { margin-bottom:8px;}
.modulo-logo{
	text-align:center;
	float: left;
	margin: 0 4px;
	width: 208px;
}
.modulo-logo .logo{
	padding-top: 24px;
}

a.bg-logo{
	padding-top: -30px;
	width: 208px;
	height: 75px;
	display:block;
	background: url(../images/bg-logos.jpg) 0 0 no-repeat;
}
a.bg-logo:hover{
    background-position:0 -97px;
	cursor: pointer;
}
a.txt-logo{
	font-style: normal;
}
a.txt-logo:hover{
	cursor: pointer;
	color: #999;
}
#princ { float: left;}
.clear { clear: both; }
.clearleft { clear: left; }
.filasocios { width:500px; }
.portfolioDetails {  padding:5px;    
    width: 188px; }
.portfolioDetails p { text-align:left !important; }
#navegacion {
font-size:11px;
font-weight:normal;
height:12px;
margin-top:10px;
margin-bottom:10px;
padding:5px 10px 0;

}

#navegacion .destacado{
	font-weight:bold; margin-left:3px;  margin-right:3px; color:#000;
}
#navegacion a{
margin-left:3px;  margin-right:3px;
}
#navegacion .disabled{
margin-left:3px;  margin-right:3px; color:#ccc;
}

/*/QUIÉNES SOMOS//////ORGANIGRAMA///////////////////////////////////////////////////////////////////////////////////////////////*/
#organ { 
	float: left;
	width: 650px;
}
#comite{
	margin: 15px 0 0 0;
	float: left;
	width: 650px;
	height: 150px;
	background: url(../images/fondo-org-1.jpg) no-repeat;
}
#comite-despl-a{
	margin: 15px 0 0 0;
	float: left;
	width: 650px;
	height: 135px;
}
#comite-despl-b{
	margin: 15px 0 0 0;
	float: left;
	width: 650px;
	height: 285px;
}
#comite-col1{
	padding-left: 15px;
	float: left;
	width: 300px;
	height: 150px;

}
#comite-col2{
	margin-left: 10px;
	float: left;
	width: 320px;
	height: 150px;

}
.cargo{color: #3399cc;}

#comite-txt {
	padding: 20px 40px 0 170px;
	cursor:pointer;
}
#consejo{
	margin: 15px 0 0 0;
	float: left;
	width: 650px;
	height: 150px;
	background: url(../images/fondo-org-2.jpg) no-repeat;
}
#asamblea{
	margin: 15px 0 0 0;
	float: left;
	width: 650px;
	height: 150px;
	background: url(../images/fondo-org-3.jpg) no-repeat;
}
	
/*/QUIÉNES SOMOS//////CIFRAS///////////////////////////////////////////////////////////////////////////////////////////////*/
#cifras { 
	float: left;
	width: 650px;
}
#representa{
	margin: 15px 0 0 0;
	float: left;
	width: 650px;
	height: 150px;
	background: url(../images/fondo-cifras-1.jpg) no-repeat;
}
#comite-txt {
	padding: 20px 40px 0 170px;
}
#situacion{
	margin: 15px 0 0 0;
	float: left;
	width: 650px;
	height: 150px;
	background: url(../images/fondo-cifras-2.jpg) no-repeat;
}
#datos-txt {
	padding: 20px 50px 0 240px;
}
#facturacion{
	margin: 15px 0 0 0;
	float: left;
	width: 650px;
	height: 150px;
	background: url(../images/fondo-cifras-3.jpg) no-repeat;
}
/*/QUIÉNES SOMOS//////IMAGENES///////////////////////////////////////////////////////////////////////////////////////////////*/

#icon-albums{
float: left;
width: 175px;
height: 450px;
margin-top: 20px; 
background: url(../images/icono-album.jpg) top left no-repeat;
}
#txt-imgs{
	width: 400px;
	float: right;
	margin: 15px 20px 0 0;
	padding: 5px 10px 10px 10px;
}

#txt-imgs .noticia-impar{
	display:block;
	width: 400px;
	height: auto;
	background-color:#e4f4ff;
	padding: 5px 0px 5px 0px;
}
#txt-imgs .noticia-impar a{	font-style: normal;	color: #3399cc; }
#txt-imgs .noticia-impar a:hover{	font-style: normal;	color: #336699;  }
#txt-imgs .noticia-par{
	display:block;
	width: 400px;
	height: auto;
	padding: 5px 0px 5px 0px;
}
#txt-imgs .noticia-par a{	font-style: normal;	color: #3399cc; }
#txt-imgs .noticia-par a:hover{	font-style: normal;	color: #336699;  }

/*/QUIÉNES SOMOS///////MAPA DE EMPRESAS/////////////////////////////////////////////////////////////////////////////////*/

#mapita{
margin: 15px 0; 
border: solid 1px #ccc ;
}

/*/QUIÉNES SOMOS///////LINKS DE INTERÉS////////////////////////////////////////////////////////////////////////////////////////*/
#todo-links{
	margin-top: 20px;
	float: left;
	width: 650px;
	height: auto;
}
#listado-links{
	padding: 25px 10px 10px 10px;
	float: right;
	width: 390px;
}

#categorias-links{
float: left;
padding: 20px 5px 5px 22px;
width: 210px;
height: 300px;
background: url(../images/fondo-links.jpg) no-repeat top left;
background-position: -3px 0;
margin-top: 5px; 
}
#categorias-links a{
	font-style: normal;
	color: #999;
}
#categorias-links a:hover, #categorias-links a.active{
	color: #3399cc;
}

.link-impar{
	display:block;

	height: auto;
	background-color:#f7fcff;
	padding: 5px 12px 5px 12px;
}
.link-impar a{	font-style: normal;	color: #3399cc; }
.link-impar a:hover{	font-style: normal;	color: #336699;  }
.link-par{
	display:block;

	height: auto;
	padding: 5px 12px 5px 12px;
}
.link-par a{	font-style: normal;	color: #3399cc; }
.link-par a:hover{	font-style: normal;	color: #336699;  }

#historico{
 float: right;
 padding-top: 25px;
 padding-right: 8px;
}

/*/QUIÉNES SOMOS//////NORMATIVA///////////////////////////////////////////////////////////////////////////////////////////////*/

#normas{
float: left;
width: 167px;
height: 450px;
margin-top: 20px; 
}
#norma-and { 
	width: 167px;
	height: 150px;
	background: url(../images/bot-norma-and.jpg) top left no-repeat;

}
#norma-and:hover {
	background-position: 0 -150px;
	cursor: pointer;
}
#norma-esp { 
	width: 167px;
	height: 150px;
	background: url(../images/bot-norma-esp.jpg) top left no-repeat;

}
#norma-esp:hover {
	background-position: 0 -150px;
	cursor: pointer;
}
#norma-eu { 
	width: 167px;
	height: 150px;
	background: url(../images/bot-norma-eu.jpg) top left no-repeat;

}
#norma-eu:hover {
	background-position: 0 -150px;
	cursor: pointer;
}
#txt-normas{
	width: 420px;
	float: right;
	margin: 15px 20px 0 0;
	padding: 5px 10px 10px 10px;
}





#albumes{
	width: 167px;
	float: right;
	margin: 15px 20px 0 0;
	padding: 5px 10px 10px 10px;
}

/*/QUÉ HACEMOS/////////////////////////////////////////////////////////////////////////////////////////////*/

#objetivos p{
margin: 5px 15px 10px 0; 
line-height: 15px;
}

/*/QUÉ HACEMOS/////UNIVERSIDAD////////////////////////////////////////////////////////////////////////////////////////*/
#txt-univ { 
	float: left;
	width: 450px;
}
#img-univ { 
	float: right;
	width: 190px;
	height: 270px;
	background: url(../images/img-universidad.jpg) top left no-repeat;
}
#img-univ .descarga { 
	text-align: center;
	margin: 200px 30px 0 30px;	
}

/*/QUÉ HACEMOS/////ADMINISTRACIONES////////////////////////////////////////////////////////////////////////////////////////*/
#txt-public { 
	float: left;
	width: 450px;
}
#img-public { 
	float: right;
	width: 190px;
	height: 270px;
	background: url(../images/img-instituciones.jpg) top left no-repeat;
}
#img-public .descarga { 
	text-align: center;
	margin: 200px 30px 0 30px;	
}

/*/QUÉ HACEMOS/////ACTUACIONES////////////////////////////////////////////////////////////////////////////////////////*/
.descarga{ 
	float: left;
	padding: 7px 0 0 5px;
}
#icono-descarga{ 
	float: left;
}
/*/SALA DE PRENSA/////////////////////////////////////////////////////////////////////////////////////////////*/
#prensa{
	margin-top: 20px;
	float: left;
	width: 650px;
	height: 760px;
	background: url(../images/fondo-prensa.jpg) top left no-repeat;
	background-position: 0 30px;
}
#txt-destacada { 
	float: right;
	margin: 5px 20px 5px 0;
	width: 236px;
	height: 250px;
}
#img-destacada { 
	float: left;
	margin: 5px 0 5px 16px;
	width: 350px;
	height: 250px;
	border: solid 1px #fafafa;
	background: #33CC66;
}
#img-normales { 
	clear: left;
	padding: 30px 0 5px 17px;
	width: 630px;
	height: 120px;
	border: solid 1px #fafafa;

}
#img-normales .mini-noticia{	
	padding-right: 33px;
}

#titulos-normales{	
	clear: left;
	padding-left: 17px;
	width: 630px;
	height: 80px;

}
#titulos-normales .tit{	
	display: block;
	text-align: center;
	margin-right: 37px;
	width: 180px;
	height: 50px;
	float: left;

}
#titulos-normales .ultimo-tit{	
	display: block;
	text-align: center;
	width: 180px;
	height: 50px;
	float: left;

}
#ver-todas { 
	float: left;
	margin: 130px 0 0 35px;
	width: 126px;
	height: 29px;
	background:url(../images/btn-ver-todas.png) top left no-repeat;
}
#ver-todas:hover {
	background-position: 0 -29px;
	cursor: pointer;
}
#otras-noticias{
	height: 170px;
	width: 410px;
	margin: 15px 0 0 215px;
}

/*/SALA DE PRENSA/////EVENTOS////////////////////////////////////////////////////////////////////////////////////////*/
#eventos p{
float: right;
width: 500px;
}
#icono-eventos{
float: left;
width: 130px;
height: 150px;
background: url(../images/icono-eventos.jpg) top left no-repeat;
margin-top: 5px; 
}
#mostrar-evento{
float: left;
}
#mostrar-evento img { margin-left:20px; margin-bottom:20px; }
#foto-evento { 
	float: right;
	width: 200px;
	height: 150px;
	border: solid 1px #ccc;

}

/*/SALA DE PRENSA/////NOTICIAS////////////////////////////////////////////////////////////////////////////////////////*/
#listado-noticias{
	margin: 15px 0 0 0;
	height: 250px;
	padding: 20px 10px 10px 10px;
	float: right;
width: 500px;
}

#icono-prensa{
float: left;
width: 130px;
height: 150px;
background: url(../images/icono-prensa.jpg) top left no-repeat;
margin-top: 5px; 
}

#listado-noticias .noticia-impar{
	display:block;
	width: 480px;
	height: auto;
	background-color:#e4f4ff;
	padding: 5px 12px 5px 12px;
}
#listado-noticias .noticia-impar a{	font-style: normal;	color: #3399cc; }
#listado-noticias .noticia-impar a:hover{	font-style: normal;	color: #336699;  }
#listado-noticias .noticia-par{
	display:block;
	width: 480px;
	height: auto;
	padding: 5px 12px 5px 12px;
}
#listado-noticias .noticia-par a{	font-style: normal;	color: #3399cc; }
#listado-noticias .noticia-par a:hover{	font-style: normal;	color: #336699;  }

#historico{
 float: right;
 padding-top: 25px;
 padding-right: 8px;
}

#mostrar-noticia{
float: left;
width: 280px;
padding-bottom: 20px;
}
#foto-noticia { 
	float: right;
	width: 350px;
	height: 250px;
	border: solid 1px #ccc;
}
#escritor { 
margin-top: 15px;
font-size:11px;
clear: left;
width: 280px;
background:#f5fbfe;
}
#escritor .destacado { 
color: 3399cc;
}

/*/ÚNETE A ASA//////////////////////////////////////////////////////////////////////////////////////////////////////*/
#empresas{
	margin-top: 20px;
	float: left;
	width: 300px;
	height: auto;
	background: url(../images/botones-unete.jpg) no-repeat;
	background-position: 0 105px;
}
#empresas p{
	line-height: 18px;
}
#enlace-unete{
	display:block;
	font-size: 16px;
	font-weight: bold;
	margin: 36px 0 55px 170px;
	width: 30px;
	height: 30px;
}
#enlace-unete a{ 
	color: #3399cc; 
}
#enlace-unete a:hover{ 
	color: #336699; 
}
#enlace-curri{
	display:block;
	font-size: 16px;
	font-weight: bold;
	margin: 40px 0 50px 180px;
	width: 50px;
	height: 30px;
}
#enlace-curri a{ 
	color: #3399cc; 
}
#enlace-curri a:hover{ 
	color: #336699; 
}
#trabajadores{
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
	width: 310px;
	height: auto;
	background: url(../images/botones-unete.jpg) no-repeat;
	background-position: -340px 105px;
}
#trabajadores p{
	line-height: 18px;
}

/*/ÚNETE A ASA///////////RRHH///////////////////////////////////////////////////////////////////////////////////////////*/

#rrhh{
	margin-top: 0;
	color: #3399cc;
	float: left;
	width: 650px;
	
	background: url(../images/fondo-rrhh.jpg) no-repeat;
	background-position: 5px 45px;
	

}
#linea-1a{
	margin-top: 36px;
	margin-left: 10px;
	float: left;
	width: 240px;
	height: 35px;
	
}
#linea-1b{
	margin-top: 36px;
	margin-left: 20px;
	float: left;
	width: 350px;
	height: 35px;
	
}
#linea-2a{
	margin-top: 29px;
	margin-left: 10px;
	float: left;
	width: 50px;
	height: 35px;
	
}
#linea-2b{
	margin-top: 29px;
	margin-left: 15px;
	float: left;
	width: 286px;
	height: 35px;
	
}
#linea-2c{
	margin-top: 29px;
	margin-left: 42px;
	float: left;
	width: 230px;
	height: 35px;
	
}
#linea-3a{
	margin-top: 30px;
	margin-left: 10px;
	float: left;
	width: 185px;
	height: 35px;
	
}
#linea-3b{
	margin-top: 30px;
	margin-left: 20px;
	float: left;
	width: 340px;
	height: 35px;
	
}
#linea-4a{
	margin-top: 27px;
	margin-left: 10px;
	float: left;
	width: 180px;
	height: 35px;
	
}
#linea-4b{
	margin-top: 27px;
	margin-left: 25px;
	float: left;
	width: 330px;
	height: 35px;
	
}
#linea-5{
	margin-top: 30px;
	margin-left: 10px;
	float: left;
	width: 610px;
	height: 115px;
	
}
#linea-6{
	margin-top: 45px;
	margin-left: 10px;
	float: left;
	width: 610px;
	height: 115px;
	
}
#foto-rrhh{
	margin-top: 13px;
	margin-left: 20px;
	float: left;
	width: 180px;

	
}
#foto-rrhh p{ padding-top: 10px;  }
#adjunto-rrhh{
	
	margin-left: 20px;
	float: left;
	width: 180px;
	
	
}
#adjunto-rrhh p{ padding-top: 10px;  }
#examinar-1{
	margin-top: 13px;
	margin-left: 5px;
	float: left;
	width: 440px;
	
	
}
#examinar-2{

	margin-left: 5px;
	float: left;
	width: 300px;

	
}
#enviar-rrhh{
	margin-top: 13px;
	margin-left: 20px;
	float: left;
	width: 150px;
	height: 35px;
	
}
#enviar-bot2{
	float: right;
	margin-right: 10px;
	width: 93px;
	height: 29px;
	background: url(../images/btn-enviar.jpg) no-repeat 0 0;
	}
#enviar-bot2:hover {
	background-position: 0 -29px;
	cursor: pointer;
}
/*/ÚNETE A ASA///////////INSTITUCIONES Y EMPRESAS///////////////////////////////////////////////////////////////////////////*/

#inscripcion{
	margin-top: 0;
	color: #3399cc;
	float: left;
	width: 650px;
	height: 620px;
	background: url(../images/fondo-form-empresas.jpg) no-repeat;
	background-position: 5px 45px;
	

}
#f-cargo{
	margin-top: 29px;
	margin-left: 10px;
	float: left;
	width: 280px;
	height: 35px;
	
}
#f-empresa{
	margin-top: 29px;
	margin-left: 25px;
	float: left;
	width: 310px;
	height: 35px;
	
}
#f-cif{
	margin-top: 29px;
	margin-left: 10px;
	float: left;
	width: 195px;
	height: 35px;
	
}
#f-domicilio{
	margin-top: 29px;
	margin-left: 10px;
	float: left;
	width: 410px;
	height: 35px;
	
}
#f-poblacion{
	margin-top: 29px;
	margin-left: 10px;
	float: left;
	width: 405px;
	height: 35px;
	
}
#f-provincia{
	margin-top: 29px;
	margin-left: 10px;
	float: left;
	width: 200px;
	height: 35px;
	
}
#f-postal{
	margin-top: 29px;
	margin-left: 10px;
	float: left;
	width: 115px;
	height: 35px;
	
}
#f-telefono{
	margin-top: 29px;
	margin-left: 10px;
	float: left;
	width: 215px;
	height: 35px;
	
}
#f-fax{
	margin-top: 29px;
	margin-left: 10px;
	float: left;
	width: 260px;
	height: 35px;
	
}
#f-mail{
	margin-top: 30px;
	margin-left: 10px;
	float: left;
	width: 400px;
	height: 35px;
	
}
#f-web{
	margin-top: 30px;
	margin-left: 15px;
	float: left;
	width: 200px;
	height: 35px;
	
}
#f-otros{
	margin-top: 29px;
	margin-left: 10px;
	float: left;
	width: 610px;
	height: 135px;
	
}

#enviar-form{
	margin-top: 13px;
	margin-right: 3px;
	float: right;
	width: 150px;
	height: 35px;
	
}
#enviar-bot2{
	float: right;
	margin-right: 10px;
	width: 93px;
	height: 29px;
	background: url(../images/btn-enviar.jpg) no-repeat 0 0;
	}
#enviar-bot2:hover {
	background-position: 0 -29px;
	cursor: pointer;
}


/*/MAPA WEB//////////////////////////////////////////////////////////////////////////////////////////////////////*/

#mapa-web{
	float: left;
	width: 400px;
	height: 730px;
}

/*/AVISO, POLÍTICA DE PRIVACIDAD Y DESARROLLO WEB//////////////////////////////////////////////////////////////////////////*/

#lightbox-textos{
	float: left;
	width: 500px;
	padding: 15px;
	height: 730px;
}



/*/CONTACTO//////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contacto{
	margin-top: 20px;
	float: left;
	width: 650px;
	height: auto;
}
#contact-form{
width: 650px;
height: 210px;
background: url(../images/fondo-contact.jpg) top left no-repeat;
}
#contact-form p{
color: #3399cc;
line-height: 45px;
margin-left: 12px;
}
.inputcontacto {  background-color: #f3f9fe;
    border: 0 none;
    margin: 7px 10px 20px;
    padding: 5px 2px;
    vertical-align: middle;
    width: 250px;
}
.textareacontacto {     height: 140px !important;background-color: #f3f9fe;
    width: 334px !important;} 
#form-izda{
width: 280px;
float: left;
height: 200px;
}
#form-dcha{
width: 360px;
float: right;
height: 200px;
}
#enviar-bot{
	margin-top: 18px;
	float: right;
	width: 93px;
	height: 29px;
	background: url(../images/btn-enviar.jpg) no-repeat 0 0;
	}
#enviar-bot:hover {
	background-position: 0 -29px;
	cursor: pointer;
}
#banner-email{
padding-top:15px;
clear: left;
width: 650px;
height: 100px;
background: url(../images/fondo-email+map.jpg) top left no-repeat;
background-position: 0 35px;
}
#banner-email .url-map{
padding: 5px 50px 0 80px;
}
#banner-direccion{
padding-top:15px;
clear: left;
width: 650px;
height: 450px;
background: url(../images/fondo-direccion.jpg) top left no-repeat;
background-position: 0 35px;
}
#banner-direccion .txt-direccion{
padding: 12px 0 0 300px;
line-height: 18px;
}
.titular_error { font-weight:bold; color:#f00; }
.errores_formulario { margin-bottom:20px; }
.titularok { font-weight:bold; color:#999999; }
#dialog-modal { display:none; position:relative; }
#fondologin { background: url(../images/fondo-lightbox.jpg) top left no-repeat; width:561px; height:340px; position:relative; }
#bot-portal {  left: 350px;
    position: absolute;
    top: 40px; }
#bot-gestor {  left: 350px;
    position: absolute;
    top:160px; } 
#bot-intranet {  left: 350px;
    position: absolute;
    top:260px; }    
.ui-dialog .ui-dialog-content { padding:0 !important; }
#btn-salir{
	padding-right: 8px;
	float: left;
	width: 108px;
	height: 38px;
	background: url(../images/btn-salir.jpg) no-repeat 0 0;
	}
#btn-salir:hover {
	background-position: 0 -38px;
	cursor: pointer;
}

/*///////////////////////////////////////////JORNADAS TÉCNICAS //////////////////////*/

/*FORMULARIO DE INSCRIPCIÓN*/

#cabecera-jornadas {
	clear: both;
	height: 148px;
	width: 964px;
	background:url(../images/header-jornadas.jpg) no-repeat left top;
}

.texto-titjornadas{
	float: right; 
	margin: 30px 0px 0 0; 
}

#submenu-jornadas { position:relative; top:0; left:0px; height: 56px; width: 713px; float: left;}
#submenu-jornadas li { display:inline; margin-top: 5px;  font-size: 0.9em; }
#submenu-jornadas li a {  float:left; height:50px; padding: 0; margin: 6px 5px 0 18px; color: #336699;  }
#submenu-jornadas li a:hover, #submenu li a.active { color: #003366; background:url(../images/flecha-2.png) center 20px no-repeat; cursor: pointer;}

#inscripciones{
	margin-top: 0;
	color: #3399cc;
	float: left;
	width: 650px;
	height: 1100px;
	
	background: url(../images/fondo-jornadas.png) no-repeat;
	background-position: 5px 45px;
}
#enviar-inscripcion{
	margin-top: 140px;
	margin-bottom: 20px;
	margin-right: 10px;
	float: right;
	width: 150px;
	height: 35px;
	
}


#sidebar-jornadas{
	float: right;
	width: 300px;
	height: 1150px;
	background: url(../images/sidebar-jornadas.png);
	margin-bottom: 15px;
}
#fax{
	height: 140px;
	padding: 20px 10px 10px 10px;
}
#cuotas{
	height: 100px;
	padding: 20px 10px 10px 10px;
}
#alojamiento{
	height: 140px;
	padding: 20px 10px 10px 10px;
}
#pago{
	height: 230px;
	padding: 20px 10px 10px 10px;
}

/*RESTO DE SECCIONES*/

#presentacion-jornadas{
	margin-top: 0;
	float: left;
	height: 780px;
}

#carta{
	margin-top: 0;
	float: left;
	width: 430px;
	height: 330px;
	text-align: justify;
}
#carta2{
	margin-top: 0;
	float: left;
	width: 640px;
	height: 400px;
	text-align: justify;
}
#presidente{
	margin-top: 0;
	float: right;
	width: 200px;
	height: 300px;
	background: url(../images/foto-presidente.jpg) no-repeat;
}

#sidebar-jornadas2{
	float: right;
	width: 300px;
	height: 675px;
	background: url(../images/sidebar-jornadas2.png);
	margin-bottom: 15px;
}

#j-maps{
	height: 186px;
	padding: 20px 10px 10px 10px;
}
#sid-inscripciones{
	height: 160px;
	padding: 20px 10px 10px 10px;
}

#j-programa{
	margin-top: 0;
	color: #3399cc;
	float: left;
	width: 640px;
	height: 1760px;
	text-align: justify;
}
#j-patrocinio{
	margin-top: 0;
	color: #3399cc;
	float: left;
	width: 640px;
	height: 600px;
	text-align: justify;
}
#j-contacto{
	margin-top: 20px;
	color: #3399cc;
	float: left;
	width: 270px;
	height: 650px;
	text-align: justify;

}
#j-googlemaps{
	border: solid : 5px #e1eaff;
	margin-top: 20px;
	color: #3399cc;
	float: right;
	height: 500px;
}

	/****INSCRITOS.PHP****/

#j-inscritos{
	margin-top: 20px;
	float: left;
	width: 650px;
	height: 1100px;
}

/*FOOTER*/

#footer-jornadas{
	float: left;
	width: 193px;
	height: 185px;
	background: url(../images/footer-lametro.png);
}

/*//////////////////////////ENRIQUE////////////////////////////////*/

#j-nombre{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 90px;
    width: 260px;
	
}
#j-apellidos{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 90px;
    width: 260px;
	
}
#j-dni{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 31px;
    width: 260px;
	
}
#j-mail{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 31px;
    width: 260px;
	
}
#j-telefonouser{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 36px;
    width: 260px;
	
}
#j-movil{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 36px;
    width: 260px;
	
}
#j-cargo{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 85px;
    width: 260px;
	
}
#j-empresa{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 85px;
    width: 300px;
	
}
#j-cif{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 31px;
    width: 260px;
	
}
#j-domicilio{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 31px;
    width: 260px;
	
}
#j-poblacion{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 35px;
    width: 260px;
	
}
#j-provincia{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 35px;
    width: 210px;
	
}
#j-postal{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 35px;
    width: 120px;
	
}
#j-telefono{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 35px;
    width: 260px;
	
}
#j-fax{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 35px;
    width: 260px;
	
}
#j-web{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 36px;
    width: 260px;
	
}
#j-acompanante{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 85px;
    width: 560px;
	
}
#j-hotel{
	 float: left;
    height: 35px;
    margin-left: 10px;
    margin-top: 31px;
    width: 260px;
	
}


			
			
			
	/*** INSCRITOS ****/

#table_inscritos {
	width:100%;
	border:1px solid #ddd;
	margin-bottom:15px;
}

#table_inscritos caption {
	text-align:center;
	background-color:#0089cc;
	font:normal 12px Arial, Verdana, Helvetica, sans-serif;
	color:white;
	padding:2px;
}

#table_inscritos thead tr th {
	font:bold 11px Arial, Verdana, Helvetica, sans-serif;
	color:#555;
	padding:2px 5px;
	cursor:pointer;
			
}

#table_inscritos thead tr th#th_empresa {
	width:30%;
}
#table_inscritos thead tr th#th_apellidos {
	width:30%;
}
#table_inscritos thead tr th#th_nombre {
	width:15%;
}
#table_inscritos thead tr th#th_cargo {
	width:25%;
}
	
#table_inscritos tr td {
	font:normal 11px Arial, Verdana, Helvetica, sans-serif;
	color:#555;
	padding:2px 5px;
	border-top:1px solid #eee;
}


/*/STREAM VIDEO///////////////////////////////////////////////////////////////////////////////////////////////*/
#stream{
	margin-top: 20px;
	float: left;
	width: 930px;
	height: 700px;
}