/* typography */
html {
	background: #ffffff url(../images/bg.jpg) repeat-x 0 0;
}
body {
	color: #333333;
	font-family: arial;
	font-size: 13px;
	background:transparent url(../images/bg_wrapper.jpg) no-repeat scroll right 0;
}

h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#323232; margin:0px;}
p{
	margin:0px 0px 20px 0px;
}
a{
	color:#0A71B3;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
h3{
  font-size:21px;
  color:#323232;
  letter-spacing:-1px;
}
h4 {
	background:transparent url(../images/bg_content_title.jpg) no-repeat scroll 0 0;
	color:#323232;
	font-size:14pt;
	letter-spacing:-1px;
	margin:12px 0;
	padding:18px 0 0 23px;
	width:569px;
}
h5{
	color:#323232;
	font-size:14pt;
	letter-spacing:-1px;
	margin:12px 0;
	padding:10px 0 0 23px;
	width:569px;
}
/*----------------------  definition style typography the proyect  ------------------------------------*/

/* colores predominantes en el proyecto */
.c1{color:#0a71b4;}
.c2{color:#ffffff;}

/* font-sizes predominantes en el proyecto */
.s1{font-size:10px;}
.s2{font-size:11px;}

/* combinacion de color, size, font, mas usadas en el proyecto */
.fs1{color:#0a71b3; font-size:13px; margin:20px 0px; margin-bottom: 10px;}
.fs02{color:#323232; font-size:14px; font-weight:bold; letter-spacing:-1px}
.fs2{color:#000000; font-size:13px;}
.fs3{color:#0d79a8; font-size:12px; font-family:arial;}
.fs4{color:#61BA00; font-size:13px; font-weight:bold;}


/* padding y margin. aplicados en el proyecto */
.m1{margin:0 25px 0 0;} /*page home box events link arrow*/
.m0{margin:10px 0px 0px 15px;} /*box sidebar events top*/
.m01{margin:0 30px 0 140px;} /*link sidebar events buttom arrow*/
.m02{margin:0 5px 0 15px;} /*link sidebar noticias buttom arrow*/
.margin0{margin:0 0px 0 23px;} 
#link1, #link2, #link3, #link4, #link5{margin-left:23px;}