body{
	background-image: url(images/fdo.jpg);
	background-repeat:  repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size:10px;
	
	
}
#maestro{
width:821px;
margin:0 auto;
margin-top:0px;
}

#principal{
width:821px;
background-color:#FFFFFF;
float:right;
background:url(images/bg-menu.png) repeat-y right ;
margin:0 auto ;
}

#banner{
width:821px;
height:44;
border-bottom: #FFFFFF 0px solid;
float:left;
}

#banner2{
width:821px;
height:163;
border-bottom: #FFFFFF 0px solid;
float:left;
}


#up{
width:821px;
height:128px;
padding:0px 0px 0px 0px;
border-bottom: #FFFFFF solid 0px;
float:left;
}
.form{
width:180;
height:80px;
margin:0px 0px 0px 520px;
}


#contenido{
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align:justify;
font-size:12px;
width:821px;
background-color:#8ecee7;;
border-right:#ff0000 solid 0px;
float:left;
margin:0px 0px 10px 0px,
}

.tit{
color: #000000;
background-color: #8ecee7;
width:821px;
height:151px;
border-bottom:solid 0px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

.encabezado{
font-size:13px;
color: #01B9E0;
background-color: #045481;
width:771px;
height:151px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

#maestroencabezado{
width:771px;
margin:0 auto;
margin-top:0px;
}
.encabezadoplantilla{
color: #01B9E0;
background-color: #045481;
width:771px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}
.encabezadoplantilla2{
color: #666666;
background-image: url(images/img-bgcontenido.jpg);
background-position:top; 
background-color: #FFFFFF;
background-repeat:no-repeat;
width:771px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

.contenidoplantilla{
width:340px;
text-align:justify;
margin:22px 0px 0px 17px;
padding:0px 0px 0px 10px;
float: left;
border-left:1px #007CA6 groove;
}

.contenidoplantilla2{
width:330px;
text-align:justify;
margin:22px 0px 0px 17px;
padding:37px 0px 0px 10px;
float: left;
border-left:1px #007CA6 groove;
}

.contacto{
width:330px;
text-align:justify;
margin:10px 0px 10px 10px;
padding:0px 0px 0px 0px;
float: left;
border-left:1px #007CA6 groove;
}
.fotocontacto{
width:340px;
text-align:justify;
margin:22px 0px 0px 17px;
padding:0px 0px 0px 10px;
float: left;
}
.contenidoplantillainf{
width:700px;
text-align:justify;
margin:22px 0px 0px 17px;
padding:0px 0px 0px 10px;
float: left;
}
.encabezado2{
color: #04f1e9;
background-color: #045481;
width:771px;
height:250px;
margin:0px 0px 0px 26px;
padding:0px 0px 0px 0px;
float:left;
}

#contenido1{
width:340px;
height:106px;
margin:22px 0px 0px 17px;
padding:0px 0px 0px 10px;
float: left;
border-left:1px #007CA6 groove;
}



h2{
font-family:Arial, Helvetica, sans-serif;
font-stretch:normal;
font-size:11px;
color: #FFCC00;
padding:0px 0px 0px 0px;
}

h6{
color:#003366;
font-size:11px;
}

.contenido-cuadros{
float:left;
width:771px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border: 0px solid #FF0000;
background-color:#8ecee7;
}

#contenedor{
padding:0px 0px 20px 0px;
margin:0px 0px 20px 20px;
width:210px;
height:212px;
border:0px solid #ff0000;
float:left;
}

#creditos{
width:821px;
height:80px;
text-align:center;
background-image:url(images/img-dir.jpg);
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:0px solid  #FFFFFF;
float:left;
}

/*portafolio*/
#portafolio{
width:750px;
padding:0px 0px 10px 0px;
margin:10px 0px 0px 0px;
float:left;
border:0px solid #ff0000;
}
.imagenes{
width:90px;
height:90px;
background-color:#FFFFFF;
border:1px solid #0099cc;
padding:4px 1px 1px 4px;
margin:0px 0px 20px 20px;
float:left;
}

/*para las letras de los subtitulos */
#submenu{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
width:91%;
color: #0099CC;
padding:0px 0px 0px 20px ;
margin:10px 10px 0px 20px ;
border-bottom:1px  solid #838A57;
float:left;
}

/*para texto de la pagina */
#texto{
font-family:Arial, Helvetica, sans-serif;
font-size: 17px;
text-align:justify;
width:91%;
color:#838A57;
padding:10px 0px 0px 40px ;
margin:0px 0px 0px 0px ;
float:left;
}



.servicios{
height:40px;
width:150px;
float:left
}
.categorias{
width:821px;
color:#838A57;
padding:0px 0px 20px 0px ;
margin:0px 0px 0px 0px ;
float:left;
background-color:#8ecee7;
}

#cuadroscatergorias{
color: #04f1e9;
background-color: #045481;
width:771px;
height:250px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}
#cuadros{
background-image:url(images/img-cuadro.jpg);
float:left;
text-align:center;
width:257px;
height:237px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border: 0px solid #838A57;
}

#navi li {
color:#0099CC;
	margin:px;
	padding:px;
	text-decoration:none;

	}
	
	#navi li a { 
	padding:0px 0px 0px 5px;
	color: #FFCC00;
	font-size:14px;
		text-decoration:none;
	
}
#navi li a:hover {
	color: #0099CC;
		text-decoration:none;

}
ul li a {
	font-size:12px;
	color: #FFFFFF;
		text-decoration:none;
}
ul li a:hover {
	color: #00CCFF;
		text-decoration:none;
}