body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  color: #333;
  font: 12px/1.5 verdana, arial, sans-serif; }

#header .inner, #footer .inner, #menu .inner, #body .inner {
  width: 960px;
  padding: 0 0 0 30px;
  margin: 0 auto; }

#header {
  background: #004080;
  color: #cccccc;
  height: 136px; /* OLD */
  height: 120px; /* NEW */
  
  overflow: hidden; }
  #header h1 {
    margin: 30px 0; /* OLD */
    margin: 20px 0; /* NEW */
    width: 200px;
    float: left;
    text-align: right;
    line-height: 1;
    font-size: 1em; }
    #header h1 a {
      position: relative;
      margin-right: -4px; }
      #header h1 a img {
        border: none; }
  #header p {
    margin: 0 0 0 235px;
    line-height: 1;
    font-size: 150%;
    padding-top: 68px; /* OLD */
    padding-top: 58px; /* NEW */ }

#menu {
  padding: 12px 0; }
  #menu ul, #menu li {
    margin: 0;
    padding: 0;
    list-style: none; }
  #menu ul {
    margin-left: 235px;
    line-height: 1; }
  #menu li {
    display: inline;
    margin-left: 5px;
    border-left: 1px solid #004080;
    padding-left: 10px; }
  #menu li.first {
    margin-left: 0;
    border: none;
    padding-left: 0; }
  #menu a, #menu em {
    color: #004080;
    text-decoration: none;
    font-size: 92%;
    text-transform: uppercase;
    padding-left: 12px;
    background: transparent url(../img/top-menu-bullets.png) top left no-repeat;
    background-position: 0 -41px; }
  #menu em {
    font-style: normal;
    font-weight: bold;
    background-position: 0 1px; }

#login-block {
  width: 960px;
  margin: 0 auto;
  position: relative;
  text-transform: uppercase;
  line-height: 1;
  font-size: 92%; }
  #login-block div.inner {
    position: absolute;
/*    right: 0;*/
    left: 600px;
    top: 9px;
    _top: 6px; }
  #login-block div {
    display: inline;
    margin-left: .4em; }
  #login-block strong {
    font-weight: normal; }
  #login-block form {
    margin: 0;
    padding: 0; }
  #login-block input.text {
    width: 60px; /* OLD */
    width: 90px; /* NEW */
    height: 16px;
    padding: 0;
    vertical-align: middle; }
  #login-block input.image {
    vertical-align: middle; }

#body {
  margin-top: 24px; /* OLD */
  margin-top: 15px; /* NEW */
  overflow: hidden; }
  #body #bar {
    width: 200px;
    float: left;
    margin-right: 35px;
    font-size: 92%; } 
			img.new {
				position: absolute;
				top: 0;
				left: 0; }
    #body #bar ul, #body #bar li {
      margin: 0;
      padding: 0;
      list-style: none; }
    #body #bar li {
      margin-bottom: 12px; }
    #body #bar a, #body #bar em {
      display: block;
      line-height: 28px;
      padding: 0 28px 0 6px;
      text-align: right;
      color: #777777;
      font-style: normal;
      text-transform: uppercase;
      text-decoration: none;
      background: transparent url(../img/nav-buttons.png) top left no-repeat;
      background-position: 0 -30px;
      zoom: 1; }
    #body #bar a:hover, #body #bar em {
      background-position: 0 -1px; }
  #body #main {
  	margin: 0 35px 0 0;
    width: 572px;
    float: left; }

#footer {
  background: #004080;
  font-size: 10px;
  color: #cccccc; }
  #footer p {
    margin: 0 160px 0 235px;
    text-align: center; }

html, body {
  height: 100%; }

#nf {
  position: relative;
  min-height: 100%; }
  * html #nf {
    height: 100%; }

#body {
  padding-bottom: 54px; }

#footer {
  position: relative;
  margin-top: -42px;
  height: 42px;
  line-height: 42px; }


a.more {
  color: #004080;
  padding-right: 15px;
  background: url(/img/more.png) right center no-repeat;
  white-space: nowrap; }

.js div.target {
  display: none; }


#video {
  width: 572px;
  /*height: 320px;}*/
  height: 280px;
  margin-bottom: 12px;}

.cwt-scroll-position {
  border: 2px solid #eee;
  border-color: #eee #b4b4b4 #b4b4b4 #eee;
  padding: 4px;
  background: url(/img/scroller-stripes.png); }

.js div.cwt-scroll {
  height: 150px;
  overflow: auto;
  padding: 1px; }

.js div.cwt-scroll p {
	width: 545px;
}

a.jScrollArrowUp {
  background: url(/img/basic_arrow_up.gif); }

a.jScrollArrowDown {
  background: url(/img/basic_arrow_down.gif); }

a.jScrollArrowUp:hover, a.jScrollArrowDown:hover {
  background-position: 0 -15px; }

a.jScrollActiveArrowButton:hover {
  background-position: 0 -30px; }


fieldset {
  border: none;
  padding: 0; }

legend {
  text-transform: uppercase;
  color: #000; }

div.form-item {
  margin: .8em 0 .8em 0;
  overflow: hidden;
  padding: 0;
  line-height: 1.75; }
  div.form-item label {
    float: left;
    width: 120px;
    margin-right: 12px;
    text-align: right; }
  div.form-item input.text, div.form-item textarea {    
    width: 330px;
    font-size: 100%; }

div.form-button {
  text-align: right; }


h2, h3 {
  margin: 0;  
  font-size: 100%;  
  font-weight: bold;  
  color: #333333; }
h2{
	text-transform: uppercase;
	}  
h4{
	font-weight: normal;
}

.espaciado{
	padding: 10px 0 0 0;
}

dt{
	font-weight: bold;}
p {
  margin: .8em 0; }

blockquote {
  font-style: italic;
  margin-bottom: 2em; }
  blockquote p.attribution {
    text-align: right;
    font-style: normal; }

/* Estilos para las imágenes que enlazan a los vídeos */
#body .inner{
position: relative;
}
div.videos{
width: 120px;
float:left;	
height: 500px;
position: absolute;
top:0;
left:870px;
}
span.espacio-home{display:block;height:90px;}
div.videos img{
	border:1px solid #CCC;
	padding: 1px;
	display: block;
}
div.videos div.video{
	padding: 0 0 10px 0;
}
div.videos a{
	font-size: .9em;
	color: #00639d;
	text-decoration: none;
	border-bottom: 1px solid #00639d;
	margin: 0 0 5px 0;
}
div.videos a.seleccionado{
	font-weight: bold;
	border-bottom:0;
}

div.videos div.video{
	margin: 0 0 10px 0;
}
#ventana{}
	#ventana #cabecera{
		background: #004080;
		height: 30px;
	}
	#ventana #contenido{
		padding: 10px 20px;
	}
		#ventana #contenido p.titulo {
			color: #004080;
			margin: 15px 0;
			font-weight: bold;
			text-transform: uppercase;
		}
		#ventana #contenido p.titulo2 {
			color: #777;
			margin: 15px 0;
			font-weight: bold;
			text-transform: uppercase;			
		}
		#ventana #contenido p {
			color: #777;
			margin: 0 0 10px 0;
			font-size: 11px;
		}
		a.cerrar {
		  color: #004080;
		  padding-left: 15px;
		  background: url(/img/more.png) left center no-repeat;
		  white-space: nowrap; }