/*  --------------------------------------------------------------- */
/*  base.css - KMK - KaeMeKa.com  */
/*  licencia de este archivo: Dominio público (http://creativecommons.org/licenses/publicdomain) */
/*  --------------------------------------------------------------- */
/*  V.1.0 - JULIO 2007
/*  ------------------------------------------ */

body {
	background: #000  url(../img/rbg1.gif) repeat;
	font-size: 12px; margin: 0; padding: 0; text-align: center;
	color: #aaa; font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif;
}

#fondo {
	background: url(../img/bg0.png) center repeat-y;
	margin: 0; padding: 0; 
}

#cabecera {
	margin: 0 auto; 
}

#cuadro { 
	width: 298px; height: 226px; overflow: scroll; 
	margin-left: 180px;
	margin-top: 10px; 
	text-align: left; 
	background: #000 url(../img/caja.png) fixed; padding: 20px;
} 

#marco {
	width:  520px;
	margin: 0 auto; 
	padding: 5px; text-align: left;
}

#concis {
	width: 390px; height: 390px;
	color: #333;
	font-size: 12px;
	font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	background : transparent url(../img/concis.jpg) no-repeat; 
	padding: 30px;
}

#barra {width: 385px; height: 380px; overflow: scroll;}

h1 {
	background : #999 url(../img/bg2.png); padding: 0; line-height : 34px;
	font-family : "Arial Black", Arial; font-size : 18pt;
	font-weight : bold; color : #fff; 	text-align: center; 
}

h2 { font-size : 140%; font-weight : bold; color: #aaa; margin: 10px 0; }

h3 { font-size : 140%; font-weight : bold; color: #000; margin: 10px 0; padding-left: 15px;}

img { border: 0;}

hr { border-top: #111 solid 2px; border-left: 0; border-right: 0; border-bottom: 0;}

a:link, a:visited { color : #e83a3a; text-decoration : none; }

a:hover { color : #fff; text-decoration : none; }

ul { padding-left: 10px; list-style: none; }

li { list-style-image: url(../img/puce.png); list-style-position: inside; }
li li { padding-left: 10px; list-style-image: url(../img/puce2.png); }


li.dos { list-style-image: url(../img/puce3.png); border-bottom: #bbb solid 1px; margin-bottom: 5px; width:  350px;}

li.dos a:hover, li.dos a:visited { color : #000;}

.pie { 
	border-top: #333 solid 2px;
	width:  520px;
	margin: 0 auto; 
	padding: 5px;
	color: #fff;
	font-size: 90%; 
	text-align: center; 
}

.pie a:link, .pie a:visited { color : #ccc;}


#portafolio { clear: both; margin: 2em auto; text-align: center; }
#portafolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#portafolio a.on .spip_logos { border-color: #F57900; }
#portafolio a:focus .spip_logos,
#portafolio a:hover .spip_logos,
#portafolio a:active .spip_logos { border-color: #8B6F92; }