/* elements comuns */

html, body {heigth:100%; margin:0;}
body {position:relative; min-width:764px; color:#081D3E; background:url("../static/logos/fondofon.jpg") repeat top center;}
img {border:0;}
a {text-decoration:none; outline:none;}
input, textarea, select {outline:none;}
a:hover {text-decoration:underline;}
.preload {visibility:hidden;}
.rojo {color:#DC1E31;}
#web {position:absolute; left:1%; margin-left:0px; top:0; width:764px;}


/* portada */

#web #web_i {float:left; width:301px;}

#web #web_i #logo {float:left; margin-left:5px; margin-top:15px; width:141px; height:95px;}

#web #web_i #titulo {float:left; margin-left:5px; margin-top:20px; font-family:'Arial Black', serif; font-size:20px; line-height:100%; font-weight:700; color:#DC1E31; width:131px; height:56px;}

#web #web_i #menu {clear:left; float:left; margin-left:0px; margin-top:15px; width:360px; height:450px; padding-top:7px; background-color:#363434;}
#web #web_i #menu .menu_i {font-family:'Josefin Slab', serif; font-size:18px; line-height:120%; font-weight:700; margin-left:21px;}
#web #web_i #menu .menu_ii {font-family:'Josefin Slab', serif; font-size:16px; line-height:120%; font-weight:400; margin-left:31px;}
#web #web_i #menu .menu_iii {font-family:'Josefin Slab', serif; font-size:16px; line-height:120%; font-weight:400; margin-left:55px;}
#web #web_i #menu .menu_iv {font-family:'Josefin Slab', serif; font-size:16px; line-height:120%; font-weight:400; margin-left:75px;}
#web #web_i #menu a {color:#F9F3F2;}
#web #web_i #menu .marino {color:#F9F3F2;}
#web #web_i #menu a:hover, #web #web_i #menu a.activo {color:#DC1E31; text-decoration:none;}

#web #web_i .logo_opcional {float:right; text-align:left;}

#web #web_i .logo {clear:left; float:left; margin-left:55px;text-align:center; margin-top:20px;}
#web #logo {clear:left; float:left; margin-left:1px; margin-top:2px;}
#web #logo img{margin-left:5px;}
#web #logo #iau {width:97px; height:50px;}
#web #logo #csic {width:61px; height:90px;}
#web #logo #cocinet{width:120px; height:61px;}
#web #logo #bcn {width:180px; height:61px;}

#web #web_d {float:right; width:301px; margin-right:90px;}

#web #web_d #idiomas {float:center; margin-top:10px; text-align:center; font-family:'Josefin Slab', serif; font-size:18px; line-height:130%; font-weight:150; width: 700px; height:30px;}
#web #web_d #idiomas a {color:#FCF7F7;}
#web #web_d #idiomas a:hover, #web #web_d #idiomas a.activo {color:#DC1E31; text-decoration:none;}

#web #web_d #pestanas_none {clear:right; float:right; margin-top:61px; width:400px; height:30px;}
#web #web_d #pestanas {clear:right; float:right; margin-top:61px; width:301px; height:30px; background:url("../static/logos/pestanas.png") no-repeat;}
#web #web_d #pestanas a.pestana_i {float:left; width:217px; text-align:center; font-family:'Josefin Slab', serif; font-size:18px; line-height:30px; font-weight:700; letter-spacing:-1px;}
#web #web_d #pestanas a.pestana_i {color:#E08940;}
#web #web_d #pestanas a.pestana_d {float:right; width:84px; text-align:left; font-family:'Josefin Slab', serif; font-size:18px; line-height:30px; font-weight:700;}
#web #web_d #pestanas a.pestana_d {color:#E08940;}
#web #web_d #pestanas a:hover, #web #web_d #pestanas a.activo {color:#E08940; text-decoration:none;}

#web #web_d #contenido {clear:right; float:right; margin-right:-445px; width:700px; padding:22px; padding-top:10px; min-height:400px; background-color:#21FFE7; margin-bottom:20px;}
#web #web_d #contenido .titulo {font-family:'Josefin Slab', serif; font-size:18px; line-height:100%; font-weight:700; color:#E08940;}
#web #web_d #contenido .texto {font-family:'Josefin Slab', serif; font-size:16px; line-height:100%; font-weight:400; color:#081D3E; margin-top:7px;}
#web #web_d #contenido .texto a {color:#000086;}
#web #web_d #contenido .texto a:hover {color:#DC1E31; text-decoration:none;}
#web #web_d #contenido .texto ul {margin:0; padding:0; margin-left:16px;}

#web #web_d #contenido2 {clear:right; float:rigth; margin-right:-545px; width:800px; padding:22px; padding-top:10px; min-height:300px; background-color:#21FFE7; margin-bottom:50px;}
#web #web_d #contenido2 .titulo {font-family:'Josefin Slab', serif; font-size:23px; line-height:100%; font-weight:700; color:#DC1E31;}
#web #web_d #contenido2 .texto {font-family:'Aharoni', serif; text-align:justify; font-size:16.6px; line-height:100%; font-weight:400; color:#00000; margin-top:14px;}
#web #web_d #contenido2 .texto1 {float:left; font-family:'Josefin Slab', serif; font-size:13px; line-height:100%; font-weight:400; color:#DFD6C7; margin-right:35px; margin-top:14px;}
#web #web_d #contenido2 .texto2 {font-family:'Josefin Slab', serif; font-size:13px; line-height:100%; font-weight:400; color:#081D3E; margin-top:14px;}
#web #web_d #contenido2 .texto a {color:#257DB2;}
#web #web_d #contenido2 .texto a:hover {color:#DC1E31; text-decoration:none;}
#web #web_d #contenido2 .texto ul {margin:0; padding:0; margin-left:16px;}

#web #web_d #contenido2-scroll {clear:right; float:right; margin-right:-445px; width:700px; padding:22px; padding-top:8px; height:400px; background-color:#21FFE7; margin-bottom:20px;}
#web #web_d #contenido2-scroll .titulo {font-family:'Josefin Slab', serif; font-size:18px; line-height:100%; font-weight:700; color:#DC1E31;}
#web #web_d #contenido2-scroll .texto {font-family:'Josefin Slab', serif; font-size:16px; line-height:100%; font-weight:400; color:#081D3E; margin-top:14px; overflow-y:auto; height:90%}
#web #web_d #contenido2-scroll .texto a {color:#00000;}
#web #web_d #contenido2-scroll .texto a:hover {color:#DC1E31; text-decoration:none;}
#web #web_d #contenido2-scroll .texto ul {margin:0; padding:0; margin-left:16px;}


#web #web_d #contenido3 {clear:right; float:left; margin-right:-445px; width:700px; padding:22px; padding-top:8px; height:400px;; background-color:#21FFE7; margin-bottom:20px;}
#web #web_d #contenido3 .titulo {font-family:'Josefin Slab', serif; font-size:18px; line-height:100%; font-weight:700; color:#DC1E31;}
#web #web_d #contenido3 .texto {font-family:'Josefin Slab', serif; font-size:13px; line-height:100%; font-weight:400; color:#081D3E; margin-top:14px;}
#web #web_d #contenido3 .texto a {color:#000086;}
#web #web_d #contenido3 .texto a:hover {color:#DC1E31; text-decoration:none;}
#web #web_d #contenido3 .texto ul {margin:0; padding:0; margin-left:16px;}
#web #web_d #contenido3 .imagen {float:left; width:400px; height:350px; }
#web #web_d #contenido3 .imatges {float:right; width:100px; height:300px; }

#web #web_d #contenido4 {clear:right; float:right; margin-right:-445px; width:700px; padding:22px; padding-top:8px; min-height:400px;; background-color:#21FFE7; margin-bottom:20px;}
#web #web_d #contenido4 .titulo {font-family:'Josefin Slab', serif; font-size:18px; line-height:100%; font-weight:700; color:#DC1E31;}
#web #web_d #contenido4 .texto {font-family:'Josefin Slab', serif; font-size:13px; line-height:100%; font-weight:400; color:#081D3E; margin-top:14px;}
#web #web_d #contenido4 .texto a {color:#000086;}
#web #web_d #contenido4 .texto a:hover {color:#000086; text-decoration:none;}
#web #web_d #contenido4 .texto ul {margin:0; padding:0; margin-left:16px;}

#web #web_d #contenido4-scroll {clear:right; float:right; margin-right:-445px; width:700px; padding:22px; padding-top:8px; height:400px;; background-color:#21FFE7; margin-bottom:20px; }
#web #web_d #contenido4-scroll .titulo {font-family:'Josefin Slab', serif; font-size:18px; line-height:100%; font-weight:700; color:#DC1E31;}
#web #web_d #contenido4-scroll .texto {font-family:'Josefin Slab', serif; font-size:16px; line-height:100%; font-weight:400; color:#081D3E; margin-top:14px; height:90%; overflow-y:auto;}
#web #web_d #contenido4-scroll .texto a {color:#000086;}
#web #web_d #contenido4-scroll .texto a:hover {color:#000086; text-decoration:none;}
#web #web_d #contenido4-scroll .texto ul {margin:0; padding:0; margin-left:16px;}

#web #web_d #contenido5-scroll {clear:right; float:right; margin-right:-445px; width:700px; padding:22px; padding-top:8px; height:400px;; background-color:#21FFE7; margin-bottom:20px; }
#web #web_d #contenido5-scroll .titulo {font-family:'Josefin Slab', serif; font-size:22px; line-height:100%; font-weight:700; color:#DC1E31;}
#web #web_d #contenido5-scroll .subtitulo {font-family:'Josefin Slab', serif; font-size:20px; line-height:100%; font-weight:600; color:#081D3E; margin-top:6px; margin-left:-20px;}
#web #web_d #contenido5-scroll .texto {font-family:'Josefin Slab', serif; font-size:18px; line-height:100%; font-weight:400; color:#081D3E; margin-top:7px; height:90%; overflow-y:auto;}
#web #web_d #contenido5-scroll .texto a {color:#000086;}
#web #web_d #contenido5-scroll .texto a:hover {color:#000086; text-decoration:none;}
#web #web_d #contenido5-scroll .texto ul {margin:0; padding:0; margin-left:20px;}

#web #web_d #contenido6-scroll {clear:right; float:right; margin-right:-445px; width:700px; padding:22px; padding-top:10px; min-height:400px; background-color:#21FFE7; margin-bottom:20px;}
#web #web_d #contenido6-scroll .titulo {font-family:'Josefin Slab', serif; font-size:18px; line-height:100%; font-weight:700; color:#E08940;}
#web #web_d #contenido6-scroll .texto {font-family:'Josefin Slab', serif; font-size:16px; line-height:100%; font-weight:400; color:#081D3E; margin-top:7px;}
#web #web_d #contenido6-scroll .texto a {color:#000086;}
#web #web_d #contenido6-scroll .texto a:hover {color:#00000; text-decoration:none;}
#web #web_d #contenido6-scroll .texto ul {margin:0; padding:0; margin-left:16px;}

#web #web_d #contenido-mapa {clear:right; float:right; margin-right:-445px; width:700px; padding:22px; padding-top:8px; height:400px; background-color:#21FFE7; margin-bottom:20px; }
#web #web_d #contenido-mapa .titulo {font-family:'Josefin Slab', serif; font-size:18px; line-height:100%; font-weight:700; color:#DC1E31;}
#web #web_d #contenido-mapa .texto {font-family:'Josefin Slab', serif; font-size:13px; line-height:100%; font-weight:400; color:#081D3E; margin-top:14px; height:90%; overflow-y:auto;}
#web #web_d #contenido-mapa .texto a {color:#257DB2;}
#web #web_d #contenido-mapa .texto a:hover {color:#0000; text-decoration:none;}
#web #web_d #contenido-mapa .texto ul {margin:0; padding:0; margin-left:16px;}
