/*---------------------------------------
  CSS (version para 3 browser)
  
  autor: cesar rotela
  email: rottela@hotmail.com 
  desarrollo: www.id.com.py
-----------------------------------------*/

/* ResetCSS
--------------------------------*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	color: #000;
	font-size: 100%;
	vertical-align: baseline;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif 
}

a {
	text-decoration: none;
}

/*a:link, a:visited {
  color: #336600; 
}

a:hover, a:active {
	color: #99cc00;
}*/
body {
  line-height: 1.1;
   background-color: #fff;	
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}

h1 {
	font-size: 180%;
}

h2 {
	font-size: 160%;
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 130%;
}

h5 {
	font-size: 105%;
	font-weight:bold;
}

h6 {
	font-size: 110%;
}

p {
    font-size: small;
	 color: #666;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
   border:0;
}

/* Comun
---------------------------*/

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clear {
	clear: both;
}

.clearight {
	clear: right;
}

.titulo {
   margin: 5px 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #99cc00;
}
.tit{
	background-color: #336600;
	color:#fff;
	font-style:italic;
	padding:3px;
	text-align:center;
	font-size:18px;
	margin-top:15px;
}	
/*-------------------------------------
 WRAPPER
-------------------------------------*/

/*WrapperPrincipal
-------------------------------------*/

#wrapper-principal {
	width: 100%;
}

/* HEADER */

#wrapper-header {
	width: 100%;
}

#wrapper-header #content-header {
	width: 940px;
	height: 170px;
	margin: 0 auto;
	background: #336600 url(../gfx/img/bg-header2.jpg) repeat-x;
}

/********************
      CONTENT
*********************/

#wrapper-content {
	width: 100%;
	margin-top: 5px;
}

#wrapper-content #content-content {
	width: 940px;
	overflow: hidden;
	margin: 0 auto;
}

#wrapper-content #content-content #side-lateral {
   float: left;
   width: 250px;
   padding:10px 15px 15px;
   background: url(../gfx/img/bg-side-lateral2.jpg) repeat-x  bottom left;
}

/* .contenido en Index
-------------------------------------------*/

#wrapper-content #content-content .contenido {
	float: right;
	width: 650px;
	border-left: 1px solid #e4e4e4;
	margin-bottom:15px;
}

/* Banner */

#wrapper-content #content-content .contenido #banner {
	float: right;
	clear: both;
	width: 649px;
	height: 173px;
	margin-bottom: 5px;
}

/* Noticias-Eventos-Newssocios en
index
---------------------------------------*/

/*#wrapper-content #content-content  .side-lateral {
	float: left;
	width: 200px;
	height: 1%;
	margin-left: 5px;
}*/

#wrapper-content #content-content .contenido .side-principal {
	float: right;
	width: 100%;
	height:auto;
	
}

#wrapper-content #content-content .contenido .side-principal a#news-socios {
	width: 165px;
	float:left;
	height:50px;
	display:block;
	background: url(../gfx/img/news-socios.jpg) no-repeat top left;
}

#wrapper-content #content-content .contenido .side-principal #marqueecontainer{
	position: relative;
	float:right; /*agregado*/
	width: 476px; /*marquee width */
	height: 44px; /*marquee height */
	background-color: #DEE3C4;
	overflow: hidden;
	padding: 3px 4px;
}

#wrapper-content #content-content .contenido .side-principal #marqueecontainer #vmarquee h4 {
	margin-left:0;
}

/* .contenido en eventos,noticias,py,clasificados,
,foro,contactenos,internas
-------------------------------------------------*/
#galeria #wrapper-content #content-content .contenido,
#internas #wrapper-content #content-content .contenido,
#eventos #wrapper-content #content-content .contenido,
#noticias #wrapper-content #content-content .contenido,
#py #wrapper-content #content-content .contenido,
#clasificados #wrapper-content #content-content .contenido,
#foro #wrapper-content #content-content .contenido,
#contactenos #wrapper-content #content-content .contenido {
	float: right;
	/*margin-left:5px;*/
	width: 645px;
	min-height:230px;
	border-left: 1px solid #e4e4e4;
}

/* .side-principal en eventos,noticias,py,clasificados,
,foro,contactenos,internas
------------------------------------------------------*/
#galeria #wrapper-content #content-content .contenido .side-principal,
#internas #wrapper-content #content-content .contenido .side-principal,
#eventos #wrapper-content #content-content .contenido .side-principal,
#noticias #wrapper-content #content-content .contenido .side-principal,
#py #wrapper-content #content-content .contenido .side-principal,
#clasificados #wrapper-content #content-content .contenido .side-principal,
#foro #wrapper-content #content-content .contenido .side-principal,
#contactenos #wrapper-content #content-content .contenido .side-principal {
	float: left; 
	width: 635px;
	height: 100%;
	padding-top:0;
	padding-left:10px;
	margin-top:5px;
    background: none;   
}

/***NEWSLETTER***/

#newsletter {
    float: left;
	width: 260px;
	padding:10px 10px 15px;
	margin-top: 10px;
	background-color:#EDF0DD;
}



/* Newsletter */ 

/*#content-bottom {
   clear: both;
   width: 900px;
	height: 82px;
	border-bottom: 1px solid #e4e4e4;
}

#content-bottom img {
	float: left;
	margin-left: 15px;
}

#content-bottom #newsletter {
   float: right;
	width: 550px;
	margin-top: 20px;
	padding-left: 100px;
	background: #fff url(../gfx/img/email.jpg) no-repeat left center;
}
*/
/* Grilla-Banner
---------------------------------------*/

#wrapper-content #content-content .grilla-banner {
	width: 650px;
	float:right;
	overflow: hidden;
	margin: 15px 0 5px 0;
}

/* FOOTER */

#wrapper-footer {
	width: 100%;
	margin-top: 5px;
}

#wrapper-footer #content-footer {
	width: 940px;
	height: 153px;
	margin: 0 auto;
	background: url(../gfx/img/bg-pie.jpg) repeat-x;
}