@charset "iso-8859-1";
/* CSS Document */

@import url('reset.css');

body { background-color:#000;}


/* TIPOGRAPHY */

h1 {font-family:Verdana, Geneva, sans-serif; font-size:12px; visibility:visible; font-weight:bold; line-height: 15px; padding: 0 0 20px 0; display: none;}
h2 {font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; line-height: 15px; padding: 10px 0px 0px 0px;}
h3 {font-family:Verdana, Geneva, sans-serif; font-size:9px; font-weight:normal; line-height: 15px; padding: 10px 0px 0px 0px;}
p {font-family:Verdana, Geneva, sans-serif; font-size:9px; font-weight:normal; line-height: 15px;}
p.h2 {font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; line-height:15px; padding: 0 0 5px 0;}
ul.regular {list-style-type:disc; padding: 0 0 0 15px; font-family:Verdana, Geneva, sans-serif; font-size:9px; font-weight:normal; line-height: 15px;}
ol.regular {list-style-type: decimal; padding: 0 0 0 15px; font-family:Verdana, Geneva, sans-serif; font-size:9px; font-weight:normal; line-height: 15px;}
a {font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:15px; color:#FF300B; text-decoration:none;}
a:hover {font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:15px; color:#FF300B; text-decoration:underline;}
#prof  {
	background-image:url(../imgs/bg-options-profs.jpg);
	background-repeat:no-repeat;
	text-align:center;
	width:226px;
	height:24px;
	padding-top:4px;
}
#prof a {
	font-family: Arial;
	font-size: 16px;
	color: #d8bee6; 
	text-decoration:none;

}
#prof a:hover {
	color: #fff; 

}


/* IMAGES */

img.h1 {padding: 10px 0 20px 0;}


/* CONTAINERS */

#wrapper { width:950px; margin:auto; position:relative; margin-top:20px;}

#cabecalho { width:950px; height:135px; float:left; background-image:url(../imgs/fundo_cabecalho.png); background-repeat:no-repeat; }

#coluna_esquerda { width:230px; height:450px; float:left; background-image:url(../imgs/fundo_coluna_esquerda.png);background-repeat:no-repeat;}

#caixa_conteudo { width:495px; height:364px; float:left; background-image:url(../imgs/fundo_conteudo.png); background-repeat:no-repeat;}
#caixa_conteudo #dancantes { width:480px; height:310px; margin-top:30px; margin-left:4px;; float:left;}

#rodape_central { width:495px; height:86px; float:left; background-image:url(../imgs/fundo_rodape.png); background-repeat:no-repeat;}

#coluna_direita { width:225px; height:450px; position:absolute; top:135px; right:0px; background-image:url(../imgs/fundo_coluna_direita.png);background-repeat:no-repeat;}
/* TITULOS */

#titulo {width: 460px; height:220px; display:block;}
#titulo #titulo_professores {width: 210px; float:left;}
#titulo #professores_wrapper {width: 250px; float: left; padding: 10px 0 20px 0;}


/* LINKS */

#coluna_direita  #logo_fido { width:155px; height:68px; padding-left:8px; padding-top:12px;}
#coluna_direita  #logo_ciranda { width:155px; height:68px; padding-left:8px; }
#coluna_direita  #logo_ideias { width:125px; height:65px; padding-left:16px; padding-top: 12px;}

#cabecalho  #logo_blog { width:75px; height:70px; padding-left:850px; padding-top: 1px;}


/* MENU */

#nav {margin-left: 110px; margin-top: 30px; z-index:1000;}
#nav ul {list-style-type:none;}

#nav a.one{text-indent:-9990px;display:block;width:100px;height:15px;background:url(../imgs/menu/menu_home.gif); background-repeat:no-repeat; padding: 0 0 2px 0;}
#nav a.one:hover{background:url(../imgs/menu/menu_home_hover.gif); background-repeat:no-repeat;}

#nav a.two{text-indent:-9990px;display:block;width:100px;height:15px;background:url(../imgs/menu/menu_aulas.gif); background-repeat:no-repeat; padding: 0 0 2px 0;}
#nav a.two:hover{background:url(../imgs/menu/menu_aulas_hover.gif); background-repeat:no-repeat;}

#nav a.three{text-indent:-9990px;display:block;width:100px;height:15px;background:url(../imgs/menu/menu_workshop.gif); background-repeat:no-repeat; padding: 0 0 2px 0;}
#nav a.three:hover{background:url(../imgs/menu/menu_workshop_hover.gif); background-repeat:no-repeat;}

#nav a.four{text-indent:-9990px;display:block;width:100px;height:15px;background:url(../imgs/menu/menu_horarios.gif); background-repeat:no-repeat; padding: 0 0 2px 0;}
#nav a.four:hover{background:url(../imgs/menu/menu_horarios_hover.gif); background-repeat:no-repeat;}

#nav a.five{text-indent:-9990px;display:block;width:100px;height:15px;background:url(../imgs/menu/menu_precario.gif); background-repeat:no-repeat; padding: 0 0 2px 0;}
#nav a.five:hover{background:url(../imgs/menu/menu_precario_hover.gif); background-repeat:no-repeat;}

#nav a.six{text-indent:-9990px;display:block;width:100px;height:15px;background:url(../imgs/menu/menu_professores.gif); background-repeat:no-repeat; padding: 0 0 2px 0;}
#nav a.six:hover{background:url(../imgs/menu/menu_professores_hover.gif); background-repeat:no-repeat;}

#nav a.seven{text-indent:-9990px;display:block;width:100px;height:15px;background:url(../imgs/menu/menu_regulamento.gif); background-repeat:no-repeat; padding: 0 0 2px 0;}
#nav a.seven:hover{background:url(../imgs/menu/menu_regulamento_hover.gif); background-repeat:no-repeat;}

#nav a.eight{text-indent:-9990px;display:block;width:100px;height:15px;background:url(../imgs/menu/menu_contactos.gif); background-repeat:no-repeat; padding: 0 0 2px 0;}
#nav a.eight:hover{background:url(../imgs/menu/menu_contactos_hover.gif); background-repeat:no-repeat;}

#nav a.nine{text-indent:-9990px;display:block;width:100px;height:15px;background:url(../imgs/menu/menu_localizacao.gif); background-repeat:no-repeat; padding: 0 0 2px 0;}
#nav a.nine:hover{background:url(../imgs/menu/menu_localizacao_hover.gif); background-repeat:no-repeat;}

#nav a.ten{text-indent:-9990px;display:block;width:100px;height:15px;background:url(../imgs/menu/menu_noticias.gif); background-repeat:no-repeat; padding: 0 0 2px 0;}
#nav a.ten:hover{background:url(../imgs/menu/menu_noticias_hover.gif); background-repeat:no-repeat;}

#nav a.eleven{text-indent:-9990px;display:block;width:100px;height:15px;background:url(../imgs/menu/menu_links.gif); background-repeat:no-repeat; padding: 0 0 2px 0;}
#nav a.eleven:hover{background:url(../imgs/menu/menu_links_hover.gif); background-repeat:no-repeat;}

#nav a.twelve{text-indent:-9990px;display:block;width:100px;height:15px;background:url(../imgs/menu/menu_fotos.gif); background-repeat:no-repeat;}
#nav a.twelve:hover{background:url(../imgs/menu/menu_fotos_hover.gif); background-repeat:no-repeat;}

#nav a.thirteen{text-indent:-9990px;display:block;width:100px;height:15px;background:url(../imgs/menu/menu_parcerias.gif); background-repeat:no-repeat;}
#nav a.thirteen:hover{background:url(../imgs/menu/menu_parcerias_hover.gif); background-repeat:no-repeat;}


/* MAIN CONTAINER */

div.rounded-box { position: relative; left: 0px; width: 495px; height: 364px; background-color: #FFFFFF;}
div.top-left-corner {position: absolute; width:10px; height:10px; background-image:url(../imgs/container/corner_top_left.gif); top:0px; left:0px; overflow:hidden;}
div.bottom-left-corner {position: absolute; width:10px; height:10px; background-image:url(../imgs/container/corner_bottom_left.gif); bottom:0px; left:0px; overflow:hidden;}
div.top-right-corner {position: absolute; width:10px; height:10px; background-image:url(../imgs/container/corner_top_right.gif); top:0px; right:0px; overflow:hidden;}
div.bottom-right-corner {position: absolute; width:10px; height:10px; background-image:url(../imgs/container/corner_bottom_right.gif); bottom: 0px; right:0px; overflow:hidden;}
div.box-contents {height: 344px; overflow-y: auto; overflow-x: hidden; padding: 10px; margin: 0px 10px 0px 0px;}


/* PAGE - - - PRECARIO - - -  */

table {border-collapse:collapse; margin: 0 0 0 0; width: 100%;}
th.right { border: 1px; border-color:#CCCCCC; border-style:solid; background-color:#fff; padding: 5px 2px 5px 2px; font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:12px; color:#000; vertical-align: middle; text-align:center; width: 15%;}
th.left { border-bottom: 1px; border-color:#CCCCCC; border-style:solid; background-color:#fff; padding: 5px; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#000; vertical-align: middle; text-align:center; width: 60%;}
th.special { border: 1px; border-color:#E99688; border-style:solid; background-color:#f4cbc4; padding: 5px 2px 5px 2px; font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:12px; color:#000; vertical-align: middle; text-align:center; width: 15%;}
tr {border: 1px; background-color:#fff; padding: 5px; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#000; vertical-align:top; text-align:left;}
td.special { border: 1px; border-color:#E99688; border-style:solid; background-color:#f4cbc4; padding: 5px 2px 5px 2px; font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:12px; color:#000; vertical-align: middle; text-align:center; width: 15%;}
td.right { border: 1px; border-color:#CCCCCC; border-style:solid; background-color:#fff; padding: 5px 2px 5px 2px; font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:12px; color:#000; vertical-align: middle; text-align:center; width: 15%;}
td.left { border: 1px; border-color:#CCCCCC; border-right-color: #E99688; border-style:solid; background-color:#fff; padding: 5px 2px 5px 5px; font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:12px; color:#000; vertical-align: middle; text-align:left; width: 60%;}


/* PAGE - - - HORARIO - - -  */

table {border-collapse:collapse; margin: 0 0 0 0; width: 96%;}
th.white { border: 1px; border-color:#CCCCCC; border-style:solid; background-color:#fff; padding: 5px 2px 5px 2px; font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:12px; color:#000; vertical-align: middle; text-align:center; width: 16%;}
th.grey { border: 1px; border-color:#CCCCCC; border-style:solid; background-color:#EEEEEE; padding: 5px 2px 5px 2px; font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:12px; color:#000; vertical-align: middle; text-align:center; width: 16%;}
tr {border: 1px; background-color:#fff; padding: 5px; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#000; vertical-align:top; text-align:center;}
td.grey { border: 1px; border-color:#CCCCCC; border-style:solid; background-color:#EEEEEE; padding: 5px 2px 5px 2px; font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:12px; color:#000; vertical-align: middle; text-align:center; width: 16%;}
td.white { border: 1px; border-color:#CCCCCC; border-style:solid; background-color:#fff; padding: 5px 2px 5px 2px; font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:12px; color:#000; vertical-align: middle; text-align:center; width: 16%;}
td.pink { border: 1px; border-color:#CCCCCC; border-style:solid; background-color:#A7BBEA; padding: 5px 2px 5px 2px; font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:12px; color:#000; vertical-align: middle; text-align:center; width: 16%;}


/* PAGE - - - WORKSHOPS - - -  */

table.workshops {border-collapse:collapse; margin: 0 0 0 0; width: 100%;}
th.workshopsyellowheader { border: 1px; border-color:#CCCCCC; border-style:solid; background-color:#fcc917; padding: 5px 2px 5px 5px; font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:12px; color:#000; vertical-align: middle; text-align:left; width: 16%;}
tr {border: 1px; background-color:#fff; padding: 5px; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#000; vertical-align:top; text-align:center;}
td.workshopswhitedata { border: 1px; border-color:#CCCCCC; border-style:solid; background-color:#fff; padding: 5px 2px 5px 5px; font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:12px; color:#000; vertical-align: middle; text-align:left; width: 16%;}


/* PAGE - - - NOTICIAS - - -  */

table.noticias {border-collapse:collapse; margin: 0 0 0 0; width: 100%;}
th.noticiaspurpleheader { border: 1px; border-color:#AEAEDA; border-style:solid; background-color:#AEAEDA; padding: 5px 2px 5px 5px; font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:12px; color:#000; vertical-align: middle; text-align:left; width: auto;}
tr {border: 1px; background-color:#fff; padding: 5px; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#000; vertical-align:top; text-align:center;}
td.noticiaswhitedata { border: 1px; border-color:#CCCCCC; border-style:solid; background-color:#fff; padding: 5px 2px 5px 5px; font-family:Verdana, Geneva, sans-serif; font-size:9px; line-height:12px; color:#000; vertical-align: middle; text-align:left; width: 16%;}


/* PAGE - - - FOTOS - - - */

/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:400x; 
height:280px; 
background:#ffffff 0 0px no-repeat;
border:0px solid #FFFFFF;
margin:0px auto 0px auto;
overflow:hidden;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:250px 0 0 0; 
list-style-type:none; 
position:relative; 
width:560px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#ED9CB5; 
background:#fff; 
background-image: url(../imgs/galeria/fundo_a.gif);
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
/*border:1px solid #444;*/
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-300px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-250px;
height: 230px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:40px solid #eee;
border-right:40px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ED9CB5;
background-image: url(../imgs/galeria/fundo_a-hover.gif);
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#fff; 
color:#000;
background-image: url(../imgs/galeria/fundo_a-active.gif);
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}