.hidden_image {
    display: none;
}

#port_left_frame {
    width: 860px;
    margin: 0px;
    background-color: #4c4c4c; /* gray 70 */
    /* background-image: url(../img/test_fond.png); */
    float: left;
}

#left_column {
    margin: 10px 5px 10px 10px;    
    float: left;
}

#right_column {
    margin: 10px 10px 10px 5px;
    float: right;
}

#vecindario {
    width: 560px;
    height: 54px;
    margin: 0px 0px 17px;
}

#vecindario a {
    display: block;
    background-image: url(../img/portada/vecindario_w560.jpg);
    font-family: "Arial narrow", "Arial", sans-serif;
    font-size: 32px;
    font-weight: normal;
    text-align: left;
    line-height: 54px;
    text-indent: 5px;
    color: #4c4c4c; /* gray 70 */
    margin: 0px;
    width: 560px;
    height: 54px;
}

#vecindario a:hover, #vecindario a:active {
    background-image: url(../img/portada/vecindario_w560_2.jpg);
}

#vecindario a span {
    display: block;
    background-color: #ffffff; /* white */
    margin: 0px;
    width: 160px;
    height: 54px;
}

#reportaje {
    width: 560px;
    height: 415px;
    margin: 0px 0px 17px;
}

#reportaje a {
    display: block;
    background-image: url(../img/portada/reportaje_w560.jpg);
    font-family: "Tahoma", "Arial", sans-serif;
    font-size: 41px;
    font-weight: bold;
    text-align: left;
    line-height: 60px;
    text-indent: 5px; 
    color: #000000;  /* black */
    margin: 0px;
    width: 560px;
    height: 415px;
}

#reportaje a:hover, #reportaje a:active {
    background-image: url(../img/portada/reportaje_w560_2.jpg);
}

#reportaje a span{
    display:block;
    background-image: url(../img/title_bckgrd60.png);
    background-repeat: repeat-x;
    margin: 0px;
    width: 560px;
    height: 60px;
}


#ideas {
    width: 560px;
    height: 212px;
    margin: 0px 0px 17px;
    background-color: #1a1a1a; /* gray 90 */
}

#luminarias {
    display: block;
    width: 174px;
    height: 130px;
    margin: 0px;
    background-image: url(../img/portada/luminarias_w174.jpg);
}

#luminarias:hover, #luminarias:active {
    background-image: url(../img/portada/luminarias_w174_2.jpg);
}

#ladod {
    display: block;
    width: 174px;
    height: 130px;
    margin: 0px;
    background-image: url(../img/portada/ladod_w174.jpg);
}

#ladod:hover, #ladod:active {
    background-image: url(../img/portada/ladod_w174_2.jpg);
}

#iconos {
    display: block;
    width: 174px;
    height: 130px;
    margin: 0px;
    background-image: url(../img/portada/iconos_w174.jpg);
}

#iconos:hover {
    background-image: url(../img/portada/iconos_w174_2.jpg);
}


.smallBox_ideas {
    width: 174px;
    height: 212px;
    font-family: "Arial narrow", Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    float: left;
    margin: 0px 6px 0px;
}

#elTaller {
    width: 560px;
    height: 260px;
    margin: 0px;
    background-color: #dc3627; /* concepto red */
    border: 0px solid blue; /* debug: put none for final stage */
}


#materiaprima {
    display: block;
    width: 174px;
    height: 130px;
    margin: 0px;
    background-image: url(../img/portada/materiaprima_w174.jpg);
}

#materiaprima:hover, #materiaprima:active {
    background-image: url(../img/portada/materiaprima_w174_2.jpg);
}

#telescopio {
    display: block;
    width: 174px;
    height: 130px;
    margin: 0px;
    background-image: url(../img/portada/telescopio_w174.jpg);
}

#telescopio:hover, #telescopio:active {
    background-image: url(../img/portada/telescopio_w174_2.jpg);
}

#bricolaje {
    display: block;
    width: 174px;
    height: 130px;
    margin: 0px;
    background-image: url(../img/portada/bricolaje_w174.jpg);
}

#bricolaje:hover, #bricolaje:active {
    background-image: url(../img/portada/bricolaje_w174_2.jpg);
}

.smallBox_taller {
    width: 174px;
    height: 260px;
    font-family: "Arial narrow", Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    float: left;
    margin: 0px 6px 0px;
}


.smallBox_taller h2 , .smallBox_ideas h2   {
    margin: 6px 0px 4px;
}

.smallBox_taller h3 , .smallBox_ideas h3  {
    margin: 4px 0px 0px;
    font-size: 26px;
    line-height: 26px;
}

.smallBox_taller h4 , .smallBox_ideas h4   {
    margin: 4px 0px 6px;
    font-size: 16px;
    line-height: 16px;
}

.smallBox_taller h2 a, .smallBox_ideas h2 a  {
    display: block;
    width: 174px;
    height: 16px;
    font-family: "Arial narrow", Arial, sans-serif;
    font-size: 16px;
    font-weight:normal;
    text-align: left;
    color: #ffffff; /*white */
    line-height:16px;
    margin: 0px;
}

.smallBox_taller h3 a, .smallBox_ideas h3 a {
    max-width: 174px;
    font-family: "Arial narrow", Arial, sans-serif;
    font-size: 26px;
    font-weight:normal;
    text-align: left;
    color: #4c4c4c; /* gray 70 */
    line-height: 26px;
    margin: 0px;
}

.smallBox_taller h4 a,  .smallBox_ideas h4 a {
    font-family: "Arial narrow", "Arial", sans-serif;
    font-size: 16px;
    font-weight:normal;
    text-align: left;
    color: #999999; /* gray 40 */
    line-height:16px;
    margin: 0px;
}

/* MEDIUM BOXES CONTENT */

#right_column h2 {
    margin: 0px;
}
.mediumBox {
    width: 270px;
    font-family: "Arial narrow", "Arial", sans-serif;
    font-size: 26px;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    text-indent: 5px;
    line-height: 40px;
    color: #000000; /* black */
    margin: 0px;
}

.mediumBox span {
    display: block;
    width: 270px;
    height: 40px;
    margin: 0px;
    /* background-image: url(../img/ti_bck40_b40_al70.png);*/ /* gray (black 40% alpha 50% )*/
    background-image: url(../img/ti_bck40_b40_al50.png); /* gray (black 40% alpha 50% )*/
    background-repeat: repeat-x;
}

#bocadillos {
    display: block;
    height: 260px;
    background-image: url(../img/portada/bocadillos_w270.jpg);
    margin-bottom: 10px;
}

#bocadillos:hover {
    background-image: url(../img/portada/bocadillos_w270_2.jpg);
}
  
#notitec {
    display: block;
    height: 260px;
    background-image: url(../img/portada/notitec_w270.jpg);  
    margin-bottom: 10px;
}

#notitec:hover {
    background-image: url(../img/portada/notitec_w270_2.jpg);
}

#recomendaciones {
    display: block;
    height: 130px;
    background-image: url(../img/portada/recomendaciones_w270.jpg); 
    margin-bottom: 10px;
}

#recomendaciones:hover {
    background-image: url(../img/portada/recomendaciones_w270_2.jpg); 
}

#almaMater {
    display: block;
    height: 312px;
    background-image: url(../img/portada/almamater_w270.jpg);  
}

#almaMater:hover {
    background-image: url(../img/portada/almamater_w270_2.jpg);  
}
/* END MEDIUM BOXES CONTENT */