.tail-top{ background:url(../images/bg.gif) repeat-x top center #f2f2f2}
.tail-bottom{background:url(../images/bot.gif) repeat-x  bottom  }

/*======= ROJO =======*/
.tail-top-rojo {background:url(../images/fondos-colores/bg-azul.gif) repeat-x top center #f2f2f2}
.tail-bottom-rojo {background:url(../images/fondos-colores/bot-azul.gif) repeat-x  bottom  }

.col1, .col2, .col-1, .col-2, .col-3, .col-4, .col-5{ float:left}
/*======= ancho =======*/
.main{margin:0 auto; text-align:left; width:916px; }

/*======= cabecera =======*/
#header {height:220px; }
#contenido .col1{ width:242px; margin-right:51px; position:relative }
#contenido .col2{ width:602px; margin:0px 0 -30px 0; position:relative}

/*======= index.html =======*/
#page1 #contenido .col-1{ width:384px; margin-right:18px}
#page1 #contenido .col-2{ width:291px; margin-right:18px}
#page1 #contenido .col-4{ width:291px}
#page1 #contenido .col-3{ width:198px}

/*======= empresa.html =======*/
#page2 #contenido .col-1{ width:185px; margin-right:18px}
#page2 #contenido .col-2{ width:185px; margin-right:18px}
#page2 #contenido .col-3{ width:185px}

/*======= index-3.html =======*/
#page4 #contenido .col-1{ width:188px; margin-right:18px}
#page4 #contenido .col-2{ width:188px; margin-right:18px}
#page4 #contenido .col-3{ width:188px}

/*======= index-5.html =======*/
#page6 #contenido .col-1{ width:188px; margin-right:18px}
#page6 #contenido .col-2{ width:188px; margin-right:18px}
#page6 #contenido .col-3{ width:188px}

/*======= index-6.html =======*/
#page7 #contenido .col-1{ width:188px; margin-right:18px}
#page7 #contenido .col-2{ width:188px; margin-right:18px}
#page7 #contenido .col-3{ width:188px}
#page7 #contenido .col-4{ width:312px}
#page7 #contenido .col-5{ width:200px}

/*======= footer =======*/
#footer { height:130px; background:url(../images/bot1.png) no-repeat top right  }