/* @filesource
/* @lastmodified  $Date: 2010-08-06 22:58:01 -0800 (Fri, 06 Aug 2010) $
 * @modifiedby    $LastChangedBy: gabo $


/* Estilos comunes*/
/* es posible combinarlos ej: <div class='lft top-10'>div alieneado a la izquierda con 10 pixeles de margen superior</div>  */

.lft{float:left;}               /*Flotar div a la izquierda*/
.rgt{float:right;}              /*flotar div a la derecha*/

.aleft{text-align: left}        /*alinea el texto a la izquierda*/
.aright{text-align: right}      /*alinea el texto a la derecha*/
.ajust{text-align:justify}      /*Justificar texto*/
.center{text-align: center}     /*Centrar texto*/
.bold{font-weight: bold}
.italic{font-style: italic}



.mlft-1{margin-left: 1px;}      /*Margenes izquierdas*/
.mlft-2{margin-left: 2px;}
.mlft-3{margin-left: 3px;}
.mlft-4{margin-left: 4px;}
.mlft-5{margin-left: 5px;}
.mlft-6{margin-left: 6px;}          
.mlft-7{margin-left: 7px;}
.mlft-8{margin-left: 8px;}
.mlft-9{margin-left: 9px;}
.mlft-10{margin-left: 10px;}

.mlft-11{margin-left: 11px;}
.mlft-12{margin-left: 12px;}
.mlft-13{margin-left: 13px;}
.mlft-14{margin-left: 14px;}
.mlft-15{margin-left: 15px;}
.mlft-20{margin-left: 20px;}

.mlft-30{margin-left: 30px;}
.mlft-35{margin-left: 35px;}
.mlft-40{margin-left: 40px;}
.mlft-45{margin-left: 45px;}
.mlft-50{margin-left: 50px;}
.mlft-55{margin-left: 55px;}
.mlft-60{margin-left: 60px;}
.mlft-65{margin-left: 65px;}

.mrgt-1{margin-right: 1px;}     /*Margenes derechas*/
.mrgt-2{margin-right: 2px;}
.mrgt-3{margin-right: 3px;}
.mrgt-4{margin-right: 4px;}
.mrgt-5{margin-right: 5px;}
.mrgt-6{margin-right: 6px;}
.mrgt-7{margin-right: 7px;}
.mrgt-8{margin-right: 8px;}
.mrgt-9{margin-right: 9px;}
.mrgt-10{margin-right: 10px;}

.mrgt-11{margin-right: 11px;}
.mrgt-12{margin-right: 12px;}
.mrgt-13{margin-right: 13px;}
.mrgt-14{margin-right: 14px;}
.mrgt-15{margin-right: 15px;}
.mrgt-35{margin-right: 35px;}


.top-1{margin-top:1px;}         /*Margenes superiores*/
.top-2{margin-top:2px;}
.top-3{margin-top:3px;}
.top-4{margin-top:4px;}
.top-5{margin-top:5px;}
.top-6{margin-top:6px;}
.top-7{margin-top:7px;}
.top-8{margin-top:8px;}
.top-9{margin-top:9px;}
.top-10{margin-top:10px;}

.top-15{margin-top:15px;}
.top-20{margin-top:20px;}
.top-25{margin-top:25px;}
.top-30{margin-top:30px;}
.top-35{margin-top:35px;}
.top-40{margin-top:40px;}
.top-45{margin-top:45px;}
.top-50{margin-top:50px;}
.top-55{margin-top:55px;}
.top-60{margin-top:60px;}
.top-65{margin-top:65px;}
.top-70{margin-top:70px;}

.bot-0{margin-bottom: 0px}  /*Margenes Inferiores*/
.bot-1{margin-bottom: 1px}
.bot-2{margin-bottom: 2px}
.bot-3{margin-bottom: 3px}
.bot-4{margin-bottom: 4px}
.bot-5{margin-bottom: 5px}

.width-10{width:10px}         /*Anchos predefinidos*/
.width-20{width:20px}
.width-30{width:30px}
.width-40{width:40px}
.width-50{width:50px}
.width-60{width:60px}
.width-80{width:80px}
.width-100{width:100px}
.width-150{width:150px}

.plft-1{padding-left: 1px;}
.plft-2{padding-left: 2px;}
.plft-3{padding-left: 3px;}
.plft-4{padding-left: 4px;}
.plft-5{padding-left: 5px;}
.plft-6{padding-left: 6px;}      /*Padding Izquierdo*/
.plft-7{padding-left: 7px;}
.plft-8{padding-left: 8px;}
.plft-9{padding-left: 9px;}
.plft-10{padding-left: 10px;}
.plft-20{padding-left: 20px;}

.prgt-1{padding-right: 1px;}     /*Padding derecho*/
.prgt-2{padding-right: 2px;}
.prgt-3{padding-right: 3px;}
.prgt-4{padding-right: 4px;}
.prgt-5{padding-right: 5px;}
.prgt-6{padding-right: 6px;}
.prgt-7{padding-right: 7px;}
.prgt-8{padding-right: 8px;}
.prgt-9{padding-right: 9px;}
.prgt-10{padding-right: 10px;}
.prgt-20{padding-right: 20px;}
.prgt-30{padding-right: 30px;}

.ptop-5{padding-top: 5px;}
.ptop-10{padding-top: 10px;}
.ptop-15{padding-top: 35px;}
.ptop-20{padding-top: 20px;}
.ptop-25{padding-top: 25px;}
.ptop-30{padding-top: 30px;}
.ptop-35{padding-top: 35px;}
.ptop-40{padding-top: 40px;}
.ptop-45{padding-top: 45px;}
.ptop-50{padding-top: 50px;}
.ptop-55{padding-top: 55px;}
.ptop-60{padding-top: 60px;}
.ptop-65{padding-top: 65px;}
.ptop-70{padding-top: 70px;}


.visible{border: 1px solid #999} /* muestra los bordes de un div para hacerlo visible*/
.visible-fondo{background-color:#000}/* muestra el fondo negro para hacerlo visible*/

.pushimg1 {margin:0 -120px 0em 15px; float:left;position:relative;}
.pullimg2 {margin-left:-79px;float:left;position:relative;}

/*Fin estilos comunes*/

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}