/** GENERAL **/



a {color: #52575a; text-decoration: none;  }
a:hover {color: #f4412b; }

.center img {display: block; margin: auto; }

h3 {font-size: 16px; }


html {background-color: gray; width: 99%; margin: auto; overflow: scroll; text-align: justify;}
body { font-family: arial narrow, arial;  background: white url(img/cuadros.jpg)  no-repeat top; border-top: 4px solid black; margin: 0; padding: 0; font-size: 16px; color: #6c6d6c; }



#wrap { width: 960px; margin: 0 auto; }
#banner { height: 136px; background: transparent url(img/logo2.jpg)  no-repeat top; }
#logo { margin-left: 0px; background: url(img/logo.jpg) top left; width: 275px;  height: 136px; float: left; text-indent: -20000px;  }
#logo a {width: 275px;  height: 136px; float: left; display: block; }
#nav { width: 650px; height: 75px; float: right; }

#banner ul {margin: 0; padding: 0; }
#banner li {font-size: 15px; margin: 0; padding: 0; list-style: none; float: left; padding-left: 15px; padding-right: 15px; border-right: 1px solid silver;  padding-top: 66px; text-align: center;  }

#header { text-align: center; font-size: 50px;  border-top: 1px solid silver; border-bottom: 1px solid silver; margin: 10px 0px 20px; padding: 20px 0; color: silver; }




#left {width: 460px;  float: left; text-align: justify; }
#left img {text-align: center; display: block; margin: auto; }
#center {width: 140px; min-height: 200px; float: left; text-align: justify;  }
#right {width: 360px; min-height: 200px; float: right; text-align: justify; margin-top: 38px;}

#one { width: 360px; float: left; }
#two { width: 360px; float: left; margin-top: 30px;}
#three { width: 360px; float: left; margin-top: 30px; }
#four { width: 360px; float: left; margin-top: 30px; }
#five { width: 360px; float: left; margin-top: 30px; }
#six { width: 360px; float: left; margin-top: 30px; }
#seven { width: 360px; float: left; margin-top: 30px; }
#eight { width: 360px; float: left; margin-top: 30px; }
#nine { width: 360px; float: left; margin-top: 30px; }
#ten { width: 360px; float: left; margin-top: 30px; }

#footer {  background-color: gray; margin-top: 30px; color: white;   height: 80px;} 
#footer a { color: white; text-decoration: none;}
#footer a:hover {color: #f4412b; }
#sub-footer {  background-color: gray; margin-top: 30px; width: 960px; margin: 0 auto; text-align: right; padding: 5px 0 0px;  } 
#sub-footer img {  float: right; margin-bottom: 20px; } 
#text {float: left; text-align: left; color: white;  }
#text li { list-style: none; border-bottom: 1px dotted white; }

#footer ul {margin: 20px 0 0 0; padding: 0;}

.red {color: #f4412b;}

h3 {border-bottom: 1px dotted silver; }

.activo a {color: red; }

/** EXAMPLES **/




#table ul { margin: 0; background-color: #f7f7f7; padding: 20px 10px; width: 180px; border: 1px dotted #cecece; }
#table li {list-style: none; margin-top: 15px; border-bottom: 1px dotted silver; }
#table li {  color: #52575a; list-style: none; text-align: left; font-size: 14px; text-align: center; }

#block-one { float: left; width: 200px; margin-right: 42px; }
#block-two { float: left; width: 200px; margin-right: 42px; }
#block-three { float: left; width: 200px; margin-right: 42px; }
#block-four { float: left; width: 200px; } 

#videos h2 { color: #f4412b; }
#videos h3 { font-size: 14px; text-align: left; }

#clara {display: none;}

#doble-one { width: 195px; float: left; }
#doble-two { border: 1px solid silver;  text-indent: -20000px; margin-top: 20px; width: 150px; height: 155px; float: right; background: url(img/map.jpg) no-repeat left bottom; }

#left img  {border: 1px solid silver; }
#right img  {border: 1px solid silver; margin: auto; display: block; }



#content  {min-height: 220px;} 

#left img, #center img, #right img {  }

a.mb {color: #f4412b; text-decoration: underline; }

.MultiBoxPrevious {display: none;}
.MultiBoxNext {display: none;}
.MultiBoxTitle {display: none;}
.MultiBoxNumber {display: none;}



/** NUEVO **/

#index {}
#index #content img {display: block; margin: auto; border: 1px solid silver; }

/** CONSORTIUM **/




#up { text-align: right; }

#consort #content img {display: block; margin: auto; border: 1px solid silver; }
#consort #content a {color: #f4412b; text-decoration: underline;  }

#consort #content #navegante img {display: inline; }

#IMAGINA {padding-top: 40px; }
#JTA {padding-top: 40px;}
#EURODATA {padding-top: 40px;}


#audiovisual, #audiovisual1, #audiovisual2, #audiovisual3, #audiovisual4, #audiovisual5, #audiovisual6 {margin-bottom: -22px;  margin-top: 40px; padding-top: 40px; }
#audio h3 {color: red;}





.orange { color: orange;}

#image {  height: 60px; float: right; color: white;    }
#text { height: 60px; float: left; text-align: left; color: white;  }
#text ul {margin: 0; padding: 0; }





#table {padding-top: 20px; }

#lost  .activo3  a { color: red; }

#lost { }
#lost ul {  padding: 10px; text-align: center;  list-style: none;  }
#lost li { display: inline; margin: 0; height: 0;  }
#lost li:hover { background-color: #cecece; text-align: center; }
#lost li a { background: transparent;  padding: 4px; border: 1px solid silver; text-decoration: none; height: 0;}
#lost li a:hover {  }


#navegante { margin: 0; padding: 0; text-align: center; margin: 0; width: 960px; float: left; }
#navegante ul {   margin: 0; padding: 0; text-align: center; margin: 0; }
#navegante li { display: inline;  padding: 10px; list-style: none; text-align: center; margin: 0;  }
#navegante li:hover {  }