body
{
	background:url(pics/back-main.png) top left repeat #007EC6;

	font-family: Arial,Helvetica,Verdana,sans-serif;

	padding-bottom:3em;
}


#logo

{
	position:absolute;
	/*right:0px;
	top:-30px;*/
	

	left:0px;
	top:35px;

	/*left:0px;
	bottom:30px;*/
}


#circles
{

	z-index:0;
	overflow: hidden;
	position:absolute;
	width:90px;
	height:25px;
	right:0px;
	top: -5px;
	background: url(pics/gfx-circles.gif) right top no-repeat;


}
#main
{
	/*iexplorer no traga min-height y max-height en css- iexplorer apesta*/
	
	position:absolute;
	display:block;

	width:650px;
	height:400px;

	left:50%;
	margin-left:-325px;

	top:50%;
	margin-top:-200px;

	text-align: center;
	

}


/*-------------------- CAPA SUPERIOR --------------------------------*/
#superior
{
	z-index:1;
	text-align:left;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bolder;
	height:35px;
	background:url(pics/cabecera.gif) top left no-repeat transparent;

	padding-top:10px;
	padding-left:30px;
}

#superior a
{
	text-decoration: none;
	color: #007fc6;
}


#superior a:hover
{
	color: #a62e3a;
}



/*-------------------- CAPA INFERIOR --------------------------------*/

#inferior
{

	clear: both;
	text-align: center;
	font-size: 10px;
	color: #959595;
	height:35px;
	background:url(pics/pie.gif) bottom left no-repeat transparent;

	margin-top:0;
	margin-bottom:3em;
}

#inferior p
{
	margin:0;
	padding-top:10px;
}
#inferior a
{
	color: #a62e3a;
	text-decoration:none;
}

#inferior a:hover
{
	color: #ee9d31;
	text-decoration:underline;
}


.negrita
{
	font-weight: bolder;
}
/*-------------------- CAPA CENTRAL --------------------------------*/

#container
{
/*	display:block;*/ 
	height: 360px;
	background-color:#007ec6;
	background-color:#fff;
	background:url(pics/back-main2.png) top left no-repeat;
}

#container-img
{
/*	display:block;*/
	width:300px;
	float: left;
}

#container-data
{

/* 	background: #4a4a4a url(pics/background-001.png) top right no-repeat; */
	display:block;
	float:right;
	width: 340px;
	height: 350px;
	text-align: center;
	
	overflow:hidden;

}

.section
{
	display: block;
	text-align: left;
	margin-left: 20px;
	margin-top: 20px;
	padding-right: 5px;

	font-size: 12px;
	color: #007fc6;
	
	height: 70px;

}



.section img
{
	float:left;
	margin-right: 15px;
	margin-top:10px;
	border-width: 0;
	border-color: #000;
	border-style: solid;
	
}



.section h2
{
	font-size: 14px;
	padding-right: 5px;
	padding-top : 10px;
	text-transform: uppercase;
	
}

.section a
{
	text-decoration: none;
	color:#007fc6;


}

.section a:hover
{
	color:#A62E3A;

}



/*-------------------- CAPA CENTRAL --------------------------------*/

#container2
{
	margin-top:-20px;
	margin-bottom:-18px;
	background:url(pics/back-main3.png) top left repeat #fff;
	text-align:left;
	padding:10px;
	font-size:80%;
}



#container2 p , #container2 ul
{
	
	padding-left:3em;
}

#container2 h1
{
	color:#383838;
	background:url(pics/people.png) left center no-repeat;
	padding-left:40px;
}


#container2 h2
{
	color: #C78B00;
	background:url(pics/filenew.png) left center no-repeat;
	padding-left:20px;
}


#container2 h3
{
	color:#004E7A;
	margin-left:20px;
	background:url(pics/misc.png) left center no-repeat;
	padding-left:20px;
}


#container2 dd
{
	margin-bottom:1em;
}


#container2.files dl
{
	margin-bottom:1em;
	padding-left:3em;
}

#container2 dt 
{
	font-weight:boder;
	background:url(pics/info.png) left center no-repeat;
	padding-left:20px;
	font-size:110%;
}

#container2.files dt , #container2.files li

{
	font-weight:boder;
	background:url(pics/pdf.png) left center no-repeat;
	padding-left:20px;
	font-size:110%;
}

#container2.files li

{
	list-style:none;
}

#container2.files ul

{
	margin-left:0;
}


#container2 dd em
{
	font-weight:bolder;
	color:#a62e3a;

}





/*-------------------- CLASES GENERALES --------------------------------*/

.orange
{
	color: #a62e3a;
}



.number
{
	font-size: 25px;
}


.align-center
{
	display:block;
	margin:auto;
	text-align:center;
	padding-right:3em;
}

.float-left
{
	float:left;
}

.float-right
{
	float:right;

}

table.galeria
{
	display:block;
	width:80%;
	margin:auto;
}

table.galeria td
{
	width:50%;
	marging:auto;
}

table.galeria td img
{
	border:0;
}