#pie {
width : 750px;
height: 150px; 
float : left; 
text-align : center;
border-top:#003399 solid 5px;
padding-top:10px;
} 
.espacio {
width : 5px; 
height : 138px; 
float : left; 
} 
.cuadrado {
width : 185px; 
height : 140px; 
float : left; 
} 
.escaleras1 {
width : 175px; 
height : 22px; 
float : left; 
background-image : url(../images/escalera_r1_c1.jpg); 
background-repeat : no-repeat; 
} 
.escaleras2 {
width : 175px; 
height : 82px; 
float : left; 
background-image : url(../images/escalera_r2_c1.jpg); 
background-repeat : no-repeat; 
text-align : left; 
padding-left : 10px;  
} 
.escaleras3 {
width : 175px; 
height : 34px; 
float : left; 
background-image : url(../images/escalera_r3_c1.jpg); 
background-repeat : no-repeat; 
text-align : left; 
padding-left : 10px; 
padding-top : 8px; 
vertical-align : middle; 
} 
.ventanas1 {
width : 175px; 
height : 22px; 
float : left; 
background-image : url(../images/ventana_r1_c1.jpg); 
background-repeat : no-repeat; 
} 
.ventanas2 {
width : 175px; 
height : 82px; 
float : left; 
background-image : url(../images/ventana_r2_c1.jpg); 
background-repeat : no-repeat; 
text-align : left; 
padding-left : 10px;
} 
.ventanas3 {
width : 175px; 
height : 34px; 
float : left; 
background-image : url(../images/ventana_r3_c1.jpg); 
background-repeat : no-repeat; 
text-align : left; 
padding-left : 10px; 
padding-top : 8px; 
vertical-align : middle; 
} 
.sucursal1 {
width : 175px; 
height : 22px; 
float : left; 
background-image : url(../images/sucursal_r1_c1.jpg); 
background-repeat : no-repeat; 
} 
.sucursal2 {
width : 175px; 
height : 77px; 
float : left; 
background-image : url(../images/sucursal_r2_c1.jpg); 
background-repeat : no-repeat; 
text-align : left; 
padding-left : 10px; 
padding-top : 5px; 
} 
.sucursal3 {
width : 175px; 
height : 34px; 
float : left; 
background-image : url(../images/sucursal_r3_c1.jpg); 
background-repeat : no-repeat; 
text-align : left; 
padding-left : 10px; 
padding-top : 8px; 
vertical-align : middle; 
} 
.newsletter1 {
width : 175px; 
height : 22px; 
float : left; 
background-image : url(../images/newsletter_r1_c1.jpg); 
background-repeat : no-repeat; 
} 
.newsletter2 {
width : 175px; 
height : 82px; 
float : left; 
background-image : url(../images/newsletter_r2_c1.jpg); 
background-repeat : no-repeat; 
text-align : left; 
padding-left : 10px;
} 
.newsletter3 {
width : 175px; 
height : 34px; 
float : left; 
background-image : url(../images/newsletter_r3_c1.jpg); 
background-repeat : no-repeat; 
text-align : left; 
padding-left : 10px; 
padding-top : 8px; 
vertical-align : middle; 
} 

.sucursales1 {
width : 175px; 
height : 22px; 
float : left; 
background-image : url(../images/catalogo_r1_c1.jpg); 
background-repeat : no-repeat; 
} 
.sucursales2 {
width : 175px; 
height : 82px; 
float : left; 
background-image : url(../images/catalogo_r2_c1.jpg); 
background-repeat : no-repeat; 
text-align : left; 
padding-left : 10px;
} 
.sucursales3 {
width : 175px; 
height : 34px; 
float : left; 
background-image : url(../images/catalogo_r3_c1.jpg); 
background-repeat : no-repeat; 
text-align : left; 
padding-left : 10px; 
padding-top : 8px; 
vertical-align : middle; 
} 

.videos1 {
width : 175px; 
height : 22px; 
float : left; 
background-image : url(../images/videos_r1_c1.jpg); 
background-repeat : no-repeat; 
} 
.videos2 {
width : 175px; 
height : 82px; 
float : left; 
background-image : url(../images/videos_r2_c1.jpg); 
background-repeat : no-repeat; 
text-align : left; 
padding-left : 10px;
} 
.videos3 {
width : 175px; 
height : 34px; 
float : left; 
background-image : url(../images/videos_r3_c1.jpg); 
background-repeat : no-repeat; 
text-align : left; 
padding-left : 10px; 
padding-top : 8px; 
vertical-align : middle; 
} 

.talleres1 {
width : 175px; 
height : 22px; 
float : left; 
background-image : url(../images/talleres_r1_c1.jpg); 
background-repeat : no-repeat; 
} 
.talleres2 {
width : 175px; 
height : 82px; 
float : left; 
background-image : url(../images/talleres_r2_c2.jpg); 
background-repeat : no-repeat; 
text-align : left; 
padding-left : 10px;
} 
.talleres3 {
width : 175px; 
height : 34px; 
float : left; 
background-image : url(../images/talleres_r3_c3.jpg); 
background-repeat : no-repeat; 
text-align : left; 
padding-left : 10px; 
padding-top : 8px; 
vertical-align : middle; 
} 

