/*
Theme Name: Deia 2010
Theme URI: http://eabarcelona.es
Description: Escola d'art deia
Version: 1.0
Author: eabarcelona.es


*/
html, body{ 
 margin:0; 
 padding:0;   
 text-align:center; 
} 

body {
	font: normal 14px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;}

h1, h2, h3 {margin: 0; display:inline; padding:0; }
h3 { color:#000000; background-color: #fff; font:normal 18px Georgia;}

form {margin: 0; padding:0;}	
img {border:0;}

.left {float:left; text-align:left;}


.clr{clear:both;} 
.clrleft{clear:left;} 
.clrright { clear:right;}

ul, li {
padding:0;
margin:0;
list-style-type: none;
border:0;
}

a, a:visited { color:#00a2da; text-decoration:none;}
a:hover { color:#000}



/*  CENTRAR  */

#centrar { 
 width:980px; 
 text-align:left;
 display:block;
 margin:0 auto;
 position:relative;
} 



/* CABECERA */
#cabecera { padding:0 20px 0 0; height:130px;}
#idiomas { float:right; padding:15px 35px;}
#idiomas span { padding:0 10px;}
#accesoextranet { float:right; width:202px; height:45px;}
#accesoextranet a, #accesoextranet a:visited { background: url(imgnew/bg_bot_acceso.gif) no-repeat 0 0; display:block; height:20px; padding:20px 0 5px; text-decoration:none; color:#FFF; text-align:center; font-size:15px;}
#accesoextranet a:hover { background:url(imgnew/bg_bot_acceso.gif) no-repeat 0 -54px;}

.logo {float:left; width:287px; margin-top:15px;}
.logodeia {float:left;margin-top:5px;}
a.linkidioma, a.linkidioma:visited { color:#A6A6A6; text-decoration:none;}
a.linkidioma:hover { color:#00a2da;}



/* MENU */
#menu {display:block;width:440px; height:50px; position:absolute; top:65px; left:540px;}
#menu a, #menu a:link, #menu a:visited, 
#menunoticias a, #menunoticias a:link, #menunoticias a:visited { text-decoration:none; display:block;}
#menu a span, #menunoticias a span{color:#00a2da;}
#menu a:hover, #menu a:hover span, #menunoticias a:hover, #menunoticias a:hover span { color:#000;}
ul#familia {font:bold 14px Arial, Helvetica, sans-serif; display:block; width:440px;}
ul#familia li {float:left; padding:0; margin:0; position:relative;}
ul#familia li.ultimomenu { padding-right:0; border:0;}
.ocultar {display:none}
.block {display:block}
#menunoticias { width:235px;}
#menues #menu { width:470px; left:510px;}
#menues #menu ul#familia { width:470px;}

#subfamilia1, #subfamilia2, #subfamilia3, #subfamilia4, 
#subfamilia5  {
	background-color:#f9f9f9;
	position:absolute;
	z-index:100;
	top:30px;
	left:0;
	padding:20px;
	margin:5px 0 0 0;
	
	}

#subfamilia1 li, #subfamilia2 li, #subfamilia3 li, #subfamilia4 li, 
#subfamilia5 li, #subfamilia6 li, #subfamilia7 li, #subfamilia8 li, 
#subfamilia9 li, #subfamilia10 li { padding:3px 0; list-style-type:disc; color:#00a2da; margin-left:12px; font-weight:normal;}

#subfamilia1 {width:155px;}
#subfamilia2 {width:160px;}
#subfamilia3 {width:155px;}
#subfamilia4 {width:170px;}
#subfamilia5 { width:80px;}


ul#familia li a { outline:none;}
ul#familia li a span { padding:12px 3px 12px 12px; height:16px; float:left; color:#444; }
ul#familia li a span.de {  width:8px; display:block; float:right; margin:0; padding:12px 0;}
ul#familia li a:hover span.li { background:url(imgnew/menu_left.gif) no-repeat 0 0; color:#00a2da;}
ul#familia li a:hover span.de { background:url(imgnew/menu_right.gif) no-repeat 0 0;}


#b11 #menu ul#familia li a#p1 span.li, 
#b12 #menu ul#familia li a#p1 span.li,
#b13 #menu ul#familia li a#p1 span.li,
#b14 #menu ul#familia li a#p1 span.li,
#b15 #menu ul#familia li a#p1 span.li,
#b21 #menu ul#familia li a#p2 span.li,
#b22 #menu ul#familia li a#p2 span.li,
#b23 #menu ul#familia li a#p2 span.li,
#b24 #menu ul#familia li a#p2 span.li,
#b31 #menu ul#familia li a#p3 span.li,
#b32 #menu ul#familia li a#p3 span.li,
#b33 #menu ul#familia li a#p3 span.li,
#b4  #menu ul#familia li a#p4 span.li,
#b42 #menu ul#familia li a#p4 span.li,
#b43 #menu ul#familia li a#p4 span.li,
#b44 #menu ul#familia li a#p4 span.li,
#b51 #menu ul#familia li a#p5 span.li,
#b52 #menu ul#familia li a#p5 span.li {background:url(imgnew/menu_left.gif) no-repeat 0 0; color:#00a2da;}

#b11 #menu ul#familia li a#p1 span.de, 
#b12 #menu ul#familia li a#p1 span.de,
#b13 #menu ul#familia li a#p1 span.de,
#b14 #menu ul#familia li a#p1 span.de,
#b15 #menu ul#familia li a#p1 span.de,
#b21 #menu ul#familia li a#p2 span.de,
#b22 #menu ul#familia li a#p2 span.de,
#b23 #menu ul#familia li a#p2 span.de,
#b24 #menu ul#familia li a#p2 span.de,
#b31 #menu ul#familia li a#p3 span.de,
#b32 #menu ul#familia li a#p3 span.de,
#b33 #menu ul#familia li a#p3 span.de,
#b4  #menu ul#familia li a#p4 span.de,
#b42 #menu ul#familia li a#p4 span.de,
#b43 #menu ul#familia li a#p4 span.de,
#b44 #menu ul#familia li a#p4 span.de,
#b51 #menu ul#familia li a#p5 span.de,
#b52 #menu ul#familia li a#p5 span.de {background:url(imgnew/menu_right.gif) no-repeat 0 0;}


#menu ul li.menuseleccionado a span {color:#00a2da;}

#menu ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 30px;
	background: #333;
	display: none;
	float: left;
	background-color:#f9f9f9;
	z-index:300;
}
#menu ul.topnav li ul.subnav li { float:none;}
#menu ul.topnav li ul.subnav li { margin-left:10px;}
ul#familia li a.subhover span.li {background:url(imgnew/menu_left.gif) no-repeat 0 0; color:#00a2da;}
ul#familia li a.subhover span.de {background:url(imgnew/menu_right.gif) no-repeat 0 0;}

/* CUERPO */
#contenidohome { padding-top:30px;}
#columna1 { margin-right:35px;}
#columna2 {margin-right:35px;}
#columna3 {}
.columnacontenido { float:left; width:300px; margin:20px 0 0 0;}
h2.titulocolumna { color:#025e6c; font-size:20px; margin:0 0 10px 0; padding:0; display:block;}
a.cttitulo { display:block;  font-weight:bold; font-size:16px;}
#cverde { margin:0; float:right; width:250px;}
#cverde .azulito {background-color:#edf3fd; border:solid 1px #a9bbdf; padding:15px 15px 0; height:330px;}
#cverde .blanquito { padding:20px;}
#cverde ul { padding-left:15px;}
#cverde ul li { list-style-type:disc; padding:0 0 20px 0}
#cazul { padding:0 10px 30px; margin:0;}
#columna1 ul li { list-style:disc; margin:10px 10px 0 20px;}
#columna2 ul li, #columna3 ul li { padding-bottom:30px;}
#columna2 ul li p, #columna3 ul li p { padding:0; margin:0;}
.fechahome { display:block; color:#999; font-size:10px; padding-bottom:10px;}
#columna2 ul.list {}
#columna2 ul.list li, ul.list li {list-style:disc;margin:5px 0 0 20px; padding:0;}
#columna2 ul.list li a { margin:0; padding:0;}

#inscripcionnews { border:solid 1px #ccc; background-color:#f2f2f2; padding:10px; margin-top:20px;}
#inscripcionnews strong { padding:0 0 5px 0; display:block; }


.flecha { background:url(img_deia/flecha.jpg) no-repeat 0 4px; padding-left:12px; display:block; margin:3px 0 3px 0; }

.treball { display:block; padding-bottom:20px;}
.treball img { float:left; padding:0 15px 0 0;}
.titular2 li { padding: 2px 0 2px 0}


.titular2 { padding-top: 40px; width:265px; float:right;}
.noticias {float:left;  margin-top:40px; width:650px;}
.listadonoticias {float:left; background:#fff;width:515px;}
.noticias p {}
.noticia { display:block; border-top:1px solid #ccc; padding:10px 0 0 0; }
.noticia h1, .noticias h1, .colorof { color:#037080;}
.noticia p { padding:5px 0; margin:0 0 5px 0;}
.fechanoticia { color:#999999; padding:3px 0 0 0; margin:0;}
.noticia a, .noticia a:visited  { text-decoration:underline; }
.noticia a:hover { text-decoration:none;}
#nav-below { margin-top:20px; padding:20px 0px; }
.nav-previous {}

				
.listados span{float:right;}
.listados p { padding:2px 0; margin:0;}
.personal span {float:left; width:220px;}
.titulotabla {font:normal 11px Verdana;}
*html .titulotabla {font:normal 11px Verdana;}
h2 a, h2 a:link, h2 a:visited, h2 a:hover { padding:10px 0 0; display:block; text-decoration:underline; color:#00a2da;}
#matricula span {padding-left:10px; display:block;}

a.rss, a.rss:visited, a.rss:link { background:url(/img_deia/rss.gif) no-repeat; padding-left:18px; display:block; margin:10px 0 0 0; }
a.rss:hover {background:url(/img_deia/rss_2.gif) no-repeat; text-decoration:none; }
.menunewsder li {margin:2px 0 2px 15px; list-style-type: disc;}

.contedio2columnas { float:left; padding:0 30px 40px 0; width:450px;}
.contedio2columnas p { padding:3px 0; margin:0; display:block; clear:left}
.imgleft { float:left; padding:0 10px 10px 0;}

.clipout{
  position:relative;
  width:199px;
  height:144px;
  top:0;
  left:0;
}
.clipin{
  position:absolute;
  clip:rect(0 199px 145px 0px);
  top:0;
  left:0;
}
.clipin img { height:144px;}

		div#feature_list {
			width: 700px;
			height: 346px;
			overflow: hidden;
			position: relative;
			background:url(imgnew/bg_gris_home.gif) repeat-y 0 0;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 350px;
		}
		ul#tabs li { width:100%;}
		ul#tabs li#n1 { position:absolute; top:0; z-index:5;}
		ul#tabs li#n2 { position:absolute; top:80px; z-index:10}
		ul#tabs li#n3 { position:absolute; top:160px; z-index:20}
		ul#tabs li#n4 { position:absolute; top:240px; z-index:30}

		ul#tabs li a span { display:block; font-size:12px;}
		ul#tabs li a {
			color: #9c9c9c;
			text-decoration: none;	
			display: block;
			padding: 0;
			height: 65px;
			padding:20px 80px 20px 35px;
			outline: none;
		}
		
		ul#tabs li a h3  { font-size:16px; background-color:inherit; color:inherit; display:inline;}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:  url(imgnew/bg_top.png) no-repeat  top left;;
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			left: 300px;
			width: 400px;
			height: 346px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 400px;
			height: 346px;
		}

		ul#output li span {
			position: absolute;
			top: 246px;
			display:block;
			height:100px;
			
			padding: 8px 12px;
			text-decoration: none;
			color: #FFF;
			background:url(imgnew/bg_foto.png) repeat-x 0 0;
		}
		ul#output li span a { display:block;}

.linkcat ul li { padding:2px 5px;}

.nav-next { float:right;}


/* PIE */

#fondopie { background:url(imgnew/bg_pie.gif) repeat-x 0 0; margin-top:20px;}
.pie { color:#333333; clear:both; padding: 40px 0 10px 0; text-align:right;  margin:0 auto; width:980px;}
.pie .left { width:250px; padding-right:70px;}
.ultimopie { padding:0;}
.pie a {}
.pie span { font-weight:bold; font-size:16px; display:block; padding:0 0 5px 0;}