/* GENERAL LAYOUT */

#container      { margin-left: auto; margin-right: auto; width: auto; 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: 14px; text-align: center; padding-left: 25px;}
#typephases     { float: right; width:auto; height:70px; background-color: #000;}
#sections       { background-color: rgb(71,145,170); margin-top:0; text-align: center; height:22px;}
#sections ul    { margin-top: 0; margin-bottom:0; text-align: center;}  
#subsections ul { margin-top: 0; margin-bottom:0; text-align: center;}
#subsections    { background-color: rgb(33,78,93); margin-top:0; text-align: center; height:20px; }
#article        { margin: 0px 10px 25px 0; padding: 0px 8px 0px; color: rgb(229,229,229);}
#articlelist    { margin: 0px 10px 25px 0; padding: 0px 28px 0px; float: left; width: 120px; font-size: 90%;  color: rgb(229,229,229);}
#text           {  }
#sidebar        { float: right;  width: 240px; }
#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 10px 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;}
#ligas          { padding: 0px 28px 0px; color: rgb(229,229,229);}
#right          { float: right;  margin: 0 0 10px 10px;}
#center         { text-align: center;}
#left           { float: left; margin: 10px 10px 10px 10px; color: rgb(229,229,229);}
#clear          { float: none; clear: both;}
#clearright     { clear: right;}
#clearleft      { clear: left;}
#rightsmall     { float: right; text-align: center; padding: 0 0 8px 0px; color: rgb(229,229,229); font-size: small;}
#image          { margin-top: 20px; padding: 10px 10px 10px 50px; clear: both; text-align: center; font-size: 10px; }

/* COLORES DE LETRAS EN SECCIONES */ 
body.principal, body.ayuda {background-color: #6E0000;}
body.naranja, body.foto, body.dibujovector {background-color: rgb(71,145,170);}
body.web {}
body.about {background-color: rgb(33,78,93);}



/* LIGAS Y BARRAS DE 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 {float: none; border: 0;}
#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 */

/*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.principal h1, body.principal h2 , body.principal h3, body.sugerenci h1, body.sugerenci h2, body.sugerenci h3 {color: rgb(229,229,229);}
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;}
}