/* GENERALES */

html,body {
	margin:auto;
	padding:0;
	width:auto;
	height:auto;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat;
}

body {	
	overflow:scroll-y;
	margin-top:10px;
}

a{
text-decoration:none;
}

a:visited {
	color: #333333;
}
a:hover {
	color: #333333;
}
a:active {
	color: #333333;
	text-decoration:underline;
}


ul {
	overflow:hidden;
}

li {
	list-style:none;
	margin:0 0 0 5px;
	text-align:justify;
	float:left;
	clear:both;
	}

p	{
	color:#525252;
	font-family:"Trebuchet MS";
	font-size:11px;
	margin:0;
	padding:0;
	overflow:hidden;
	text-align:justify;
	}

h3 {
	font-weight:bold;
	}

h2 {
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	color:#FFEAAA;
	padding:3px 0 3px 50px;
	margin: 1px;
	border:#FFC109 dotted 2px;
	background-color:#CC9900;
	float:left;
	width:200px;
	}	

h4 {
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#9B620B;
	padding:3px 0 3px 50px;
	margin: 1px;
	border:#FFEAAA dotted 2px;
	float:left;
	width:200px;
	clear:right;
	}


/* --------- PLANTILLA BASICA --------*/

#cuerpo {
	width:800px;
	height:auto;
	margin:auto;
	border:#FFFFFF solid 2px;
	font-family:"Trebuchet MS", arial, sans-serif; font-size:76%;
	background-color:#F3F3F3;
	clear:both;	
}

	#superior {
		width:800px;
		height:84px;
		margin:0;
		padding:0;
		
	}
	
	/* --------- DENTRO DE SUPERIOR --------*/
	
		#supizq {
			width:679px;
			height:84px;
			float:left;
			background-image:url(../images/titu.gif);
			background-position:left;			
		}
		
		#supder {
			width:115px;
			height:57px;
			float:right;
			background-image:url(../images/datos.jpg);
			background-position:right;
			background-repeat:no-repeat;
			clear:right;
			margin: 20px 0 0 0;
		}
	
	/* --------- FIN DE SUPERIOR --------*/
	
	#l1 {
	height:6px;
	width:795px;
	background-image:url(../images/l1.gif);
	overflow:hidden;
	clear:both;
	}
	
	#anima {
	height:233px;
	width:793px;
	clear:both;
	float:left;

	}
		
	
	
	#medio {
		width:800px;
		float:left;
		height:auto;
		overflow:hidden;
		background-color:#F3F3F3;
		clear:both;
	}
	
	/* --------- DENTRO DE MEDIO --------*/
	
		#medioizq {
			width:174px;
			background-repeat:repeat-y;
			background-image:url(../images/cbut.gif);
			height:100%;
			float:left;			
		}
		
		/* --------- DENTRO DE MEDIOIZQ --------*/
		
			#mediobene {
			width:175px;
			height:37px;
			float:left;
			margin:0;
			padding:0;
			overflow:hidden;
			clear:both;
			}
			
			#vidconf {
			width:175px;
			height:42px;
			float:left;
			margin:0;
			padding:0;
			overflow:hidden;
			clear:both;
			}
			
			#moni {
			width:175px;
			height:40px;
			float:left;
			margin:0;
			padding:0;
			overflow:hidden;
			clear:both;
			}
			
			#solip {
			width:175px;
			height:41px;
			float:left;
			margin:0;
			padding:0;
			overflow:hidden;
			clear:both;
			}
			
			#cont {
			width:175px;
			height:43px;
			float:left;
			margin:0;
			padding:0;
			overflow:hidden;
			clear:both;
			}
			
			#nos {
			width:175px;
			height:43px;
			float:left;
			margin:0;
			padding:0;
			overflow:hidden;
			clear:both;
			}
			
			#completar {
			width:174px;
			height:99%;
			float:left;
			margin:0;
			padding:0;
			background-image:url(../images/cbut.gif);
			background-repeat:repeat-y;
			background-position:top;
			}
		
		/* --------- FIN DE MEDIOIZQ --------*/
		
		#mediocent {
			width:500px;
			height:auto;
			float:left;
			padding:0;
			margin:0;
			}
		
		/* --------- DENTRO DE MEDIOCENT --------*/
		
			#donde {
			width:470px;
			height:24px;
			float:left;
			overflow:hidden;
			padding:0;
			margin:20px 0 2px 5px;
			}
			
			#subtitu {
			width:470px;
			height:35px;
			padding:0;
			overflow:hidden;
			float:left;
			margin:5px 0 2px 5px;
			}
			
			#text {
			width:475px;
			height:100%;
			padding:0;
			float:left;
			margin:5px;
			overflow:hidden;
			}
		
		/* --------- FIN DE MEDIOCENT --------*/
		
			
		#medioder {
			width:112px;
			height:370px;
			float: right;
			overflow:hidden;
			margin:2px 2px 2px 0px;
			padding:0;
			vertical-align: top;
			clear:right;
		}
		
		/* --------- DENTRO DE MEDIODER --------*/
		
		#l3 {
		width:15px;
		height:270px;
		overflow:hidden;
		background-image:url(../images/l3.gif);
		background-position:top;
		background-repeat:repeat-y;
		float:left;
		vertical-align:top;
		}
		
		#logos {
			width:96px;
			height:250px;
			float:left;
			overflow:hidden;
			padding:0;
			margin:10px 0 0 0;
			background-image:url(../images/logos.jpg);
			background-position:top;
			background-repeat:no-repeat;
			vertical-align:top;
		
		}
		
		/* --------- FUERA DE MEDIODER --------*/
		
	
	/* --------- FIN DE DENTRO --------*/
	
	#pie {
		width:800px;
		height:26px;
		background-color:#818181;
		border:#FFFFFF solid 2px;
		color:#FFFFFF;
		float:left;
		clear:both;
	}
	
		
/* --------- FIN DE LA PLANTILLA BASICA --------*/

/* --------- PLANTILLA CARATULA DEL SITIO WEB  --------*/

#fila {
width:100%;
height:auto;
float:left;
clear:both;
}

#icono{
width:10px;
height:10px;
padding:0;
margin:2px 2px 0 2px;
float:left;
background-image:url(../images/flecha.gif);
background-position:top;
background-repeat:no-repeat;
}

#texto {
width:450px;
height:auto;
float:left;
clear:right;
}

#cuad {
width:105px;
height:auto;
float:left;
margin:5px;
border:none;
}

#cuad2 {
width:300px;
height:auto;
float:left;
margin:5px;
border:none;
clear:right;
}

#cuad3 {
width:150px;
height:auto;
float:left;
margin:5px;
border: #CCCCCC solid 1px;
}



.non {
border:none;
list-style:none;
background:none;
padding:0;
}

.style3 {
	font-size: 12px;
}
.style5 {
font-size: 12px; 
font-family: "Trebuchet MS"; 
}

.style12 {
font-size: 11px; 
font-family: "Trebuchet MS"; 
}

a:link {
	color: #333333;
}

a:visited {
	color: #6C3F80;
}

a:hover {
	color: #6C3F80;
}

a:active {
	color: #6C3F80;
}

.morado {
color: #6C3F80;
}

.celeste {
background-image:url(../images/int.gif);
color: #0099CC; 
padding:5px 5px 5px 40px; 
background-position:left; 
background-repeat:no-repeat;
height:auto;
width:auto;
overflow:hidden;
}

.style15 {
color: #7a7a7a; 
}

.minivinculo {
font-family:"Trebuchet MS";

font-size:11px;
color:#000000;
text-decoration:underline;
}

.minivinculo2 {
font-family:"Trebuchet MS";
font-size:11px;
color: #666666;
text-decoration:none;
}