/* 2009 Alejandro Abate */
/*  CSS para proyecto Raimapu                              */
/*  media: Screen                                             */


* {
     margin: 0;
    padding: 0;
}


/*  REDEFINICION ELEMENTOS HTML  */
html, body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
margin: 0px;
padding: 0px;
height: 100%;
color: #595959;
}

table{}
td{}

h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

strong, b{}

a:link{}
a:visited{}
a:hover{}
a:active{}

form{}

ul{}

img {
	border: none;
}

hr {
	 color: #ccc;
   background-color: #CCCCCC;
   height: 1px;
   border: 0;
	 margin-bottom: 10px;
	 margin-bottom: 10px;
}



/* Layout*/

#container  {

width: 1020px;
margin: 0 auto; 
min-height: 92%;  
height: auto !important;  
height: 92%;
}

#header  {
  text-align: left;
	margin: 0 auto;
	width: 980px;
}

#logo  {
	height: 141px;
	margin: 0;
}

#sidebar {
  text-align: left;
	width: 100%;
	margin-bottom: 10px;
	white-space: nowrap;
}

#sidebar img {
	margin-right: 4px;
}

#sidebar p {
	font-size: 12px;
	color: #abc16e
}

#sidebar a, #sidebar a:link, #sidebar a:visited {
	color: #3a461b;
	text-decoration: none;
}

#sidebar a:hover {
  color: #fff;
	text-decoration: underline;
}



#destacado {
	text-align: left;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 950px;
}

#destacado p {
	width: 590px;
	color:#ffff99;
	font-size: 16px;
	line-height: 25px;
	text-align: justify;
}
#destacado .chico {
	font-size: 12px;
	text-align: right;
}

#destacado .grande {
	font-size: 24px;
}
#destacado h1{
	font-size: 24px;
	color: #fff;
	font-weight: normal;
}
#destacado .ir {
	font-size: 40px;
	color: white;
	margin: 0;
	padding-left: 530px;
	font-weight: bold;
}

#main {
	
	/*padding: 10px 0 10px 50px !important;
	padding: 10px 0 10px 30px;*/
	margin: 0 auto;
	width: 950px;
	background: url(../images/bg_contenidos.gif) no-repeat;
	border-bottom: 1px solid #d6d6d6;
}


#main h1, h2, h3, h4, h5, h6{
 color: #204281;
 font-weight: normal;
  margin-bottom: 10px;
	text-align: left;
}

#main h1{
 font-size: 24px;
}

#main h2{
 font-size: 18px;
}

#main h3{
 font-size: 16px;
}

#main h4{
 font-size: 13px;
}

#main p{
 margin-bottom: 10px;
 text-align: justify;
 font-size: 12px;
}

#main ul{
 margin: 10px;
}

#main li{
 margin-bottom: 5px;
 margin-left: 10px;
 text-align: justify;
 font-size: 12px;
}

#main table{
  border-collapse:collapse;
	padding: 0;
	margin-bottom: 10px;
}

#main caption {
	color: #204281;
	padding: 3px;
	font-size: 12px;
}

#main th {
 font-weight: bold;
 border: none;
 text-align: left;
 font-size: 11px;
}

#main td {
 border: none;
 font-size: 11px;
}
#main .datos table {
  border-collapse:collapse;
	padding: 0;
	margin-bottom: 10px;
}

#main .datos caption  {
  font-weight: bold;
  font-size: 12px;
	color: #fff;
	padding: 3px;
	background-color: #93b044;
}

#main .datos th {
 border: 1px solid #ccc;
 padding: 3px 3px 3px 3px;
 font-size: 11px;
 background-color: #dceaaf;
}

#main .datos td {
 border: 1px solid #ccc;
 padding: 3px 3px 3px 3px;
 font-size: 11px;
 background-color: #ffffcc;
}

#main a{
 color: #388429;
}

#main a:link{
  text-decoration: underline;
	color: #388429;
 }
 
#main a:visited{ 
  text-decoration: underline;
	color: #388429;
	}
	
#main a:hover{ 
  text-decoration: none;
	}
	
#main a:active{ 
  text-decoration: underline;
	}
	
#main .epigrafe{
  margin-bottom:0;
	font-weight: bold;
 }

	
#main .vermas{
  font-size: 10px;
	font-weight: bold;
 }

/*contenedor de imagen */
#main .figure{ 
float: right;
clear: both; 
margin:10px; 
border: solid 1px #ccc;
padding:4px 4px 4px 4px;
margin: 0px 0 10px 10px;
width: 250px;
}

#main .figure h5{ 
font-size: 11px;
font-weight: bold;
text-align: center;
}


#main img{ 
/*display: block;*/
padding-bottom: 10px;
}

#main .figure img{ 
/*display: block;*/
width: 100%;
padding:0;
}


#main .figure p{ 
font-size: 11px;
padding: 5px 0 5px 0;
text-align: justify;
font-weight: normal;
margin-bottom: 0;
}

.vergaleria{ 
display: block;
padding:0;
width: 250px;
}

.vergaleria img{ 
margin: 0 auto;
}

.colsimple {
	float: left;
	width: 32%;
}
.cols1{
	margin: 15px 0 15px 30px;
}

.cols2{
	margin: 15px 0 15px 60px;
}


.coldoble {
	float: left;
	width: 66%;
	margin-right: 24px !important;
	margin-right: 20px;
	border: 1px solid gray;
}

.coltriple {
	width: 95%;
	float: left;
} 

.col {
background-color: #f6fbe6;
width: 100%;
margin:0;
padding: 10px;

}

.col p{
clear:both;
}
 
.col .cargo {
	width: 45%;
	display: block;
	float: left;
	text-align: right;
	padding-right: 25px;
	padding-bottom: 5px!important;
	padding-bottom: 0;
}

.col .nombre {
	width: 45%;
	display: block;
	float: left;
	text-align: left;
}


#footer{
	text-align: center;
	margin-top: 15px;
	color: #666;
	width: 100%;
	height:8%;
	background: #f0b73c url(../images/bg_footer.gif) repeat-x;
}

#footer p{
	text-align: center;
	padding-top: 0;
	color: #996600;
	font-size: 12px;
}

#footer a{
	padding-left: 5px;
	color: #996600;
	text-decoration: underline;
}

#footer a:hover{
	color: #996600;
	text-decoration: none;
}


/*porsiaca para que no se monten los divs*/

.clearfix{
	clear: both;
	overflow: hidden;
	height: 0;
	max-height: 0;
	display:block;
}