/* GENERAL LAYOUT */

#container {margin-left: auto; margin-right: auto; width: 750px; text-align: left; background-color: #fff;  background-image: url(fons_deg-gran.png); background-repeat: repeat-y;}
body {text-align: center; background-color: rgb(135,185,198); margin-top: 0px;}
#main {   margin-right: 140px; margin-top: 0; font-size: 90%;}
#banner { background-color: #000; height: 70px; margin:0;  }
#home { width: 320px; float: left;  height:70px; }
#slogan { background-color: #000;color: rgb(229,229,229); font-family: arial, tahoma, verdana, sans-serif; font-size: 8.5px  ! important; ; text-transform: uppercase; height: 18px; padding-left: 25px;}
#typephases { float: right; width:243px; height:70px; background-color: #000;}
#sections {background-color: rgb(71,145,170); margin-top:0; height:20px;}
#sections ul, #subsections ul {margin-top: 0; margin-bottom: 0;}
#subsections {   background-color: rgb(33,78,93);margin-top: 0; height:20px; }
#article { margin: 0 15px 25px; padding: 0 20px;}
#articlelist {float: left; width: 120px; font-size: 90%; margin: 0px 10px 10px 0; padding: 20px 8px 20px; }
#text { }
#sidebar {  float: right;  width: 140px; }
#minitopbox {background-color: rgb(31,73,88); height: 128px; }
#minitopbox div {padding-left: 10px; padding-top: 20px;}
#searchbox {  }
#adbox1 {   }
#announcer {   }
#footer {  margin-top: 20px; padding: 10px 180px 10px 50px; border-top: 1px solid rgb(33,78,93); clear: both; text-align: center; font-size: 10px; }

#home div {margin: 5px 0 0 20px;}
.right {float: right;  margin: 0 0 10px 10px;}
.left {float: left; margin: 0 10px 10px 0;}
.clear {float: none; clear: both;}
.clearright {clear: right;}
.clearleft {clear: left;}



/* COLORS DE FONS SECCIONS */
body.aplicaci, body.sugerenci, body.organiz {background-color: #6E0000;}
body.elementgraf, body.ilustdigital, body.mapasbits, body.dibujovector {background-color: rgb(255,102,0);}
body.estructuraweb, body.programasweb, body.graficossweb {}
body.introtipog, body.organizaciontipog, body.creaciontipog {background-color: #006400;}



/* LINKS I BARRES NAVEGACIO */
#sections a {color: rgb(33,78,93); font-weight: bold;}
#subsections a {color: rgb(71,145,170); font-weight: bold;}

#home a {border:0;}
/* remarcar la seccio */
body.aplicaci #sections a.generalnav, body.sugerenci #sections a.generalnav,  body.organiz #sections a.generalnav, body.elementgraf #sections a.graficnav, 
body.ilustdigital #sections a.graficnav,  body.mapasbits #sections a.graficnav,  body.dibujovector #sections a.graficnav, body.estructuraweb #sections a.webnav, body.programasweb #sections a.webnav, body.graficosweb #sections a.webnav, body.introtipog #sections a.tipognav, body.organizaciontipog #sections a.tipognav, body.creaciontipog #sections a.tipognav {color: rgb(213,230,235);}

/* remarcar la subseccio */
body.aplicaci #subsections a.aplicacinav, body.sugerenci #subsections a.sugerencinav, body.organiz #subsections a.organiznav, body.elementgraf #subsections a.elementgrafnav, body.ilustdigital #subsections a.ilustdigitalnav, body.mapasbits #subsections a.mapasbitsnav, body.dibujovector #subsections a.dibujovectornav, body.estructuraweb #subsections a.estructurawebnav, body.programasweb #subsections a.programaswebnav, body.graficosweb #subsections a.graficoswebnav, body.introtipog #subsections a.introtipognav, body.organizaciontipog #subsections a.organizaciontipognav, body.creaciontipog #subsections a.creaciontipognav  {color: rgb(213,230,235); background-color: rgb(71,145,170);}


/* IMAGINERIA */
#home img {float: none;}
img {border:0; float: left;}
#minitopbox div img {padding-right: 2px; border: 0;}
#footer img {float: none; display: inline;}



/* LLISTES */
.articleslaterallist {font-weight: bold; margin-bottom: 5px; padding: 3px 4px; background-color: rgb(213,230,235); border-bottom: 1px dotted rgb(33,78,93); color: rgb(31,73,88); }

#articlelist ul{margin: 0; padding:0 15px 0 0; list-style-type: none; }

#articlelist ul li {margin: 0; padding:0 15px 0 0; list-style-type: none; border-bottom: 1px dotted rgb(213,230,235); }

#articlelist ul li a{margin-left: 0; padding-left: 0; list-style-type: none;  font-weight: normal; font-size: 92%;}

#sections ul li, #subsections ul li, #footer ul li {display: inline; list-style-type: none;}

#sections ul li a, #subsections ul li a {padding: 0 5px;}

#footer ul li {display: inline; list-style-type: none; padding-right: 5px;}

#text ul {margin:0; padding-left:20px;}

#text ul li {margin:0; padding-left:20px; padding-right: 30px; list-style-position: inside;}



/*FEEDBURNER */
.feedburnerFeedBlock {width: 130px;}
.feedburnerFeedBlock ul{margin: 0; padding:0 15px 0 0; list-style-type: none; }

.feedburnerFeedBlock ul li {margin: 0; padding:3px 5px 0 10px; list-style-type: none; border-bottom: 1px dotted rgb(213,230,235); text-indent: -5px; }

.feedburnerFeedBlock ul li a{font-weight: normal; font-size: 75%;}
.headline a {font-size: 11px; font-weight: normal;} 
.feedTitle  {font-size: 11px; font-weight: normal; color: 0; margin-top: 30px;}
.fbsubscribelink {font-size: 11px; font-weight: normal; color: 0;}







/* FORMS */

/*PRINT*/



/* TIPOGRAFIA */
body {font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;}

#footer p {text-align: center;}

.caption {font-size: 80%; float: none; clear: both; color: rgb(115,115,115); border-bottom: 1px dotted rgb(138,138,138); padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}
.autor {text-align: right; padding-right: 30px; margin: 0 0 20px 0;}
.autorbio {margin: 10px; border-top: 1px dotted gray;}

h1, h2, h3, h4, h5, h6	{
	font-family: "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
	font-weight: normal;
	margin-top: 1em;
	margin-bottom: 2px;
	letter-spacing: 1px;
	}
	
body.aplicaci h1, body.aplicaci h2 , body.aplicaci h3, body.sugerenci h1, body.sugerenci h2, body.sugerenci h3, body.organiz h1, body.organiz h2,  body.organiz h3 {color: #6E0000;}

body.elementgraf h1, body.elementgraf h2, body.elementgraf h3, body.ilustdigital h1, body.ilustdigital h2, body.ilustdigital h3, body.mapasbits h1,  body.mapasbits h2, body.mapasbits h3, body.dibujovector h1, body.dibujovector h2, body.dibujovector h3 {color: #EE5C42;}

body.estructuraweb h1,body.estructuraweb h2,body.estructuraweb h3, body.programasweb h1,body.programasweb h2,body.programasweb h3, body.graficosweb h1, body.graficosweb h2, body.graficosweb h3 {color: rgb(71,145,170);}

body.introtipog h1, body.introtipog h2, body.introtipog h3, body.organizaciontipog h1, body.organizaciontipog h2, body.organizaciontipog h3, body.creaciontipog h1, body.creaciontipog h2, body.creaciontipog h3{color: #006400;}



h1	{
    margin-top: 7px;
    font-size:    large;      
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:    x-large; 
font-weight: bold;        
    }



h3	{
	font-weight: bold;   	
	font-size: small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: medium;  
	}

		
h4	{
   	font-size: x-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: small;  
	}


h5	{
     font-size:    xx-small;      
     voice-family: "\"}\"";   
     voice-family: inherit;   
     font-size:    x-small;  
	}
	
h6	{
	margin: 0 0 25px 0;
	padding: 0;
	background: transparent;
	color: #333;
	text-transform: uppercase;
  	font-size: xx-small;
	}

p	{
	line-height: 140%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
	}
	
/* LINKS */
	
a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #c30;
	background: transparent; 
	}

a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #999;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #526968;
	background: transparent;  
	}


/* IMPRESION */
@media print {
#sidebar, #footer div { display: none; }
#main {width: 180mm;}
}