/********************************************
   Adapted from:
   AUTHOR:  			Andres Alonso
   VERSION:          1.0	
   DATE:          	August-31-2007          	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0;}

body {	
	font: 11px/1.75em Helvetica, Arial, Geneva, sans-serif; 
	color: #666666; 
	text-align: center;
	margin: 0 0 15px 0;	
	background: #fff url(../img/backGround.png)  repeat;		
}

/* links */
a, a:visited {	
	color: #326ea1; 
	background: inherit;
	text-decoration: none;		
}
a:hover {
	color: #383d44;
	background: inherit;
	padding-bottom: 0;
	border-bottom: 0px solid #dbd5c5;
}

/* headers */
h1, h2, h3 {
	font-family: Helvetica, Arial, Geneva, sans-serif; 
	font-weight: Bold; 	
	color: #333;		
}
h1 {
	font-size: 160%;	
	font-weight: normal;
	margin:0;
	padding:0;
}
h2 {
	font-size: 130%;
	text-transform: uppercase;	
}
h3 {
	font-size: 130%;	
}

h1, h2, h3, p {
	padding: 10px;		
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}

/* images */
img {
    border: none;
	padding: 2px;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

/*table*/
table{border-collapse:collapse; margin:0;padding:0;}

code {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: left;  	
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  	/* white-space: pre; */
  	background: #F5F5F5;
	border-left: 3px solid #D4D4D4;
}
acronym {
  cursor: help;
  border-bottom: 1px dashed #777;
}
blockquote {
	font: bold 1.4em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;	
	margin: 10px;
 	padding: 0 0 0 25px;  
    background: #F5F5F5;
	border-left: 3px solid #D4D4D4;	
	color: #444;
}


/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	width: 800px;
	height: 100%;
	margin: 0px auto;
	padding: 0;
	text-align: left;	
	background-color: #fff;
}
#content-wrap {
	float: left;
	width: 800px;
	/*margin-left: 10px;*/
	
}
#header {
	position: relative;
	background: #fff url(header-bg.jpg) repeat-y center top;
	height: 30px;
	width:800px;	
	padding: 0;	
	margin:0;
	color: #fff;	
}

/* header links */
#header #header-links {
	position: absolute;
	top: 8px; right: 45px;	
	color: #838181;
	font-size: 10px;	
	font-weight: bold;
}
#header #header-links p {	
	padding: 0;	margin: 0;	
}
#header #header-links a {	
	color: #838181;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #444;		
}

/* header-photo */
#header-photo {
	position: relative;
	clear: both;
	margin: 0px auto;
	height: 193px;
	width: 800px;
	background: #fff url(../img/top.png) no-repeat center center;
}

/* Navigation */
#nav {				
	background-color: #1454AB;
}
#links {	
	background-color: #1454AB;
	text-align:right;
}
#nav a {	
	color: #FCD33D;
	font: normal 14px/0px Helvetica, Arial, Geneva, sans-serif; 
}

#nav a:hover, 
#nav a:active {
	color: #E37464;
}
#nav a#current {	
	font: bold 14px/0px Helvetica, Arial, Geneva, sans-serif; 	
}

/*rounded corners*/
#nav .tl {
	background-image: url(../img/top_left_blue.png);
	background-position: 0% 0%;
	background-repeat: no-repeat;	
}

#nav .tr {
	background-image: url(../img/top_right_blue.png);
	background-position: 100% 0%;
	background-repeat: no-repeat;	
}

#nav .bl {
	background-image: url(../img/bottom_left_blue.png);
	background-position: 0% 100%;
	background-repeat: no-repeat;	
}

#nav .br {
	background-image: url(../img/bottom_right_blue.png);
	background-position: 100% 100%;
	background-repeat: no-repeat;
}

/* Main Column */
#main {
	padding-top: 25px;
	background-color: #fff;
}
.three-col #main {
	margin: 10px 110px 0 180px;
	background-color: #fff;
}
.two-col #main {
	margin: 15px 5px 0 250px;
}

.one-col #main {
	margin: 5px 10px 5px 10px;
}

#main h1 {	
	font: bold 2.3em  Helvetica, Arial, Geneva, sans-serif;
	color: #1454AB;	
	padding: 10px 70px 20px 10px;
}

#main h2 {	
	font: normal 1.1em Helvetica, Arial, Geneva, sans-serif;
	color: #1454AB;
	padding: 5px 0 30px 10px; 			
}	

#main h3 {		
	font: normal 14px/1.75em Helvetica, Arial, Geneva, sans-serif;
	color: #FBD340;	
	margin-top:15px;	
	background-color:#1454AB;	
	height: 10px;
	vertical-align:middle;
}

#blueText {
	 color: #1454AB;
 }

#sectionTitle
{
	font: bold 13px/2.1em Helvetica, Arial, Geneva, sans-serif;
	color: #FBD340;
	margin-top:20px;	
	background-color:#1454AB;
	height: 30px;
	text-align: center;
	margin:0;
	padding:0;
	padding-left: 10px;
}

#main p {
	width: 500px;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.subMenu {	
	background-color: #FBD340;
	height:30px;	
	padding-left: 10px;
	margin-bottom: 30px;		
}

#main .tl {
	background-image: url(../img/top_left_yellow.png);
	background-position: 0% 0%;
	background-repeat: no-repeat;	
}

#main .tr {
	background-image: url(../img/top_right_yellow.png);
	background-position: 100% 0%;
	background-repeat: no-repeat;
	
}

#main .bl {
	background-image: url(../img/bottom_left_yellow.png);
	background-position: 0% 100%;
	background-repeat: no-repeat;
}

#main .br {
	background-image: url(../img/bottom_right_yellow.png);
	background-position: 100% 100%;
	background-repeat: no-repeat;	
}

#main a {	
	color: #1454AB;
	font: normal 11px/20px Helvetica, Arial, Geneva, sans-serif;
}

#main a:hover, 
#main a:active {
	color: #E37464;
}
#main a#current {	
	font: bold 14px/20px Helvetica, Arial, Geneva, sans-serif;	
}

#sidebar {
	float: left;
	width: 170px;	
	margin: 10px 5px 5px 0px;  
	background-color: #fff;
}

#menuComponent {
	width: 180px;
	height: 160px;
	margin: 10px 0px 0px 0px;	
}

#menuComponent p#title {
	padding: 13px 5px 10px 0px; 
	color: #FCD33D;
	text-align: center;
	font: bold 16px/20pxHelvetica, Arial, Geneva, sans-serif; 		
}

#menuComponent p#text {
	padding: 13px 5px 10px 0px; 
	color: #FCD33D;
	text-align: center;
	font: normal 10px/20px Helvetica, Arial, Geneva, sans-serif; 		
}


/* right column */
#rightcolumn {
	float: right;
	width: 90px;
	position:relative;
	margin: -180px 20px 0 10px;
	background-position: 100% 100%;
}
#rightcolumn h1, #sidebar h1 {
	margin: 10px 5px 0 0;
	padding: 5px 0; 
	font: bold 1.1em Helvetica, Arial, Geneva, sans-serif; 
	color: #444; 		
}

/* sidemenu */
ul.sidemenu {
	text-align: left;
	margin: 7px 8px 8px 10px; padding: 0;			
	border-top: 1px solid #E5E5E5;
	text-decoration: none;	
}
ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 5px;
	margin: 0 2px;		
	border-bottom: 1px solid #E5E5E5;
}
* html body ul.sidemenu li {
	height: 1%;
}
ul.sidemenu li a {
	text-decoration: none;	
	color: #326ea1; 
	border: none;		
}
ul.sidemenu li a:hover {	
	color: #383d44;
	border: none;
}

/* footer */
.three-col-foot
{
	clear: both;
	margin-top: 20px;
	width: 800px;	
}

.three-col-foot #main {
	/*margin: 25px 150px 0px 230px;		*/
	padding-left: 240px;
	text-align: center;
}

.three-col-foot #sidebar {
	margin: 5px 5px 0 30px;
}

#footer a {
	font: normal 10px/10px Helvetica, Arial, Geneva, sans-serif; 
}
#footer a:hover {
	color: #7b305d;
}
#footer a:active {
	color: #7b305d;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }


/* PUBLICACIONES*/
#presentacion_publicaciones
{
	margin-left: 100px;
}

/*books*/
#bookList {	
	margin:0;padding:0;
}

#book {
	margin-top: 30px;	
	width: 500px;	
	padding:0;
}

#booktitle{	
	background-color: #1454AB;
	text-align:center;
	height:30px;
	vertical-align:middle;
}
#booktitle span{
	font: normal 14px/10px Helvetica, Arial, Geneva, sans-serif; 
	color: #FBD340;
	margin-top:15px;
}
#booktitle p{
	text-align:center;
	font: normal 16px/10px Helvetica, Arial, Geneva, sans-serif; 
	color: #FBD340;
}
.two-col-desc #bookimage {
	float:left;
	margin: 7px 0px 0px 10px;
}
.two-col-desc  #bookDescription {
	margin-left: 75px;
	width: 420px
}

#bookDescription p#header
{
	width: 100px;	
	color: #1454AB;
	margin-top: 5px;
	height: 15px;
}


.bookHeader {
	width: 100px;	
	color: #1454AB;
	margin-top: 5px;
	height: 20px;
	font-weight:bold;
	vertical-align: top;
}
#bookDescription p#content
{

	margin-left: 120px;
	margin-top: -33px;
	height: 15px;
}

#bookDescription p#abstract
{
	text-align:justify;	
	width:305px;		
}


/*news*/
#newList {	
}

#new {
	margin-top: 30px;
	margin-left: 10px;
	width: 500px;
}

#newtitle{
	background-color: #FBD340;
}
#newtitle p{	
	font: normal 14px/10px Helvetica, Arial, Geneva, sans-serif; 
	color: #1454AB;
}
.date {
	padding-left: 25px;
	margin-top: -3px;
}
.headline {	
	margin-top: -32px;
	padding-left: 150px;
}

.two-col-desc #newimage {
	float:left;
	margin: 7px 0px 0px 10px;
}
.two-col-desc  #newDescription {	
	margin-left: 75px;
	width: 420px;
}

#newDescription p#header
{	
	width: 100px;	
	color: #1454AB;
	margin-top: 10px;
	
}
#newDescription p#content
{
	width: 100px;
	margin-left: 120px;
	margin-top: -37px;
}

#newDescription p#abstract
{
	text-align:justify;	
	width:305px;
}
/*Contact*/
#contact-table
{
	margin-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#contact-btn
{
	display: inline;	
}

#form-legend
{
	float: left;
	width: 120px;
}
#form-legend span
{
	display: block;
	margin-bottom:9px;
}
#form-input
{
	margin-left: 130px;
}
#form-input input
{
	display: block;
	margin-bottom:5px;
}
#form-input textarea
{
	display: block;
	margin-bottom:5px;
}
#form-required
{
	text-align: right;
}

#entidades
{
	margin-left:30px;
	margin-bottom:10px;
}
#entidades img
{
	margin-left: 30px;
}

.tooltip
{
	width:160px;
	height:20px;
	text-align:left;
	background-color: #FCF16D;
	z-index: 5;
	position: absolute;
}
#tooltip span
{
	padding-left: 4px;
}


.teamHeader {
	
	border-bottom: 1px solid #FCD33D;
}

#legalTable {
	margin-top:20px;
}

.legalHeader {
	background-color: #FCF16D;
	font: bold 1.4em Helvetica,  Geneva, sans-serif;
	color:#1454AB;
	text-align:center;
}

p.legalHeader {
	margin : 10px;	
}

#legalAccess {	
	width: 800px;
	font: 10px/1.75em Helvetica, Arial, Geneva, sans-serif; 
	color: #666666;
}

#project {	
	/*margin:0;*/
	margin-bottom:20px;
	padding:0;
}

#projecttitle{
	background-color: #FBD340;	
}
#projecttitle p{	
	font: normal 14px/10px Helvetica, Arial, Geneva, sans-serif; 
	color: #1454AB;
}

#projectcontent{
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;	
}
#videoInverso
{
	color : #FFF;
	background-color: #1454BB;	
}
#bookAuthor
{
	color : #1454BB;
	font-weight: bold;
	font-size: 12px;
}
#bookPrice
{
	border: 2px solid #FCD33D;
}

#tooltip {
    padding: 3px;
    background: #FCF16D;
    border: 1px solid #eee;
    text-align: center;
    font-size: smaller;
	border: 1px solid #1454BB;
}
#project table
{
	margin: 30px;
	float:left;
}

span.tip {    
	color: #1454BB;	
	font-weight: bold;
}
#proTable
{
	margin:0;
	padding:0;
	float:left;
}