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

/* HEADER FIR */

#wrapper-header #content-header h1 {
	position: relative;
	top: 15px;
	left: 25px;
	width: 226px;
	height: 82px;
}

#wrapper-header #content-header h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
   background: url(../gfx/img/logo.jpg) no-repeat;
}

#wrapper-header #content-header div#banner {

   position: absolute; 
	top: 22px;
	left: 38%;
	
}

/* HEADER MENU */

#wrapper-header #content-header ul#menu {
    position: absolute;
	top: 118px;
    width: 930px;
	padding:0 5px;
	height: 30px;
	line-height: 30px;
	border-top: 12px solid #EEEB15;
	font-size: small;
}

#wrapper-header #content-header ul#menu li {
   float: left;
}

#wrapper-header #content-header ul#menu a {
   color: #fff; 
	display: block;
	padding: 5px 6px;
}

#wrapper-header #content-header ul#menu a:hover {
	background-color: #eeeb15;
	color:#336600;
}

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

/* MenuLateral
----------------------------------*/

/*#wrapper-content #content-content #box-menult ul#menu-lateral {
  width: 200px;
}

#wrapper-content #content-content #box-menult ul#menu-lateral li {
   height: 20px;
	margin: 7px 0;
   display: block;
}

#wrapper-content #content-content #box-menult ul#menu-lateral li a {
   text-indent: 7px;
	font-size: small;
   display: block;
	width: 200px;
	padding: 3px 0;
	color: #000;
}

#wrapper-content #content-content #box-menult ul#menu-lateral a:hover {
   color: #fff;
	background-color: #99cc00;
	display: block;
}*/

/* Noticias, .box-noticias
----------------------------------------*/
#wrapper-content #content-content #side-lateral h5 {
	color: #99CC00;
	margin-bottom: 5px;
	padding-bottom:5px;
	border-bottom: 1px solid #dedede;
}

#wrapper-content #content-content #side-lateral .box-noticias {
    width: 100%;
	margin: 8px 0;
	padding-bottom: 3px;
	
 }

#wrapper-content #content-content #side-lateral .box-noticias span {
 	color: #989898;
	font-size: small;
}

#wrapper-content #content-content #side-lateral .box-noticias h6 {
	font-size: 11px;
	font-weight: none;
	margin: 3px 0;
}

/*#wrapper-content #content-content .contenido .side-principal .box-noticias {
	width: 380px;
	margin: 5px 0 11px 20px;
	padding-bottom: 3px;
	border-bottom: 1px solid #dedede;
}*/

#wrapper-content #content-content .contenido .side-principal h4 {
	margin: 5px 0 5px 15px;
}


/*#wrapper-content #content-content .contenido .side-principal .box-noticias h6 {
	font-size: 11px;
	font-weight: bold;
	margin: 3px 0;
}

#wrapper-content #content-content .contenido .side-principal .box-noticias span {
 	color: #989898;
	font-size: small;
}*/

/* Contactenos
-----------------------------------------*/

#contactenos #wrapper-content #content-content .contenido .side-principal .box-datos {
  float: left; 
  height: 47px;
  margin: 5px 50px 5px 0;
}

#contactenos #wrapper-content #content-content .contenido .side-principal .box-datos label {
   display: block;
   font-weight:bold;
   font-size:small;
   margin-bottom:3px;
}

#contactenos #wrapper-content #content-content .contenido .side-principal .box-datos textarea {
    display: block;
	 width: 300px;
	 overflow: auto;
	 height: 150px;	
}

#contactenos #wrapper-content #content-content .contenido .side-principal .block {
  width: 80%;
  height: 180px;
  margin-bottom: 5px;
}

#contactenos #wrapper-content #content-content .contenido .side-principal .btn {
	border:none;
	width:115px;
	padding:3px;
	margin-right:10px;
	background-color:#9C0;
	cursor:pointer;
	color:#fff;
}

#contactenos #wrapper-content #content-content .contenido .side-principal .btn:hover {
	color: #f8dc17;
}

/* Newsletter
--------------------------------------------------------*/

#newsletter h6 {
	color: red;
}

#newsletter p {
   font-size: small;
   float: left;
   margin:3px 0;
}

#newsletter label {
	display:block;
	margin:5px 0; 
	font-weight:bold;
	color: #002E73;
}

#newsletter input {
   display:block;	
   width: 200px;
   padding:2px;
   border: 1px solid #ccc;
}

#newsletter .enviar {
	width:100px;
	padding:3px;
	margin-top:10px;
	font-size:16px;
	color:#fff;
	cursor: pointer;
	border: 1px solid #006600;
	background-color:#99CC00;
}

#newsletter .enviar:hover {
	background-color:#53AB17;
}

/* Grilla-Banner
--------------------------------------*/
#wrapper-content #content-content .grilla-banner ul {
	width: 650px;
	overflow: hidden;
	margin: 0 auto;
}

#wrapper-content #content-content .grilla-banner ul li {
  width: 122px;
  height: 63px;
  float: left;
  margin-left:5px;
  margin-bottom: 5px; 
}
 

/* Footer
--------------------------------------*/

#wrapper-footer #content-footer p,
#wrapper-footer #content-footer address {
   width: 357px;
	float: left;
	margin-top: 25px;
	margin-left: 15px;
   font-size: small;
	color: #fff;
}

#wrapper-footer #content-footer .logoid  {
	float: right;
	display: block;
	margin-top: 10px;
	margin-right: 15px;
}

#wrapper-footer #content-footer .logobrasil {
	float: right;
	display: block;
	margin-top: 20px;
	margin-right: 15px;
}

/* Galeria de Imagenes 
-----------------------------------------------------------*/

#galeria #wrapper-content #content-content .contenido .side-principal h6 {
	margin: 5px 0;
	padding: 2px 0;
	
}

#galeria #wrapper-content #content-content .contenido .side-principal ul.listaimg  {
   width: 100%;
	float: left;
}

#galeria #wrapper-content #content-content .contenido .side-principal ul.listaimg li {
   float: left;
   padding:5px 15px;
   width: 45%; 

  /* margin-right:25px;
   margin-bottom:10px;*/
}

#galeria #wrapper-content #content-content .contenido .side-principal ul.listaimg img {
	float: left;
    /*margin-right: 5px;*/
	background-color: #eeeb15;
	padding: 2px;
	border: 1px double #ccc;
	width:100px; 
	height:82px;

} 

-------------------------------------------------------------*/
/* ///////////////////////// GALERIA DE IMAGENES DJS //////////////////// */
/* thumbnail list */

	ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none !important;
	}
	
	ul#thumbs li{
		float:left;
		margin:0 6px 0 0;
	}
	ul#thumbs a{
		display:block;
		float:left;
		width: 190px;
		height:142px;
		line-height:0px;
		overflow:hidden;
		position:relative;
		z-index:1;
		border: 4px solid #FFF;
	}
	ul#thumbs a img{
		float:left;
		position:absolute;
		margin-left: -10px;
	}
	
	/* mouse over */
	
		ul#thumbs a:hover{
			overflow:visible;
			z-index:1000;
			border: 4px solid #FFF;		
		}
		ul#thumbs a:hover img{
			background:#030;
			padding:2px;	
			margin: -4px 0 0 -10px;
		}	
	
	/* // mouse over */

	/* clearing floats */
	
		ul#thumbs:after, li#thumbs:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		ul#thumbs, li#thumbs{
			display:block;
			}
		/*  \*/
		ul#thumbs, li#thumbs{
			min-height:1%;
			}
		* html ul#thumbs, * html li#thumbs{
			height:1%;
			}	
	
	/* // clearing floats */

/* // thumbnail list */



/* Internas 
---------------------------------------------------------------*/

#internas #wrapper-content #content-content .contenido .side-principal span {
	font-size: small;
	color:#989898;
	font-weight: bold;
}

#internas #wrapper-content #content-content .contenido .side-principal h5,
#internas #wrapper-content #content-content .contenido .side-principal p {
	margin: 5px 0;
}