/*CSS de Index y comunes-->*/

/* CSS Reset */
  * { margin:0; padding:0; }


   body {
    margin:0;
    padding:0;
    text-align:center;
   }

    #container {
    width:1024px;
    margin:0 auto;
   }

   #main {
    text-align:left;
    margin:auto;
    width:960px;
    height:auto;
   }

   #cabecera {
    width: 960px;
    height: 99px;
    /*background: url(assets/img/header.jpg) no-repeat 0 0;*/
    background-color:red;
    background-image:url(../img/comunes/header.jpg);
   }

   #divmenu {
    width:960px;
    height:26px;
    position:absolute;
    background-color:red;
    background-image:url(../img/comunes/menu_bg.jpg);
    z-index:99;
   }
    
   #mainContainer {
    width:960px;
    padding-bottom: 20px;
   }
    
   #contenidoIzq {
    width:660px;
    height:auto;
    /*background-color:gray;*/
    float:left;
   }
   
    
   #contenidoIndex {
    width:620px;
    height:400px;
    margin: 40px auto 0px 20px;
    position:relative;
   }
    
   #contenidoPrincipal {
    width:620px;
    height:auto;
    margin: 40px auto 0px 20px;
    font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
    /*z-index: -1;*/
   }
   
   #contenidoPrincipal h1{
        margin: 0px 0px 18px 18px;
        font: normal bold 24px;
        color: #d10e21;
    }
   
   #contenidoPrincipal p{
        font-size: 12px;
        color: #000000;
   }
   
   #contenidoPrincipal a{
        text-decoration: none;
        color: #d10e21;
   }
   /*----------INICIO SLIDESHOW----------*/
   /*.slideshow {  
    height:  620px;  
    width:   400px;  
    padding: 0;  
    margin:  0;  
    }
    
    .slideshow img {
    border:  0px;
    width:  620px; 
    height: 400px;
    } */
   
   /*----------PROYECTO----------*/
    #proyecto {
     width:620px;
     /*height:auto;*/
     background-color:white;
     margin: 40px auto 0px 20px;
     font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
    }
    
    #proyecto h1{
        margin-left: 18px;
        font: normal bold 24px;
        color: #d10e21;
    }
    
    #proyecto h2{
        margin-left: 18px;
        font: bold 18px;
        color: #d10e21;
    }
    
    #proyecto p{
        font-size: 12px;
        color: black;
    }
    
    #proyecto div{
        padding: 40px 0px 0px 0px;
        height: 70px;
        width: 100%;
        text-align: center;
        background-image: url("../img/carrusel/barra.jpg");
        background-position: bottom;
        background-repeat: no-repeat;
    }
    
    #proyecto a{
        text-decoration: none;
        color: #d10e21;
    }
    
    #proyecto div a{
        padding: 0px 25px 0px 0px;
    }
    
    #proyecto div img{
        border: none;
        vertical-align: middle;
    }
   
   /*----------FONDO EDITORIAL----------*/
   #fondoeditorial {
     width:620px;
     /*height:auto;*/
     background-color:white;
     font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
    }
    
    #fondoeditorial h1{
        margin-left: 18px;
        font: bold 24px;
        color: #d10e21;
    }
    
    #fondoeditorial h2{
        margin-left: 18px;
        font: bold 18px;
        color: #d10e21;
    }
    
    #fondoeditorial p{
        font-size: 12px;
        color: black;
    }
    
    #fondoeditorial ul{
        font-size: 12px;
        color: black;
        margin-left:15px;
    }
    
    #balazo{
        margin: 18px 0px 18px 0px;
    }
    
    #fe_portadas{
        width: 620px;
        height: 150px;
        margin-top: 18px;
        background-image: url("../img/carrusel/barra.jpg");
        text-align: center;
    }
    
    #fe_portadas a{
        padding: 0px 0px 0px 0px;
    }
    
    #fe_portadas img{
        border: none;
    }
    
    #fe_portadasArriba{
        width: 620px;
        height: 150px;
        margin-top: 18px;
        text-align: center;
    }
    
    #fe_portadasArriba a{
        padding: 0px 5px 0px 0px;
    }
    
    #fe_portadasArriba img{
        border: none;
    }
   
   /*----------POPOUT FONDO EDITORIAL----------*/
   
   #fe_libro {
    /*width: 500px;
    height: 490px;*/
    /*font: normal 14px Trebuchet MS, Verdana, Helvetica, Sans-serif;
    color: #ffffff;
    background-color: #999999;*/
   }
   
   #fel_pcontenido{
    /*width: 500px;*/
    height: 490px;
    font: normal 14px Trebuchet MS, Verdana, Helvetica, Sans-serif;
    color: #ffffff;
    /*background-color: #999999;*/
   }
   
   #fel_pcontenido img{
    border: none;
    vertical-align: middle;
   }
   
   #fel_pcontenido a{
    color: #ffffff;
    text-decoration: none;
   }
   
   #fel_portada {
    width: 500px;
    height: 290px;
    display: block;
   }
   
   #felcover {
    height: 290px;
    display:block;
    float: left;
    margin-left: 15px;
   }
   
   #felinfo{
    position: relative;
    float: left;
    margin: 0px 10px 0px 10px;
    text-align: left;
    vertical-align: text-bottom;
   }
   
   #fel_info h1{
    font-size: 18;
    font-weight: bold;
   }
   
   #fel_texto {
    height: 200px;
    clear: both;
    margin: 30px 15px 0px 15px;
    text-align: center;
   }
   
   #feltexto p{
    margin: 15px 15px 0px 15px;
   }
   
   #felcerrar a{
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    margin-right: 10px;
   }
   
   /*----------CARRUSEL----------*/
   #catalogo {
    width:660px;
    height:150px;
    background-color:gold;
    background: url('../img/carrusel/barra.jpg');
    margin: 40px auto 0px auto;
    clear: left;
   }
   
     /*-----------------------------*/
    /*----------CONT DER----------*/
   /*---------------------------*/
   #contenidoDer {
    width:220px;
    height: auto;
    background-color:white;
    float:right;
    margin: 0px 20px 0px auto;
   }
   
   /*----------MENU FONDO EDITORIAL----------*/
   #menu_fe {
    width: 220px;
    font: normal 14px Trebuchet MS, Verdana, Helvetica, Sans-serif;
    padding: 0px;
    margin-top: 40px;
   }
   
   #menu_fe ul{
    width:220px;
    list-style: none;
   }
   
   #menu_fe li{
    width: 220px;
    text-decoration: none;
    margin: 0px 0px 5px 0px;
    border-bottom-style: dashed;
    border-bottom-color: #d10e21;
    border-bottom-width: 1px;
    padding-bottom: 5px;
   }
   
   #menu_fe a{
    margin-left: 15px;
    width: 220px;
    color: #666666;
    text-decoration: none;
   }
   
   /*----------BANNERS----------*/
   #banners {
    width:220px;
    height:400px;
    margin-top: 40px;
   }
   
   #banners a{
    text-decoration: none;
   }
   
   #banners img{
    border: none;
    margin-bottom: 18px;
   }
   
   
   /*----------EVENTOS----------*/
   #eventoDiv {
    font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
    width: 640px;
    margin: 10px 0px 0px 0px;
    border-bottom-style: dashed;
    border-bottom-color: #d10e21;
    border-bottom-width: 1px;
    padding-bottom: 5px;
   }
   
   #eventoDiv h3 {
    color: #666666;
    font-size: 18px;
    margin-left: 18px;
   }
   
   #eventoDiv p {
    font-size: 12px;
   }
   
   #eventoDiv a {
    text-decoration: none;
    color: #d10e21;
   }
   
   /*----------ACTUALIDAD EDUCATIVA----------*/
   
   #acteduDiv {
    width: 300px;
    height: 250px;
    font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
    margin: 10px 10px 0px 0px;
    float:left;
   }
   
   #acteduDiv h3 {
    font-size: 18px;
    margin-bottom: 5px;
    color: #d10e21;
   }
   
   #acteduDiv p {
    font-size: 12px;
   }
   
   #acteduDiv a {
    text-decoration: none;
    color: #d10e21;
   }
   
   #acteduDiv img {
    border: none;
   }
   
   /*----------AUTORES----------*/
   #autorDiv {
    font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
    width: 640px;
    margin: 18px 0px 10px 0px;
   }
   
   #autorDiv h2 {
    font-size: 18px;
    margin: 0px 0px 18px 18px;
    color: #d10e21;
   }
   
   #autorDiv p {
    font-size: 12px;
   }
   
   /*----------TAREA DIARIA----------*/
   #tardiaDiv {
    font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
    width: 640px;
    margin: 0px 0px 20px 0px;
    border-bottom-style: dashed;
    border-bottom-color: #d10e21;
    border-bottom-width: 1px;
    padding-bottom: 20px;
   }
   
   #tardiaDiv h1 {
    color: #d10e21;
    font-size: 24px;
    margin-left: 18px;
    margin-bottom: 0px;
   }
   
   #tardiaDiv h2 {
    color: #666666;
    font-size: 18px;
    margin-left: 18px;
    margin-bottom: 18px
   }
   
   #tardiaDiv p {
    font-size: 12px;
    margin-bottom: 5px;
   }
   
   #tardiaDiv div {
    width: 640px;
    text-align: right;
   }
   
   #tardiaDiv div a {
    font-size: 12px;
    text-decoration: none;
    color: #d10e21;
   }
   
   #tardiaDiv div img {
    border: none;
   }
   
   /*----------PARA TRABAJAR----------*/
   #paratrabDiv {
    font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
    width: 640px;
    margin: 0px 0px 20px 0px;
    border-bottom-style: dashed;
    border-bottom-color: #d10e21;
    border-bottom-width: 1px;
    padding-bottom: 20px;
   }
   
   #paratrabDiv h2 {
    color: #d10e21;
    font-size: 18px;
    margin-left: 18px;
    margin-bottom: 18px
   }
   
   #paratrabDiv p {
    font-size: 12px;
    margin-bottom: 5px;
   }
   
   #paratrabDiv ul {
    font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
    font-size: 12px;
    color: #d10e21;
    margin-left: 15px;
   }
   
   #paratrabDiv li a {
    text-decoration: none;
    color: #d10e21;
   }
   
   #paratrabDiv a {
    text-decoration: none;
    color: #d10e21;
   }
   
    /*----------DISTRIBUIDORES----------*/
       #distImgDiv {
        font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
        width: 640px;
        margin: 0px 0px 10px 0px;
        border-bottom-style: dashed;
        border-bottom-color: #d10e21;
        border-bottom-width: 1px;
        padding-bottom: 20px;
       }
    
    #distImgDiv a{
            text-decoration: none;
       }
    
    #distImgDiv img {
        border: none;
        margin: 0px 10px 18px 0px;
       }
    
    #panelDist {
        font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
            font-size: 12px;
        width: 320px;
            height: 250px;
        margin: 20px 0px 10px 0px;
            overflow: auto;
       }
        
    #panelDist a {
    text-decoration: none;
    color: #d10e21;
   }
    
    /*----------NIŅOS Y JOVENES----------*/
       #njlibrovirtual {
        font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
        width: 640px;
        margin: 0px 0px 15px 0px;
       }
       
       #njlibrovirtual h1{
        margin: 0px 0px 18px 18px;
        font: normal bold 24px;
        color: #d10e21;
       }
       
       #njlibrovirtual h2{
        margin: 0px 0px 18px 18px;
        font: normal bold 18px;
        color: #d10e21;
       }
       
       #njlibrovirtual p {
        font-size: 12px;
        margin-bottom: 10px;
       }
       
       #njlibrovirtual a{
        font-size: 12px;
        text-decoration: none;
        color: #d10e21;
       }
       
       #njsabermas {
        font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
        width: 640px;
        margin: 0px 0px 10px 0px;
       }
       
       #njsabermas h2{
        margin: 0px 0px 10px 18px;
        font: normal bold 18px;
        color: #d10e21;
       }
       
       #njsabermastabla{
        width: 640px;
        font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
        margin: 0px 0px 18px 0px;
        vertical-align: text-bottom;
       }
       
       #njsabermastabla img{
        margin: 0px 18px 0px 0px;
        vertical-align: text-bottom;
       }
       
       #njsabermastabla h4{
        font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
        color: #d10e21;
       }
       
       #njsabermastabla p {
        font-size: 12px;
       }
       
       #njsabermastabla a{
        font-size: 12px;
        text-decoration: none;
        color: #d10e21;
       }
       
       #njrecomendaciones{
        font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
        width: 640px;
        margin: 0px 0px 10px 0px;
       }
       
       #njrecomendaciones h2{
        margin: 0px 0px 10px 18px;
        font: normal bold 18px;
        color: #d10e21;
       }
       
       #njrecomendaciones div{
        width: 640px;
        font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
        margin: 0px 0px 18px 0px;
       }
       
       #njrecomendaciones div h4{
        font: normal bold 14px;
        display: inline;
       }
       
       #njrecomendaciones div span{
        font: normal medium 14px;
       }
       
       #njrecomendaciones div a{
        font-size: 12px;
        text-decoration: none;
        color: #d10e21;
       }
    
    /*----------MI EXPERIENCIA----------*/
   #miexpDiv {
    font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
    width: 640px;
    margin: 18px 0px 20px 0px;
    padding: 18px 0 18px 0;
    border-top-style: dashed;
    border-top-color: #d10e21;
    border-top-width: 1px;
   }
   
   #miexpDiv h2 {
    color: #d10e21;
    font-size: 18px;
    margin-left: 18px;
    margin-bottom: 0px;
   }
   
   #miexpDiv h3 {
    font-size: 18px;
    margin-left: 18px;
    margin-bottom: 18px;
    font-weight: normal;
   }
   
   #miexpDiv div {
    font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
    width: 640px;
   }
   
   #comentariosTit {
    font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
    width: 640px;
    margin: 0px 0px 20px 0px;
    border-bottom-style: solid;
    border-bottom-color: #d10e21;
    border-bottom-width: 3px;
    border-top-style: solid;
    border-top-color: #d10e21;
    border-top-width: 3px;
    padding: 5px 0 5px 0;
   }
   
   #comentariosTit img {
        border: none;
        position: relative;
        top: 2px;
    }
    
    #comentariosTit a {
        text-decoration: none;
        color: #d10e21;
    }
   
   #comentariosTit h2 {
    font-size: 18px;
    margin-left: 2px;
    color: #d10e21;
    display: inline;
   }
   
   #comentariosTit p {
    font-size: 14px;
    margin-left: 18px;
    color: #666666;
   }
   
   #comentariosText {
    font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
    width: 640px;
    margin: 0px 0px 20px 0px;
    margin: 5px 0 5px 0;
   }
   
   #comentariosText table {
    font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
    border-bottom-style: solid;
    border-bottom-color: #666666;
    border-bottom-width: 1px;
    margin-bottom: 18px
   }
   
   #textcom {
    padding-right: 8px;
    padding-bottom: 10px;
   }
   
   #datoscom {
    padding-left: 8px;
    padding-bottom: 10px;
    border-left-style: solid;
    border-left-color: #666666;
    border-left-width: 1px;
   }
   
   #rojdatcom{
    font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
    font-size: 12px;
    color: #d10e21;
   }
   #nom{
    font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
    font-size: 14px;
   }
   #fec{
    font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
    font-size: 12px;
    color: #666666;
   }
   
    /*----------COMMENTARIOS MI EXPERIENCIA----------*/
   #comments {
    width: 400px;
    height: 500px;
    font: normal 14px Trebuchet MS, Verdana, Helvetica, Sans-serif;
    font-size: 12px;
    margin: 18px;
    padding: 0px;
   }
   
   #comments h2 {
    color: #d10e21;
    font-size: 24px;
    margin: 0 18px 0 0;
    text-align: left;
   }
   
   #advisory {
    width: 364px;
    font: normal 14px Trebuchet MS, Verdana, Helvetica, Sans-serif;
    font-size: 12px;
    border-bottom-style: solid;
    border-bottom-color: #d10e21;
    border-bottom-width: 3px;
    border-top-style: solid;
    border-top-color: #d10e21;
    border-top-width: 3px;
    margin: 18px 0 18px 0;
    padding: 18px 0 18px 0;
   }
    
    /*----------CONTACTO----------*/
       #contactoDiv {
        font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
        width: 640px;
        margin: 0px 0px 15px 0px;
       }
       
       #contactoDiv hr{
        color: #d10e21;
       }
    
    /*----------ARCHIVOS----------*/
   #archivos {
    width: 220px;
    font: normal 14px Trebuchet MS, Verdana, Helvetica, Sans-serif;
    font-size: 12px;
    color: #666666;
    margin: 40px 0px 15px 0px;
    padding: 0px;
   }
   
   #archivos a{
        font-size: 12px;
        text-decoration: none;
        color: #666666;
       }
       
    #archivos a:hover{
     color: #d10e21;
    }
    
    /*----------LOGIN----------*/
    #loginDiv {
     font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
     width: 640px;
     margin: 40px 0px 0px 0px;
     padding-bottom: 20px;
    }
    
    #loginDiv table{
     font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
     margin: 18px 0px 0px 325px;
     font-size: 18px;
    }
    
    /*----------ADMIN----------*/
    #adminInput {
     font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
     width: 640px;
     margin: 40px 0px 0px 0px;
     padding-bottom: 20px;
    }
    
    #adminInput table{
     font-family: Trebuchet MS, Verdana, Helvetica, Sans-serif;
     margin: 18px 0px 0px 0px;
     font-size: 14px;
    }
    
    #adminInput h2 {
    color: #d10e21;
    font-size: 18px;
    margin: 0 18px 0 0;
    text-align: left;
   }
    
    /*----------FLIP BOOK----------*/
    #bookFlip {
    width: 700px;
    height: 550px;
    text-align: right;
    font: normal 14px Trebuchet MS, Verdana, Helvetica, Sans-serif;
   }
   
   #bookFlip a{
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    margin-right: 10px;
   }
   
   #bookFlip a:hover{
    color: #d10e21;
   }
   
   /*----------FLIP BOOK----------*/
    #filesUploaded {
    text-align: left;
    font: normal 12px Trebuchet MS, Verdana, Helvetica, Sans-serif;
    }
    
    #bookFlip a{
    color: #d10e21;
    text-decoration: none;
    font-size: 12px;
    }
    
   /*----------PIE DE PAGINA----------*/
   #pie {
    clear: both;
    font: normal 10px Trebuchet MS, Verdana, Helvetica, Sans-serif;
    padding: 80px 18px 20px 18px;
    color: #999999;
    width: 960px;
   }
   
   #pie a{
    font-size: 11px;
    font-weight: bold;
    color: #CC2222;
    text-decoration: none;
   }
   
   #pie_izq{
    text-align: left;
    float: left;
   }
   
   #pie_der{
    text-align: right;
    float: right;
   }
   
   /*----------PIE DE PAGINA----------*/
   #alert
		{
			overflow: hidden;
			width: 100%;
			text-align: center;
			position: absolute;
			top: 0;
			left: 0;
			background-color: #fff;
			height: 0;
			color: #000;
			font: 20px/40px arial, sans-serif;
			opacity: .9;
		}