@charset "UTF-8";

/* ===== HEADER ===== */

div#header {
	width: 960px;
	/* height: 165px; */
	height: 200px;
	position: relative;
	
}

/* ===== MENU: SOCIALNETWORK ===== */

#header div#menuSocialNetwork {
	/* left:0; */
	position:absolute;
	right:315px;
	color:#fff;
	/* height:25px; */
	height:31px;
}

#menuSocialNetwork ul {
	list-style:none;
}

#menuSocialNetwork li {
	float:left; /* para tener una lista horizontal */
	/* height: 25px; */
	height: 31px;
	margin-right:10px;
}

#menuSocialNetwork li a {
	/*width: 25px;*/
	height: 31px;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	color:#fff;
	border:none;
}

/* Facebook */
#menuSocialNetwork li a.facebook:link, #menuSocialNetwork li a.facebook:visited  {
	width:14px;
	/* background: url(../img/btn_facebook.png) no-repeat top left; } */
	background: url(../img/btn_facebook2.png) no-repeat top left; }

#menuSocialNetwork li a.facebook:hover, #menuSocialNetwork li a.facebook:active  {
	width:14px;
	/* background: url(../img/btn_facebook.png) no-repeat bottom left; } */
	background: url(../img/btn_facebook2.png) no-repeat bottom left; }

/* Twitter */
#menuSocialNetwork li a.twitter:link, #menuSocialNetwork li a.twitter:visited  {
	width:14px;
	/* background: url(../img/btn_twitter.png) no-repeat top left; } */
	background: url(../img/btn_twitter2.png) no-repeat top left; }

#menuSocialNetwork li a.twitter:hover, #menuSocialNetwork li a.twitter:active  {
	width:14px;
	/* background: url(../img/btn_twitter.png) no-repeat bottom left; } */
	background: url(../img/btn_twitter2.png) no-repeat bottom left; }

/* YouTube */
#menuSocialNetwork li a.youtube:link, #menuSocialNetwork li a.youtube:visited  {
	width:35px;
	/* background: url(../img/btn_youtube.png) no-repeat top left; } */
	background: url(../img/btn_youtube2.png) no-repeat top left; }

#menuSocialNetwork li a.youtube:hover, #menuSocialNetwork li a.youtube:active  {
	width:35px;
	/* background: url(../img/btn_youtube.png) no-repeat bottom left; } */
	background: url(../img/btn_youtube2.png) no-repeat bottom left; }

/* MySpace 
#menuSocialNetwork li a.myspace:link, #menuSocialNetwork li a.myspace:visited  {
	background: url(../img/btn_myspace.png) no-repeat top left; }

#menuSocialNetwork li a.myspace:hover, #menuSocialNetwork li a.myspace:active  {
	background: url(../img/btn_myspace.png) no-repeat bottom left; } */

/* Hi5 
#menuSocialNetwork li a.hi5:link, #menuSocialNetwork li a.hi5:visited  {
	background: url(../img/btn_hi5.png) no-repeat top left; }

#menuSocialNetwork li a.hi5:hover, #menuSocialNetwork li a.hi5:active  {
	background: url(../img/btn_hi5.png) no-repeat bottom left; } */

/* WordPress 
#menuSocialNetwork li a.wordpress:link, #menuSocialNetwork li a.wordpress:visited  {
	background: url(../img/btn_wordpress.png) no-repeat top left; }

#menuSocialNetwork li a.wordpress:hover, #menuSocialNetwork li a.wordpress:active  {
	background: url(../img/btn_wordpress.png) no-repeat bottom left; } */


/* ===== MENU: LOGIN / NEWSLETTER / ENGLISH-CASTELLANO / CONTACTO ===== */

#header div#menuLogin {
	position:absolute;
	text-align:right;
	/* right:0; */
	left:-3px;
	color:#fff;
	/* height:25px; */
	height:31px;
}

#menuLogin ul {
	list-style:none;
	width:auto;
}

#menuLogin li {
	float:left; /* para tener una lista horizontal */
	/* height:25px; */
	height: 31px;
	margin-right:10px; /* division entre los itens de la lista */
	margin:0;
	padding:0;
}

#menuLogin li a{
	display:block;
	color:#fff;
	text-decoration:none;
	text-align:left;
	text-indent: -9999px;
	border:none;
}

/* BTN Newsletters */
#menuLogin li a.newsletters:link, #menuLogin li a.newsletters:visited  {
	width: 75px;
	/* height:25px; */
	height: 31px;
	/* background: url(../img/btn_newsletters.png) no-repeat top right; */
	background: url(../img/btn_newsletters2.png) no-repeat top right;
}

#menuLogin li a.newsletters:hover, #menuLogin li a.newsletters:active  {
	/* background: url(../img/btn_newsletters.png) no-repeat bottom right; */
	background: url(../img/btn_newsletters2.png) no-repeat bottom right;
}

/* BTN English-Castellano */
#menuLogin li a.english:link, #menuLogin li a.english:visited  {
	width: 50px;
	/* height:25px; */
	height: 31px;
	/* background: url(../img/btn_english.png) no-repeat top right; */
	background: url(../img/btn_english2.png) no-repeat top right;
}

#menuLogin li a.english:hover, #menuLogin li a.english:active  {
	/* background: url(../img/btn_english.png) no-repeat bottom right; */
	background: url(../img/btn_english2.png) no-repeat bottom right;
}

/* BTN Contacto */
#menuLogin li a.contacto:link, #menuLogin li a.contacto:visited  {
	width: 60px;
	/* height:25px; */
	height: 31px;
	/* background: url(../img/btn_contacto.png) no-repeat top right; */
	background: url(../img/btn_contacto2.png) no-repeat top right;
}

#menuLogin li a.contacto:hover, #menuLogin li a.contacto:active  {
	/* background: url(../img/btn_contacto.png) no-repeat bottom right; */
	background: url(../img/btn_contacto2.png) no-repeat bottom right;
}

/* BTN Acceder */

#menuLogin li a.acceder:link, #menuLogin li a.acceder:visited  {
	width: 52px;
	/* height:25px; */
	height: 31px;
	/* background: url(../img/btn_acceder.png) no-repeat top right; */
	background: url(../img/btn_acceder2.png) no-repeat top right;
	
}

#menuLogin li a.acceder:hover, #menuLogin li a.acceder:active  {
	/* background: url(../img/btn_acceder.png) no-repeat bottom right; } */
	background: url(../img/btn_acceder2.png) no-repeat bottom right; }

/* BTN Login */

#menuLogin li a.login:link, #menuLogin li a.login:visited  {
	width: 40px;
	/* height:25px; */
	height: 31px;
	/* background: url(../img/btn_login.png) no-repeat top right; */
	background: url(../img/btn_login2.png) no-repeat top right;
	
}

#menuLogin li a.login:hover, #menuLogin li a.login:active  {
	/* background: url(../img/btn_login.png) no-repeat bottom right; } */
	background: url(../img/btn_login2.png) no-repeat bottom right; }

/* BTN Usuario */


/* ===== MENU DROPDOWN Mi biblioteca ===== */

/* USUARIO */

.usuarioIzq {
	background:url(../img/btn_usuario_izq2.png) no-repeat top left;
	padding-left:5px;
}

.usuarioCentro {
	background:url(../img/btn_usuario_centro2.png) repeat-x;
	margin-right:15px;
	/* line-height:24px; */
	line-height:30px;
	color:#000;
}

.usuarioDer {
	background:#29B5B3 url(../img/btn_usuario_der2.png) no-repeat top right;
	margin-left:5px;
}


/* MENUS */

.dropdownBiblio {
	float:left;
	text-align:left;
}
.dropdownBiblio dt {
	font-size:11px;
	font-weight:normal;
	cursor:pointer;
	margin-bottom:10px;
}

.dropdownBiblio dt a{
	cursor:pointer;
}

/* SUBMENUS */
.dropdownBiblio dd {
	right:0;
	position:absolute;
	overflow:hidden;
	width:100%;
	display:none;
	background:#fff;
	z-index:300;
	opacity:0;
}

.dropdownBiblio p {
	font-size:11px;
	color:#333;
}

.underlineBiblio {
	width:100%;
	border-bottom:#29B5B3 solid 6px;
}

/* SUBMENUS MouseOver */
.dropdownBiblio a:link, .dropdownBiblio a:visited {
	font-size:11px;
	display: block;
	color:#333;
	text-decoration:none;
	background:#fff;
	line-height:18px; /* he posat això perquè es vegi igual en IE7 i IE8 */
}

.dropdownBiblio a:hover, .dropdownBiblio a:active {
	font-size:11px;
	display: block;
	background:#29B5B3; /* !!! color del numero actual !!! */
	color:#fff;
	line-height:18px;
}


/* ===== HEADER: LOGO ===== */

#header div#headerLogo {
	width:104px;
	height:70px;
	/* height:77px; */
	/* height:52px; */
	position:absolute;
	text-align:left;
	/* top:39px; */
	top:50px;
	left:-3px;
	color:#29B5B3; /* !!! color del numero actual !!! */
}

/* Logo On Diseño */
#headerLogo a {
	width: 104px;
	height: 70px;
	/* height:77px; */
	/* height:52px; */
	display:block;
	color:#29B5B3; /* !!! color del numero actual !!! */
	text-decoration:none;
	text-align:left;
	text-indent: -9999px;
	border:none;
}
#headerLogo a.logo:link, #headerLogo a.logo:visited  {
	/* background: url(../img/logo_ondiseno_peq.png) no-repeat top left; */
	background: url(../img/logo_ondiseno.png) no-repeat top left;
	background-color:#29B5B3; /* !!! color del numero actual !!! */
}

#headerLogo a.logo:hover, #headerLogo a.logo:active  {
	/* background: url(../img/logo_ondiseno_peq.png) no-repeat top left; */
	background: url(../img/logo_ondiseno.png) no-repeat top left;
	background-color:#29C2C6; /* !!! color OVER del numero actual !!! */
}


/* ===== HEADER: BANNER ===== */

#header div#headerBanner {
	position:absolute;
	top:41px;
	right:0px;
	width:728px;
	height:90px;
}

#headerSlogan a.slogan:link, #headerSlogan a.slogan:visited  {
	display:inline;
	color:#a9a9a9;
	text-decoration:none;
}

#headerSlogan a.slogan:hover, #headerLogo a.slogan:active {
	display:inline;
	color:#a9a9a9;
	text-decoration:underline;
} 

/* ===== HEADER: SLOGAN ===== 

#header div#headerSlogan {
	position:absolute;
	text-align:left;
	letter-spacing: .03em;
	top:80px;
	right:0px;
	color:#a9a9a9;
	width:auto;
	height:13px;
}

#headerSlogan a.slogan:link, #headerSlogan a.slogan:visited  {
	display:inline;
	color:#a9a9a9;
	text-decoration:none;
}

#headerSlogan a.slogan:hover, #headerLogo a.slogan:active {
	display:inline;
	color:#a9a9a9;
	text-decoration:underline;
} */

/* ===== HEADER: SEARCH ===== */

#header div#headerSearch {
	display:inline;
	position:absolute;
	top:5px;
	right:0px;
}

.input_form {
	border:solid 0 #fff;
	outline:none; 
	color:#333;
	font-size: 11px;
} 


/* ===== HEADER: SEARCH ===== 

#header div#headerSearch {
	display:inline;
	position:absolute;
	top:40px;
	right:0px;
}

.input_form {
	border:solid 0 #fff;
	outline:none; 
	color:#333;
	font-size: 11px;
} */


/* ===== MENU PRINCIPAL ===== */

#header div#menuPrincipal {
	width:960px;
	text-align:left;
	position:relative;
	/* top:106px; */
	top:141px;
	color:#fff;
}

.dropdown {
	float:left;
	padding-right:10px;
	text-align:left;
}


/* MENUS */
.dropdown dt {
	font-size:16px;
	font-weight:normal;
	width:150px;
	height:40px;
	font-weight:bold;
	cursor:pointer;
	color:#fff;
}

.dropdown dt a{
	width:150px;
	height:40px;
	cursor:pointer;
}


/* MENUS (Link, Active) */
#menuPrincipal .dropdown dt.proyectos a:link, #menuPrincipal .dropdown dt.proyectos a:visited{
	background:url(../img/m_proyectos.png) no-repeat top left;
	text-indent:-9999px;
}

#menuPrincipal .dropdown dt.productos a:link, #menuPrincipal .dropdown dt.productos a:visited{
	background:url(../img/m_productos.png) no-repeat top left;
	text-indent:-9999px;
}

#menuPrincipal .dropdown dt.noticias a:link, #menuPrincipal .dropdown dt.noticias a:visited{
	background:url(../img/m_noticias.png) no-repeat top left;
	text-indent:-9999px;
}

#menuPrincipal .dropdown dt.agenda a:link, #menuPrincipal .dropdown dt.agenda a:visited{
	background:url(../img/m_agenda.png) no-repeat top left;
	text-indent:-9999px;
}

#menuPrincipal .dropdown dt.videos a:link, #menuPrincipal .dropdown dt.videos a:visited{
	background:url(../img/m_videos.png) no-repeat top left;
	text-indent:-9999px;
}

#menuPrincipal .dropdown dt.revista a:link, #menuPrincipal .dropdown dt.revista a:visited{
	background:url(../img/m_revista.png) no-repeat top left;
	text-indent:-9999px;
}

/* MENUS (Current) */
#menuPrincipal .dropdown dt.proyectosCurrent a{
	background:url(../img/m_proyectos.png) no-repeat bottom left;
	text-indent:-9999px;
}

#menuPrincipal .dropdown dt.productosCurrent a{
	background:url(../img/m_productos.png) no-repeat bottom left;
	text-indent:-9999px;
}

#menuPrincipal .dropdown dt.noticiasCurrent a{
	background:url(../img/m_noticias.png) no-repeat bottom left;
	text-indent:-9999px;
}

#menuPrincipal .dropdown dt.agendaCurrent a{
	background:url(../img/m_agenda.png) no-repeat bottom left;
	text-indent:-9999px;
}

#menuPrincipal .dropdown dt.videosCurrent a{
	background:url(../img/m_videos.png) no-repeat bottom left;
	text-indent:-9999px;
}

#menuPrincipal .dropdown dt.revistaCurrent a{
	background:url(../img/m_revista.png) no-repeat bottom left;
	text-indent:-9999px;
}

/* MENUS (Hover, Active) */
#menuPrincipal .dropdown dt.proyectos a:hover, #menuPrincipal .dropdown dt.proyectos a:active{
	background:url(../img/m_proyectos.png) no-repeat bottom left;
	text-indent:-9999px;
}

#menuPrincipal .dropdown dt.productos a:hover, #menuPrincipal .dropdown dt.productos a:active{
	background:url(../img/m_productos.png) no-repeat bottom left;
	text-indent:-9999px;
}

#menuPrincipal .dropdown dt.noticias a:hover, #menuPrincipal .dropdown dt.noticias a:active{
	background:url(../img/m_noticias.png) no-repeat bottom left;
	text-indent:-9999px;
}

#menuPrincipal .dropdown dt.agenda a:hover, #menuPrincipal .dropdown dt.agenda a:active{
	background:url(../img/m_agenda.png) no-repeat bottom left;
	text-indent:-9999px;
}

#menuPrincipal .dropdown dt.videos a:hover, #menuPrincipal .dropdown dt.videos a:active{
	background:url(../img/m_videos.png) no-repeat bottom left;
	text-indent:-9999px;
}

#menuPrincipal .dropdown dt.revista a:hover, #menuPrincipal .dropdown dt.revista a:active{
	background:url(../img/m_revista.png) no-repeat bottom left;
	text-indent:-9999px;
}

/* SUBMENUS */
.dropdown dd {
	position:absolute;
	overflow:hidden;
	width:150px;
	display:none;
	background:#fff;
	z-index:200;
	opacity:0;
}

/*.dropdown ul {
	width:150px;
	list-style:none;
}*/

.dropdown p {
	font-size:12px;
	/*display:inline;*/
	color:#333;
}

.underline {
	width:150px;
	border-bottom:#29B5B3 solid 6px;
}

/* SUBMENUS (MouseOver)*/
.dropdown a:link, .dropdown a:visited {
	display: block;
	width:150px;
	color:#333;
	text-decoration:none;
	background:#fff;
	line-height:20px; /* he posat això perquè es vegi igual en IE7 i IE8 */
}

.dropdown a:hover, .dropdown a:active {
	display: block;
	background:#29B5B3; /* !!! color del numero actual !!! */
	color:#fff;
	line-height:20px;
}