/* 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: white; 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;}

#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;}

/* COLORES DE FONTS */
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 Y BARRAS NAVEGACION */
#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 seccion */
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 subseccion */
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);}

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

/* LISTAS */
.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;}

/* FORMS */

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

#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-size: 80%;
	text-decoration : none;
	color: darkblue;
	background: transparent; 
	}

a:hover {
      font-size: 80%;  
	color: #ADD8E6;
	background: darkblue; 
	}

a:active {
	}

#divunder a:hover {color: transparent; text-decoration: underline; background: transparent;}
#divcompu a:hover {color: darkblue; text-decoration: underline; background: transparent;}

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