mo/*
-----------------------------------------------------------
Titulo:			Arobanam Children Fund - index
Autor:			Francisco Medina fmedina@brahmaproducciones.com
Actualizado:	30 Abril 2008
Version:		1.0	
-----------------------------------------------------------
*/

body {
background: #FFFFFF url(imgs/bkg-body.jpg) no-repeat center top;
margin: 0px;
padding: 0px;
}
/*
-----------------------------------------------------------
HEADING
-----------------------------------------------------------
*/
#heading-bar {
padding-top:-20px;
background: #386FBF;
height: 156px;
width: 930px;
margin: 0px auto;
border-top: 0px none;
border-right: 1px solid #FFFFFF;
border-bottom: 0px none;
border-left: 1px solid #FFFFFF;
}
/*
-----------------------------------------------------------
PRINCIPAL
-----------------------------------------------------------
*/

#principal {
margin-left:auto;
margin-right:auto;
width: 940px;
padding: 0px;
}
/*
-----------------------------------------------------------
LEFT COLUMN
-----------------------------------------------------------
*/
#col-left {
float: left;
margin-top:10px;
width: 170px;
}
/*
-----------------------------------------------------------
MENU
-----------------------------------------------------------
*/
#menu {
}
#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#menu li {
border-bottom: 1px solid #CCCCCC;
border-top-style: none;
border-right-style: none;
border-left-style: none;
margin: 0px 5px;
padding: 0px;
background: url(imgs/icon-arrow.jpg) no-repeat 0px 4px;
}
#menu li a {
font: bold 0.8em/20px Verdana;
text-decoration: none;
color: #000000;
padding: 0px 0px 0px 20px;
display: block;
}
#menu li a:hover {
color: #0066FF;
}
/*
-----------------------------------------------------------
CENTRAL COLUMN
-----------------------------------------------------------
*/
#col-center {
width: 495px;
margin: 0px;
float: left;
margin-top:5px;
padding: 10px 0px 0px 0px;
}
.article-container {
background: url(imgs/bkg-article-bottom.jpg) no-repeat left bottom;
padding: 0px 0px 10px;
}
.article {
background: url(imgs/bkg-article-top.jpg) no-repeat left top;
}
.article .photo-article {
padding: 2px;
border: 1px solid #CCCCCC;
margin: 0px 10px 10px 20px;
float: left;
background: #FFFFFF;
}
.article h1 {
font-family:Verdana;
font-size:20px;
font-weight:normal;
margin:0px;
padding-left:20px;
padding-bottom:20px;
line-height:18px;
color:#3e79c9;
font-style:normal;
 
}
.article h2 {
color:#0049a1;
font-size:18px;
font-weight:bold;
line-height:22px;
font-style:none;
}
.article h3 {
color:#0049a1;
font-size:18px;
font-weight:bold;
line-height:22px;
font-style:none;
}
.article p {
text-align:justify;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding-left:20px;
padding-right:20px;
}
.article a {
color:#3e79c9;
text-decoration:none;
}
.article a:hover {
color: #3E79C9;
}
.article ul {
margin: 0px 0px 10px 40px;
padding: 0px;
}
.article-container .article li {
list-style: url(imgs/dot.gif) outside;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
 
padding-left:20px;
padding-right:20px;
}
/*
-----------------------------------------------------------
RIGTH COLUMN
-----------------------------------------------------------
*/
#col-right {
position: relative; /* ADD */
float: right;
width: 180px;
font: 0.9em Verdana;
text-decoration: none;
padding: 10px 0px 0px 0px;
margin-top:5px;
background-color:#F8F8F8;
}
#col-right a img {
margin: 0px;
padding: 0px;
border-style: none;
}
#col-right img {
margin: 0px;
padding: 0px;
}

/*
-----------------------------------------------------------
FOOTER
-----------------------------------------------------------
*/
#footer {
background: url(imgs/bkg-footer.jpg) repeat-x left top;
margin: 0px auto;
height: 32px;
width: 852px;
border: 1px solid #A2C1E8;
font: 0.7em Verdana;
clear: both;
}
#footer #adress {
float: left;
margin: 0px 0px 0px 10px;
line-height: 32px;
}
#footer #phone {
line-height: 32px;
float: right;
margin: 0px 10px 0px 0px;
}

#paypal {
background: url(imgs/bnnr-paypal.jpg) ;
}
#arobanam {
background: url(imgs/bnnr-arobanam.jpg);
}

/*
** Contact form styles
*/
.form-item{
	width:400px;
	margin-left:50px;
}
.form-item label{
	position:relative;
	float:left;
	width:170px;	
}
.form-item .form-text{
	position:relative;
	float:left;
	width:200px;

}
.form-item .form-textarea{
	clear:both;
}
.form-item .option{
	width:400px;
}
.form-submit{
	position:left;
	width:100px;
	margin-left:200px;
	margin-bottom:10px;
	margin-top:10px;
}
ul.links {
	/*float: right;*/
	margin-top: 22px;
	display: Inline;

	clear: both;
	float:left;
	width: 500px;
	text-align:center;
	margin-bottom:15px;
}


#main{
width:450px;
margin:10px auto;
}

#main p{
text-align:justify;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

h4{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
margin:0px;
padding:0px;
line-height:18px;
color:#3e79c9;
}

.pic{
padding:2px;
float:left;
display:inline;
margin: 0px 8px 0px 0px;
border: 1px solid #ccc;
}

.title{
font-size:15px;
color:#575757;
line-height:22px;
font-style:italic;
}

.line{
line-height:2px;
font-size:2px;
height:2px;
background-color:#bad0ed;
margin:auto;
}

.blue{
color:#0049a1;
font-size:18px;
font-weight:bold;
line-height:22px;
font-style:italic;
}