@CHARSET "UTF-8";















/*



** HTML elements



*/















a, a:link, a:active {



	font-weight: bold;



	text-decoration: none;



	color: #FFFFFF;



}



a:hover {



  text-decoration: underline;



}







/*a:link, a:visited {



  color: #FFFFFF;



  text-decoration: none;



} */







.blockquote {



  font-style: italic;



}



.table {



  margin: 0;



  padding: .5em;



  border-collapse: collapse;



}



.code, pre {



 font-size: 1em;



}



.pre {



 font-size: 0.8em;



 padding: 1em;



 background: #eee;



}



.li {



 padding-bottom: .3em;



}



.h1, h2, h3, h4, h5, h6 {



  margin-bottom: .25em;



}

.HeaderOrange  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #C90;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}



.h1 {



	font-size: 20px;



}



.h2 {



	font-size: 18px;



}



.h3 {



	font-size: 16px;



	font-family: Arial, Helvetica, sans-serif;



	font-weight: bold;



}



.h4, h5, h6 {



  font-size: 1em;



}



.p {



  margin: 0 0 .5em 0;



}



.br {



  line-height: 0.6em;



}



.colorheader{



	color: #FFFFFF;



	font-size: 14px;



	font-weight: bold;



}











body  {



	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */



	padding: 0;



	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */



	color: #FFFFFF;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	background-color: #666666;



	background-image: url(images/bg.png);



	height: 130px;



}







.new  {



	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */



	padding: 0;



	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */



	color: #C90;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



}







#container {



	width: 880px; /* the auto margins (in conjunction with a width) center the page */



	border: 1px solid #000000;



	text-align: left; /* this overrides the text-align: center on the body element. */



	margin-top: 0;



	margin-right: auto;



	margin-bottom: 0;



	margin-left: auto;



	background-color: #870100;



	background-image: url(images/BG_LeftShape.jpg);



} 



#header {



	background-color: #DDDDDD;



	background-image: url(images/bg_top.jpg);



	height: 130px;



	background-repeat: repeat-x;



} 







/*Top_Images*/







a.logo {



	display: block;



	width: 204px;



	height: 53px;



	padding-left: 38px;



	text-decoration: none;



	background-image: url(images/Logo_gif.gif);



	background-repeat: no-repeat;



	background-position: 0 0;



	float: left;



}







a.donate {



	display: block;



	width: 137px;



	height: 58px;



	text-decoration: none;



	background-image: url(images/B_ayudanos.jpg);



	background-repeat: no-repeat;



	background-position: 0 0;



	float: left;



}







/*------End Top_Images*/







/*Forms*/



.forms{



	color:#FFFFFF;



	background-color: #AE0000;



}







/*------End Forms*/











/*Rollovers Menu*/



/* desactivated







a.srollover1 {



	display: block;



	width: 80px;



	height: 37px;



	text-decoration: none;



	background-image: url(images/B_MP_1.jpg);



	background-repeat: no-repeat;



	background-position: 0 0;



	float: left;



}



 



a:hover.srollover1 {



	background-position: left 0;



	background-image: url(images/B_MP_1_f2.jpg);



} 











a.srollover2 {



	display: block;



	width: 91px;



	height: 37px;



	text-decoration: none;



	background-image: url(images/B_MP_2.jpg);



	background-repeat: no-repeat;



	background-position: 0 0;



	float: left;



}



 



a:hover.srollover2 {



	background-position: left 0;



	background-image: url(images/B_MP_2_f2.jpg);



} 







a.srollover3 {



	display: block;



	width: 177px;



	height: 37px;



	text-decoration: none;



	background-image: url(images/B_MP_3.jpg);



	background-repeat: no-repeat;



	background-position: 0 0;



	float: left;



}



 



a:hover.srollover3 {



	background-position: left 0;



	background-image: url(images/B_MP_3_f2.jpg);



} 







a.srollover4 {



	display: block;



	width: 114px;



	height: 37px;



	text-decoration: none;



	background-image: url(images/B_MP_4.jpg);



	background-repeat: no-repeat;



	background-position: 0 0;



	float: left;



}



 



a:hover.srollover4 {



	background-position: left 0;



	background-image: url(images/B_MP_4_f2.jpg);



} 











a.srollover5 {



	display: block;



	width: 107px;



	height: 37px;



	text-decoration: none;



	background-image: url(images/B_MP_5.jpg);



	background-repeat: no-repeat;



	background-position: 0 0;



	float: left;



}



 



a:hover.srollover5 {



	background-position: left 0;



	background-image: url(images/B_MP_5_f2.jpg);



} 











a.srollover6 {



	display: block;



	width: 99px;



	height: 37px;



	text-decoration: none;



	background-image: url(images/B_MP_6.jpg);



	background-repeat: no-repeat;



	background-position: 0 0;



	float: left;



}



 



a:hover.srollover6 {



	background-position: left 0;



	background-image: url(images/B_MP_6_f2.jpg);



} 











a.srollover7 {



	display: block;



	width: 112px;



	height: 37px;



	text-decoration: none;



	background-image: url(images/B_MP_7.jpg);



	background-repeat: no-repeat;



	background-position: 0 0;



	float: left;



}



 



a:hover.srollover7 {



	background-position: left 0;



	background-image: url(images/B_MP_7_f2.jpg);



} 











a.srollover8 {



	display: block;



	width: 100px;



	height: 37px;



	text-decoration: none;



	background-image: url(images/B_MP_8.jpg);



	background-repeat: no-repeat;



	background-position: 0 0;



	float: left;



}



 



a:hover.srollover8 {



	background-position: left 0;



	background-image: url(images/B_MP_8_f2.jpg);



} 















/* End Rollovers Menu*/



















/*Rollovers Menu_sidebar*/







#sideover1 {



	display: block;



	width: 229px;



	height: 38px;



	text-decoration: none;



	background-image: url(images/BG_Sub_Menu.jpg);



	background-repeat: no-repeat;



	background-position: 0 0;



	float: left;



	vertical-align: middle;



	



}







/* End Rollovers Menu_SideBar*/























#flashmov {



	margin: 0;



	background-image: none;



	padding: 0px;



	float: none;



	background-repeat: no-repeat;



	width: 880px;



}



#sidebar1 {



	float: right; /* since this element is floated, a width must be given */



	width: 340px;



	padding-top: 15px;



	padding-right: 0px;



	padding-bottom: 15px;



	padding-left: 0px;



	background-color: #EBEBEB;



	background-image: url(images/BG_RightBar.jpg);



	height: 2340px;



}







#sidebarSec {



	float: right; /* since this element is floated, a width must be given */



	width: 229px;



	padding-top: 0px;



	padding-right: 0px;



	padding-bottom: 0px;



	padding-left: 0px;



	background-color: #EBEBEB;



	background-image: url(images/BG_RightBar.jpg);



	height: 100%;



}











#mainContent {



	width: 540px;



	background-image: url(images/BG_LeftBar.jpg);



	background-color: #9F0000;



	height: 1900;



	margin: 0px;



	padding: 0px;



} 







#mainContentSec {



	width: 650px;



	margin-top: 0px;



	margin-right: 0px;



	margin-bottom: 0px;



	margin-left: 0px;



	padding-top: 0px;



	padding-right: 0px;



	padding-bottom: 0px;



	padding-left: 0px;



	height: 100%;



	



} 







#headerSec{



	font-weight: bold;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 18px;



	color: #FFFFFF;



	padding-right: 30px;



	padding-left: 30px;



	text-decoration: underline;



}







#contentSec{



	font-weight: normal;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 14px;



	color: #FFFFFF;



	padding-right: 30px;



	padding-left: 30px;



}











#footer {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 10px;



	color: #FFFFFF;



	text-align: center;



	width: 100%;



	padding-top: 0;



	padding-bottom: 0;



	display: block;



	height: 50px;



	background-image: url(images/Footer.jpg);



} 







.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */



	float: right;



	margin-left: 8px;



}



.fltlft { /* this class can be used to float an element left in your page */



	float: left;



	margin-right: 8px;



}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */



	clear:both;



    height:0;



    font-size: 1px;



    line-height: 0px;



}











[if IE 5]>



<style type="text/css"> 



/* place css box model fixes for IE 5* in this conditional comment */



.twoColFixRtHdr #sidebar1 { width: 220px; }



</style>



<![endif][if IE]>



<style type="text/css"> 



/* place css fixes for all versions of IE in this conditional comment */



.twoColFixRtHdr #sidebar1 { padding-top: 30px; }



.twoColFixRtHdr #mainContent {



	zoom: 1;



	background-image: url(images/BG_LeftShape.jpg);



}



/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */



</style>



<![endif]