/* CSS Document WWW.FOTONICA21.ORG */
body{
	padding:0px;
	margin:0px;
	color:#333;
	background:#FFF;
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
}

div, p, ul, h1{
	padding:0px;
	margin:0px;
}

ul{
	list-style-type:none;
}

.bold{
	font-weight:bold;
	color:#FF00CC;
	background:#FFF;
}

.cursiva{
	font-style:italic;
	color:#999;
	background:#FFF;
}


a{
	color:#999;
	text-decoration:underline;
	background:#FFF;
}

a:hover{
	color:#FF00CC;
	text-decoration:underline;
	background:#FFF;
}

h2{
	padding-top:70px;
	text-align:center;
	font:24px/10px  Georgia, Arial, Helvetica, sans-serif;
	color:#FF00CC;
	font-weight:bold;
}

h3{
	padding-left:105px;
	color:#999;
	font-weight:normal;
	font-size:10px;
}

h4{
	text-align:center;
	color:#999;
	font-weight:normal;
	font-size:10px;
}

/*----HEADER----*/
#header{
	width:800px;
	height:150px; 
	position:relative;
	margin:0 auto; 
	background:url(../imagenes/header2.gif) #FFF;
	padding:0px;
	color:#333;
	border-bottom:5px solid #FF00CC;
}


/*----MENU----*/
#menu{
	width:700px;
	height:40px;
	position:relative;
	margin:0 auto;
	padding:10px 0 5px 0;
}

#menu ul li{
	width:169px;
	height:40px;
	float:left; 
	line-height:25px;
	font-weight:bold;
	font-size:10px;
	color:#FFF;
	text-align:left;
	text-indent: 40px;
	padding:0 20px 0 0
}

#menu ul li a{
	width:169px;
	height:40px;
	display:block;
	background:url(../imagenes/menulink2.gif) no-repeat #CCC; 
	color:#FFF;
	text-decoration:none; 
}

#menu ul li a:hover{
	background:url(../imagenes/menulinkHover2.gif) no-repeat #CCC; 
	color:#333; 
	text-decoration:none;
}

#menu ul li.activo{
	background:url(../imagenes/menulinkHover2.gif) no-repeat #FFF; 
	color:#333; 
}


/*----CONTAINER----*/
#container{
	width:800px;
	position:relative;
	margin:0 auto;
	background:url(../imagenes/body.gif) 0 0 repeat-y #FFF;

}

#contain{
	padding:25px 60px;
	text-align:justify;
	border-top:2px solid #B4AFAC;
	border-bottom:2px solid #FF00CC;

}

#contain h1{
	height:17px;
	background:#FFF; 
	color:#FF00CC;
	font:20px/16px Gerorgia, Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	border-bottom:1px solid #FF00CC;
	text-indent: 30px;
}

#contain ul{
	width:600px;
	padding:20px;
}

#contain ul li{
	background:url(../imagenes/nivel1.gif) 0 3% no-repeat; 
	padding:0 0 10px 30px;
}

#containTop {
	width:30px;
	margin:0 650px;
}

#containTop a{
	height:50px; 
	display:block;
	color:#5D4718;
	background:url(../imagenes/goTop2.gif) no-repeat #F6F7E5;
}

#containTop a:hover{
	height:50px; 
	color:#5D4718;
	background:url(../imagenes/goTopHover2.gif) no-repeat #F6F7E5;
}

#imagen{
	text-align:center
}


/*----FOOTER----*/
#footer{
	width:800px;
	height:80px;
	position:relative; 
	margin:0 auto;
	background:#ccc;
	font: 75%/20px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

#footerLeft{
	margin:10px 0 0 30px;
	width:300px;
	float:left;
}

#footer a{
	text-decoration:underline;
	background:#CCC;
	color:#333;
}

#footer a:hover{
	color:#FF00CC;
	text-decoration:underline;
	background:#CCC;
}

#footerXhtml{
	margin:30px 20px 25px 250px;
	width:80px;
	height:15px;
	float:left;
	background:url(../imagenes/xhtml10.gif) 0 50% no-repeat #CCC;
	color:#FFF;
}

#footerCss{
	margin:30px 0 25px 0;
	width:80px;
	height:15px;
	float:left;
	background:url(../imagenes/css.gif) no-repeat #CCC;
	color:#99FF00;
}