@import url("footer.css");

/*GENERIC STYLES*/


/*  Reset CSS */
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
acronym, abbr, fieldset, img { border: 0;}
:focus { outline: 0; } 




body {
	margin:0;
	padding: 0;
	background-color: #ffffff;
	background-image:url(common/bg-body.jpg);
	background-repeat: repeat-x;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	}

h3{
	font-size: 14px; 
	font-weight: bold;
	color: #bfbfbf;
	padding: 5px 0 5px 10px;
}


h4{color:#659825; font-size: 14px; border-bottom: 1px dotted #659825; font-weight: bold; margin:10px 0 5px 0; text-align: left;}

h5{
	font-size: 16px; 
	font-weight: bold;
	color: #659825;
	text-decoration: none;
	text-align: center;
}
h6{font-size: 14px; font-weight: bold; color: #659825;}
	
.textSmall{

}
img{
border:0;
margin-right: 4px;
}

a {
color:#659825;
text-decoration: none;
}

textarea{background: #f5f9e5; border:1px solid #659825; margin:5px;}
/*DIVS*/
#wrapper { 
	width: 900px; 
	margin: auto; 
}
#header{ 
	width: 900px;
	height: 140px; 
	float: left;
	background-image:url(common/logo.png);
	background-repeat: no-repeat;
	background-position: -10px;
	margin:0;
}
#headerLang{ 
	width: 600px;
	float: right;
	margin-top:6px;
	text-align: right;
	color: #bfbfbf;

}

#headerTitle{ 
	width: 600px;
	float: right;
	margin-top:60px;
	text-align: right;
	letter-spacing: 1px;
}

.noBorder {
border:1px solid #fff;
color:#fff;
text-decoration: none;
}



/* MENU */

#menu {
	width: 900px;
	height: 50px;
	margin: 0 0 10px 0;
	background-image: url(common/bgmenu.jpg);
	background-repeat: no-repeat;
	float:left;
	font-family: Trebuchet MS;
	
}

#menu ul {
	margin: 0px ;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;

}

#menu a {
	display: block;
	float: left;
	width: 178px;
	height: 30px;
	padding-top: 14px;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	font-weight:bold;
	letter-spacing: 1px;
	color:#CCCCCC;
	
}


#menu a:hover {
	color: #c9fb28;	
}

#content{width: 900px; float: left; background: url(bg_content.jpg) repeat-y;}

#content p{text-align: justify;}

#content a{color:#659825; text-decoration: none;}

#expand{width: 1px; float:left; height: 360px;}

#columnRight{margin-top:5px; width:180px; float:left;}

#columnLeft{ margin-top:5px; width:180px; float:right;}

#column_center{ margin:5px; margin-left:185px; margin-right:185px;}

#columnLeft a:hover{border-bottom:1px solid;}

#columnRight a:hover{border-bottom:1px solid;}


.inside{margin:8px;}

.insideCenter{margin:5px; text-align: center;}


.box{width: 500px; float:left; margin:5px 0 10px 0; border-bottom:1px solid #eee; }

.title{width: 480px; float:left; font-size: 20px; text-align: left; color:#659825; text-transform: capitalize;}

.categoryNews{width: 380px; float:left; color: #222;}

.avatarNews{width: 100px; float:left; margin: 0; }

.bodyNews{width: 390px; float:right; text-align: justify; margin:0;}

.dateNews{width: 380px; float: left; margin: 5px 0 5px 0; }

.sourceNews{width: 380px; float: left; margin: 5px 0 5px 0;}


/*commentarios*/
.boxComment{width: 500px;  border:1px solid #a1e375; overflow: hidden; margin:10px 0 10px 0; float: left; background: #f7f6f9; }

.avatarComment{width: 80px; float:left; margin: 5px; }

.bodyComment{width: 390px; float:right; text-align: justify; margin:3px;}

.dateComment{width: 380px; float: left; margin: 5px 0 5px 0; font-size: 11px; color:#666;}

.nicknameComment{width: 480px; float:left; font-size: 12px; text-align: left; color:#6B9226; text-transform: capitalize; margin:3px 0 3px 3px;}

.insideComment{margin:2px; float: left;}



/* gallery lightBox jQuery */
#gallery { }

#gallery ul { list-style: none; }

#gallery ul li { display: inline; }

#gallery ul img {border: 2px solid #E3E3E3; border-width: 2px; }

#gallery ul a:hover img {border: 2px solid #333; border-width: 2px; color: #fff; }

#gallery ul a:hover { color: #fff; }







#footer{
float:left;
bottom:0;
left:0;
width:100%;

color:#666666;
background-color:#D0FCA4;
background-image:url(common/bgfooter.jpg);
border-top:1px solid #1c2124;
text-align:center;
margin-top:30px;
 }

/* CLEARFIX */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */