@charset "utf-8";
/* CSS Document - Made by Cinthy Revilla - Contact: cinthy.revilla@gmail.com*/

/* GENERICOS */

body,html {
	font-family:"Trebuchet MS";
	font-size:12px; 
	color:#013d85; 
	font-weight:normal; 
	text-align:justify; 
	
}

html{
background:#0d3976 url(../images/bg.gif) repeat;
}
#todo {
margin:auto;
width:780px;
}
.clearboth {
clear:both;
}
.estilolista{
list-style:square ;
list-style-position:outside;
list-style-image:url(../images/list.gif);
}
.estilolista2{
list-style-position:outside;
list-style-type:disc;
font-size:10px;
}
li a{
font-family:"Trebuchet MS";
font-size:12px;
text-decoration:none;
color:#013d85;
list-style:square ;
list-style-position:outside;
list-style-image:url(../images/list.gif);
}

li a:hover{
font-family:"Trebuchet MS";
font-size:12px;
text-decoration: underline;
color:#a80000;
}

h1{
font-family:"Trebuchet MS";
font-size:15px;
font-weight:bold;
color:#A80000;
}


/* ESPECIFICOS */
#primi{
width:100%;
height:5px;
}
#header{
margin:auto;
width:100%;
height:116px;
background-color:#a80000;
float:left;
clear:both;
overflow:hidden;
}
	/* DENTRO DEL HEADER */
	#logo{
	margin:0;
	width:100%;
	height:79px;
	background:transparent url(../images/cab01.jpg) no-repeat center;
	clear:both;
	float:left;
	}
	/* #butons definida en menu.css */
	/* FIN DEL HEADER */
#anima{
margin:auto;
width:780px;
height:154px;
background-color:#a80000;
background-image:url(../images/animacion.jpg);
float:left;
clear:both;
}

a{
border:none;
text-decoration:none;
}

.cajastexto
{
	border:1px #013d85 solid;
	font-family:"Trebuchet MS";
	font-size:11px;
	color: #013d85;
	text-decoration:none;
	height:18px;
}

.boton{
background-color:#70B1D1;
border:solid 1px #438db1;
color:#FFFFFF;
font-family:Arial;
font-size:12px;
font-weight:bold;
}

#divisor{
margin:0;
padding:0;
width:780px;
height:9px;
background:url(../images/divi1.jpg) no-repeat;
float:left;
clear:both;
overflow:hidden;
	}
#content{
margin:0;
padding:0;
float:left;
width:100%;
height:auto;
clear:both;
background-color: #FFFFFF;
overflow:hidden;
}
	/* DENTRO DEL CONTENT */
	#left{
	margin:0;
	padding:0;
	float:left;
	width:178px;
	height:100%;
	background:#E10019;
	overflow:hidden;
	}
		#cont1{
		background:url(../images/bglado.gif) repeat-x;
		width:170px;
		height:495px;
		float:left;		
		}
			#subtitle{
			background:url(../images/lado2.gif) no-repeat;
			background-position:top left;
			width:170px;
			padding:2 0 0 10px;
			height:31px;
			color:#FFFFFF;
			font-weight:bold;
			font-family:Arial;
			font-size:13px;
			text-align:left;
			}
			#menuizq{
			height:100%;
			width:170px;
			padding:2 0 0 10px;
			margin:0;
			color:#FFFFFF;
			
			}
			
			#link{
			font-family: Tahoma;
			font-size:12px;
			color:#FF0000;
			font-weight:normal;
			padding:2px 0 2px 33px;
			background-image:url(../images/flecha1.gif);
			background-repeat:no-repeat;
			background-position:left;
			float:left;
			clear:both;
			width:120px;
			}
			#link a{
			color:#ffffff;
			text-decoration:none;
			}
			#link a:hover{
			text-decoration:underline;
			color:#FF0000;
			}
			
			#link2{
			font-family: Tahoma;
			font-size:11px;
			color:#FF0000; /*#ff7800*/
			Font-weight:normal;
			padding:2px 0 2px 42px;
			background-image:url(../images/flecha2.gif);
			background-repeat:no-repeat;
			background-position:left;
			float:left;
			clear:both;
			width:111px;
			}	
			#link2 a{
			color:#FF0000;
			text-decoration:none;
			}
			#link2 a:hover{
			text-decoration:underline;
			color:#FFFFFF;
			}
			
			#link3{
			font-family: Tahoma;
			font-size:11px;
			color:#CCCCCC;
			Font-weight:normal;
			padding:2px 0 2px 53px;
			background-image:url(../images/flecha3.gif);
			background-repeat:no-repeat;
			background-position:left;
			float:left;
			clear:both;
			width:100px;
			}
			#link3 a{
			color:#CCCCCC;
			text-decoration:none;
			}
			#link3 a:hover{
			text-decoration:underline;
			color:#FFFFFF;
			}
			
		#lado{
		background:url(../images/lado.gif) repeat-y;
		width:8px;
		height:100%;
		float:left;
		}
		
		#mitad1{
		height:100%;
		width:360px;
		float:left;
		clear:none;
		overflow:hidden;
		}
		
		#mitad2{
		height:100%;
		width:200px;
		float:left;
		clear:right;
		}
		
		#linea{
		background:#ae1d00;
		height:1px;
		width:170px;
		float:left;
		padding:0;
		margin:2px 0 2px 0;
		clear:both;
		overflow:hidden;
		}
		
		#texto2{
		float:left;
		width:95%;
		height:100%;
		padding:0 10px 0 0;
		overflow:hidden;
		}
	
	#submenu{
	width:70%;
	height:17px;
	font-family:"Trebuchet MS";
	font-size:12px;
	font-weight:bold;
	color:#990000;
	float:left;
	}
	
	#submenu a{
	text-decoration:none;
	color:#990000;
	}
	
	#submenu a:hover{
	text-decoration:underline;
	}
	
	#iconitos{
	width:30%;
	height:17px;
	float:left;
	}
	
	#rigth{
	margin:0;
	padding:0;
	float:left;
	width:600px;
	height:100%;
	background-color:#FFFFFF;
	overflow:hidden;
	}
		/* DENTRO DEL RIGTH */
		#icons{
		float:left;
		width:600px;
		height:17px;
		}
		#texto{
	float:left;
	width:560px;
	height:auto;
	padding:20px 20px 0 20px;
	overflow:hidden;
		}
		/* FIN DEL RIGTH */
	/* FIN DEL CONTENT */
#footer{
margin:0;
width:780px;
height:48px;
background:url(../images/bgpie.gif) repeat-x;
clear:both;

}
	/* DENTRO DEL FOOTER */
	#f_izq{
	margin:15px 0 0 0;
	width:30%;
	height:35px;
	float:left;
	}
	#f_cen{
	margin:15px 0 0 0;
	width:40%;
	float:left;
	height:35px;
	}
	#f_der{
	margin:15px 0 0 0;
	width:30%;
	float:left;
	clear:right;
	height:35px;
	}
	/* FIN DEL FOOTER */
.partner{
height:auto;
width: 450px;
margin: 0 0 0 40px;

clear:both;
}
#cajita2{
			font-family: Tahoma;
			font-size:12px;
			color:#FF0000;
			font-weight:normal;
			padding:2px 0 2px 8px;
			float: left;
			clear:both;
			width:154px;
			overflow:hidden;
			}