body,html{
background: url(../img/bg.jpg) repeat-x #e8e8e8;
margin: 0;
}

body img{
border: 0;
}

.formulario_contenedor1{
background: #efefef;
padding: 0.1em 3em 0 5em;
margin: 0.5em 0 1em 0;
}

.formulario_contenedor2{
background: #efefef;
padding: 0.1em 3em 0 5em;
}

.form1{
margin: 0;
padding: 0;
float: left;
width: 23em;
}

.form2{
margin: 0;
padding: 0;
float: right;
width: 23em;
}

fieldset{
border: none;
margin: 0;
padding: 0;
border: 0;
}

form{
margin: 2em 0 0 0;
width: 84%;	
}

.legend{
color:#ae007c!important;
font:0.8em helvetica,arial,verdana!important;
margin: 0 0 2em 0;
}

form .row input{
width: 14em;
}

form .row1 input{
width: 39.8em;
}

.bloke1{
width: 25em;
float: left;
}

.bloke2{
width: 25em;
float: right;
}

.textoarea{
width: 47em;
}

.radialboton2{
width: 1.2em;
}

.boton{
width: 5em;
}

.radialboton{
margin-left: 0.7em;
}

.row,.row1{
clear: both;
font: 0.8em verdana,helvetica,arial,FreeSans;
color:#303030;
padding-bottom: 2em;
}

.rowbotones{
clear: both;
font: 0.8em verdana,helvetica,arial,FreeSans;
color:#303030;
padding-bottom: 2em;
float: right;
margin: 0;
}

.label{
width:9em;
float: left;
text-align: left;
margin-right: 1em;
color: #303030;
}

.label2{
width:9em;
float: left;
text-align: left;
margin-right: 1em;
color: #303030;
margin-left: 2em;
}

.label3{
margin-right: 1em;
float: left;
width:9em;
text-align: left;
color: #303030;
}

.label5{
margin-right: 1em;
float: left;
width:9em;
text-align: left;
color: #303030;
height: 3em;
}

.labelabsoluto{
clear: both;
margin-bottom: 1.2em;
}

.formw{
float: left;
}

.formw2{
float: left;
}

.formw3{
float: left;
}

.formw5{
height: 3em;
float: left;
}

.peque{
font: 0.7em verdana,helvetica,arial,FreeSans;
color: #a0a0a0;
}

.boton{
font: 0.6em arial,helvetica,verdana;
border: 1px solid #ccc;
background: #ccc;
}

#formulario{
font: 0.8em arial,helvetica,verdana;
color:#636363;
float: right;
}

.boton2{
border: 1px solid #ccc;
background: #ccc;
width: 4em;
}

.clear{
clear: both;
}

.clear5{
padding-top: 1em;
}

.flotaizquierda{
float: left;
padding: 0.4em 1em 0 0;
background: #fff;
}

.flotaderecha{
float: right;
padding: 0 0 0 1em;
background: #fff;
}

.flotaizquierda_portada{
float: left;
padding: 0 1.7em 0 0;
background: #fff;
}

h2{
color:#ae007c;
font: 1.2em arial,helvetica,verdana;
margin: 0.5em 0 0.5em 0;
}

h2 a{
color:#ae007c;
text-decoration: none;
}

h2 a:hover{
text-decoration: underline;
}

.h2especial{
padding: 0.7em;
background: #b5afaa;
color:#fff;
font: 0.8em verdana,arial,helvetica;
}

h3{
color:#ae007c;
font: 1em arial,helvetica,verdana;
margin: 1.5em 0 0.5em 0;
}

.rosa{
color:#ae007c;
}

.resumen{
color:#ae007c!important;
font:1.1em arial narrow,helvetica,verdana!important;
margin: 0;
}

.leermas{
color:#ae007c!important;
text-decoration: none!important
}

.leermas2{
font:0.9em arial narrow,helvetica,verdana!important;
color:#ae007c!important;
float: right;
margin-top: -1em;
text-decoration: none!important;
}

.leermas:hover,.leermas2:hover{
text-decoration:underline!important;
}

#contenido p{
color: #636363;
font:0.9em arial narrow,helvetica,verdana;
}

#contenido p a{
color:#ae007c;
text-decoration: underline;
}

#repor_entero p,.reportaje p{
width: 85%;
color: #636363;
font:0.9em arial,helvetica,verdana!important;
}

#repor_entero h2{
color:#ae007c;
font: 1.5em arial,helvetica,verdana;
margin: 0.5em 0 0.5em 0;
}

.futurille_ficha{
margin-bottom: 2em;
background: url(../img/puntos.jpg) bottom repeat-x;
padding-bottom: 1em;
}

.futurille{
margin: 1.55em 0 1.4em 0;
padding: 0 0 0 1em;
}

.futurille a{
text-decoration: none;
color: #636363!important;
font:0.9em arial narrow,helvetica,verdana;
}

.futurille a:hover{
text-decoration: underline;
}

.futurille .nombre{
background: url(../img/addbk_24.png) no-repeat left top;
padding-left: 1.5em;
color:#ae007c!important;
}

.articulo{
margin: 0 0 0.4em 0;
}

.articulo a{
text-decoration: none;
color: #636363;
font:0.9em arial narrow,helvetica,verdana;
}

.articulo a:hover{
text-decoration: underline;
}

.icoportada{
width: 0.7em;
height: 1.5em;
float: left;
}

#contenedor{
margin: 0 auto;
width: 57.6em;
background: #fff;
padding: 0 1em 1em 1em;
}

#cabecera{
width: 57.6em;
margin: 0 auto;
text-align: center;
border-top: 1px solid #ccc;
background: url(../img/cabeceraeducaib.png) no-repeat;
}

#logo1{
float: left;
}

#logo2{
margin: 1.6em 2em 0 0;
float: right;
}

#contenido{
margin: 1em 0 0 0;
min-height: 27em;
}

#xarxa{
width: 18em;
float: left;
margin-bottom: 2em;
}

#experiencias{
float: left;
margin-left: 1.8em;
width: 18em;
margin-bottom: 2em;
}

#futurilles{
float: left;
margin-left: 1.8em;
width: 18em;
margin-bottom: 2em;
background: #f4f4ed;
}

#articulos{
float: right;
margin-left: 1.8em;
width: 18em;
margin-bottom: 2em;
}

#banner{
float: left;
width: 36em;
margin-bottom: 2em;
}

#banner img{
margin: 0;
padding: 0;
}

.imagen_portada{
margin-top: 0.5em;
}

#banner .imagen_portada2{
margin-top: -0.2em;
}

.espacio1{
margin-bottom: 1em;
}

.espacio{
clear: both;
margin-bottom: 1.4em;
}

.vermas{
padding-top: 0.2em;
width: 100%;
background: url(../img/puntos.jpg) top repeat-x;
}

.vermas1 a{
background: url(../img/masico.jpg) no-repeat left;
padding-left: 1.2em;
float: right;
color:#ae007c!important;
text-decoration: none;
font: 0.8em helvetica,arial,verdana;
}

.vermas1 a:hover{
color: #d7c119!important;
}

#menu ul{
height: 1.4em;
margin: 0.5em 0 0 0;
padding:0.05em 0 0 0;
list-style-type: none;
background: url(../img/puntosmenu.jpg) top repeat-x;
}

#menu li{
float: left;
margin-right: 1.2em;
padding: 0;
}

#menu li a{
text-decoration: none;
color:#666;
text-transform: uppercase;
font: 0.8em helvetica,arial,verdana;
}

#menu li a:hover{
color:#ae007c;
}

#menu #seleccionado{
color:#ae007c;
}

#creditos{
background: url(../img/puntos.jpg) top repeat-x;
clear: both;
width: 57.6em;
margin-bottom: 2em;
}

#creditos p{
padding: 0.7em 0 0 0;
margin: 0;
color: #636363;
font:0.7em arial,helvetica,verdana;
}

#creditos p a{
color: #636363;
text-decoration: underline;
}

#creditos p a:hover{
color: #000;
}

#reportaje{
margin-bottom: 2em;
min-height: 21em;
}

#reportaje_contenido{
float: right;
width: 20.3em;
}

#logoderecha{
margin: 0;
padding: 0.3em 0 0 0;
float: right;
}

.columna1{
width: 27em;
float: left;
}

.columna2{
width: 27em;
float: right;
}

.reportaje{
margin: 0;
background: url(../img/puntos.jpg) bottom repeat-x;
padding-bottom:0.5em;
}

.reportaje p{
clear: both;
}

.reportaje h2 a{
background: url(../img/articulo.jpg) no-repeat left top;
padding: 0 0 0 1em;
font:1em verdana,arial,helvetica!important;
float: left;
margin: 0 0 0.4em 0;
}

.clear{
clear: both;
}

#atras{
float: right;
}

#atras a{
background: url(../img/masico.jpg) no-repeat left;
padding-left: 1.2em;
color:#ae007c!important;
text-decoration: none;
font: 0.8em helvetica,arial,verdana;
float: right;
}

#atras a:hover{
color: #d7c119!important;
}

#revistas{
color: #636363;
font: 0.7em verdana,arial,helvetica;
margin-top:-1.6em;
float: right;
width: 24em;
}

.num1{
float: left;
margin-top: -0.2em;
}

.num2{
float: left;
margin: -0.15em 0 0 1em;
}

.num3{
float: right;
}

#menurevista1{
float: right;
margin: -0.75em 0 0 0;
}

/* style the outer div to give it width */
.menu {
margin: 0;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
border: 0!important;
background: #fff!important;
padding:0;
margin:0;
list-style-type:none; 
}

/* style the sub-level lists */
.menu ul ul {
width:2em;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
float:left;
height:1.5em;
line-height:1.3em;
}

/* style the sub level list items */
.menu ul ul li {
display:block;
width:9em;
height:auto; 
line-height:1em;
}

/* style the links for the top level */
.menu li a{
background: #b5afaa!important;
display:block;
float:left;
height:1.5em;
font:0.9em verdana,helvetica,arial;
text-decoration:none;
color:#fff!important;
padding:0.3em 1em 0 1em; 
}

/* style the sub level links */
.menu ul ul a{
display:block;
background: #b5afaa!important; 
color:#fff!important;
width:14em;
height:1.5em;
line-height:1.5em; 
padding:0.3em 0 0.3em 1.3em;
}

.menu ul ul a:hover{
background: #c8c3bf!important; 
color:#000!important;
}

* html .menu ul ul a{
width:14em; 
w\idth:12em;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
position:absolute; 
left:1px; 
top:0; 
width:0; height:0; 
font-size:1em; 
z-index:-1;
}

/* style the sub level 1 background */
.menu ul :hover a.sub1 {
background: #d1d1d1;
}

/* style the level hovers */
* html .menu a:hover {
color:#000;
position:relative; 
z-index:100;
}

.menu li:hover {
position:relative;
}

.menu :hover > a {
color: #9d006f;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:1em;
left:-6em;
width:8em;
border-top: 1px solid #fff;
}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
visibility:visible; 
height:auto; 
padding-bottom:3em; 
background:transparent;
}