/* 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;display: inline}               /*Flotar div a la izquierda*/
.rgt{float:right;display: inline}              /*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*/

.mlft-1{margin-left: 1px;}
.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;}           /*Margenes izquierdas*/
.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;}
.mlft-70{margin-left: 70px;}
.mlft-75{margin-left: 75px;}
.mlft-80{margin-left: 80px;}

.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:450px;}
.top-55{margin-top:55px;}
.top-60{margin-top:60px;}
.top-65{margin-top:65px;}

.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;}

.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;}

.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 compunes*/