/* 
    Author     : AntonioL
    Description: 
        Hoja de estilos auxiliar. Contiene estilos utilizados de forma puntual para pulir algún
        otro ya existente y ahorrar código duplicado.
        
        Esta hoja de estilos forma parte de la plantilla y NO DEBE modificarse.
*/

/* NOTA PLANTILLA:
    - Salvo excepciones en estilos propios de la platilla, los nombres de los
      estilos deben empezar en minúscular y hacer la separación de términos
      empezando cada palabra con mayuscula, por ejemplo: esteEsElNombreDelEstilo */

/* NOTA PLANTILLA:  Normas de declaración de estilos:
                    - Medidas en pixeles: <medida><valor>px
                            Por ejemplo  anchura10px | altura10px
                    - Medidas porcentaje: <medida><valor>porcentaje
                            Por ejemplo  anchura10porcentaje | altura10porcentaje
*/



.zIndex201 {z-index: 201;}
.zIndex500 {z-index: 500;}


.anchura36porcentaje{ width: 36%; }
.anchura39porcentaje{ width: 39%; }
.anchura40porcentaje{ width: 40%; }
.anchura45porcentaje{ width: 45%; }
.anchura50porcentaje{ width: 50%; }
.anchura51porcentaje{ width: 51%; }
.anchura52porcentaje{ width: 52%; }
.anchura54porcentaje{ width: 54%; }
.anchura63porcentaje{ width: 63%; }
.anchura72porcentaje{ width: 72%; }
.anchura90porcentaje{ width: 90%; }
.anchura95porcentaje{ width: 95%; }
.anchura96porcentaje{ width: 96%; }
.anchura98porcentaje{ width: 98%; }
.anchura100porcentaje{ width: 100%; }

.anchuraAuto{width: auto !important;}

.anchura20px{ width: 20px; }
.anchura35px{ width: 35px; }
.anchura40px{ width: 40px; }
.anchura45px{ width: 45px; }
.anchura50px{ width: 50px; }
.anchura60px{ width: 60px; }
.anchura65px{ width: 65px; }
.anchura69px{ width: 69px; }
.anchura70px{ width: 70px; }
.anchura71px{ width: 71px; }
.anchura72px{ width: 72px; }
.anchura73px{ width: 73px; }
.anchura74px{ width: 74px; }
.anchura75px{ width: 75px; }
.anchura80px{ width: 80px; }
.anchura84px{ width: 84px; }
.anchura86px{ width: 86px; }
.anchura88px{ width: 88px; }
.anchura90px{ width: 90px; }
.anchura100px{ width: 100px; }
.anchura102px{ width: 102px; }
.anchura103px{ width: 103px; }
.anchura104px{ width: 104px; }
.anchura105px{ width: 105px; }
.anchura110px{ width: 110px; }
.anchura111px{ width: 111px; }
.anchura112px{ width: 112px; }
.anchura115px{ width: 115px; }
.anchura116px{ width: 116px; }
.anchura118px{ width: 118px; }
.anchura120px{ width: 120px; }
.anchura125px{ width: 125px; }
.anchura127px{ width: 127px; }
.anchura128px{ width: 128px; }
.anchura130px{ width: 130px; }
.anchura132px{ width: 132px; }
.anchura133px{ width: 133px; }
.anchura135px{ width: 135px; }
.anchura137px{ width: 137px; }
.anchura140px{ width: 140px; }
.anchura144px{ width: 144px; }
.anchura145px{ width: 145px; }
.anchura146px{ width: 146px; }
.anchura147px{ width: 147px; }
.anchura149px{ width: 149px; }
.anchura150px{ width: 150px; }
.anchura151px{ width: 151px; }
.anchura153px{ width: 153px; }
.anchura154px{ width: 154px; }
.anchura155px{ width: 155px; }
.anchura156px{ width: 156px; }
.anchura157px{ width: 157px; }
.anchura158px{ width: 158px; }
.anchura159px{ width: 159px; }
.anchura160px{ width: 160px; }
.anchura163px{ width: 163px; }
.anchura160px{ width: 160px; }
.anchura161px{ width: 161px; }
.anchura168px{ width: 168px; }
.anchura170px{ width: 170px; }
.anchura175px{ width: 175px; }
.anchura180px{ width: 180px; }
.anchura184px{ width: 184px; }
.anchura190px{ width: 190px; }
.anchura192px{ width: 192px; }
.anchura193px{ width: 193px; }
.anchura194px{ width: 194px; }
.anchura198px{ width: 198px; }
.anchura200px{ width: 200px; }
.anchura205px{ width: 205px; }
.anchura210px{ width: 210px; }
.anchura220px{ width: 220px; }
.anchura225px{ width: 225px; }
.anchura230px{ width: 230px; }
.anchura235px{ width: 235px; }
.anchura240px{ width: 240px; }
.anchura245px{ width: 245px; }
.anchura250px{ width: 250px; }
.anchura260px{ width: 260px; }
.anchura263px{ width: 263px; }
.anchura280px{ width: 280px; }
.anchura300px{ width: 300px;  }
.anchura320px{ width: 320px;  }
.anchura324px{ width: 324px;  }
.anchura329px{ width: 329px;  }
.anchura332px{ width: 332px;  }
.anchura334px{ width: 334px;  }
.anchura335px{ width: 335px;  }
.anchura340px{ width: 340px; }
.anchura350px{ width: 350px;  }
.anchura355px{ width: 355px;  }
.anchura358px{ width: 358px; }
.anchura360px{ width: 360px; }
.anchura361px{ width: 361px; }
.anchura370px{ width: 370px; }
.anchura377px{ width: 377px; }
.anchura380px{ width: 380px; }
.anchura390px{ width: 390px; }
.anchura400px{ width: 400px; }
.anchura405px{ width: 405px; }
.anchura406px{ width: 406px; }
.anchura408px{ width: 408px; }
.anchura410px{ width: 410px; }
.anchura420px{ width: 420px; }
.anchura429px{ width: 429px; }
.anchura430px{ width: 430px; }
.anchura432px{ width: 432px; }
.anchura435px{ width: 435px; }
.anchura440px{ width: 440px; }
.anchura445px{ width: 445px; }
.anchura450px{ width: 450px; }
.anchura460px{ width: 460px; }
.anchura468px{ width: 468px; }
.anchura464px{ width: 464px; }
.anchura475px{ width: 475px; }
.anchura480px{ width: 480px; }
.anchura500px{ width: 500px; }
.anchura520px{ width: 520px; }
.anchura524px{ width: 524px; }
.anchura560px{ width: 560px; }
.anchura565px{ width: 565px; }
.anchura585px{ width: 585px; }
.anchura600px{ width: 600px; }
.anchura615px{ width: 615px; }
.anchura625px{ width: 625px; }
.anchura630px{ width: 630px; }
.anchura640px{ width: 640px; }
.anchura644px{ width: 644px; }
.anchura645px{ width: 645px; }
.anchura646px{ width: 646px; }
.anchura870px{ width: 870px; }

.anchura260pxImportant{ width: 260px !important; }
.anchura265pxImportant{ width: 265px !important; }
.anchura270pxImportant{ width: 270px !important; }
.anchura280pxImportant{ width: 280px !important; }
.anchura292pxImportant{ width: 292px !important; }
.anchura295pxImportant{ width: 295px !important; }
.anchura297pxImportant{ width: 297px !important; }
.anchura300pxImportant{ width: 300px !important; }
.anchura305pxImportant{ width: 305px !important; }
.anchura310pxImportant{ width: 310px !important; }
.anchura315pxImportant{ width: 315px !important; }
.anchura322pxImportant{ width: 322px !important; }
.anchura400pxImportant{ width: 400px !important; }
.anchura410pxImportant{ width: 410px !important; }
.anchura420pxImportant{ width: 420px !important; }
.anchura536pxImportant{ width: 536px !important; }
.anchura611pxImportant{ width: 611px !important; }
.anchura810pxImportant{ width: 810px !important; }

.altura80porcentaje{ height: 80%; }
.altura91porcentajeImportant{ height: 91% !important; }
.altura94porcentaje{ height: 94%; }
.altura95porcentaje{ height: 95%; }
.altura100porcentaje{ height: 100%; }
.altura100porcentajeImportant{ height: 100% !important; }
.anchuraMaxima100Porcentaje{ max-width: 100% !important; }

.alturaAuto{ height: auto; }

.altura15px{ height: 15px; }
.altura25px{ height: 25px; }
.altura30px{ height: 30px; }
.altura32px{ height: 32px; }
.altura40px{ height: 40px; }
.altura60px{ height: 60px; }
.altura70px{ height: 70px; }
.altura100px{ height: 100px; }
.altura130px{ height: 130px; }
.altura150px{ height: 150px; }
.altura500px{ height: 500px; }



.margenIzquierda0px{ margin-left: 0px;}
.margenIzquierda2px{ margin-left: 2px;}
.margenIzquierda5px{ margin-left: 5px;}
.margenIzquierda8px{ margin-left: 8px;}
.margenIzquierda10px{ margin-left: 10px;}
.margenIzquierda12px{ margin-left: 12px;}
.margenIzquierda15px{ margin-left: 15px;}
.margenIzquierda20px{ margin-left: 20px;}
.margenIzquierda23px{ margin-left: 23px;}
.margenIzquierda25px{ margin-left: 25px;}
.margenIzquierda30px{ margin-left: 30px;}
.margenIzquierda40px{ margin-left: 40px;}
.margenIzquierda45px{ margin-left: 45px;}
.margenIzquierda60px{ margin-left: 60px;}
.margenIzquierda70px{ margin-left: 70px;}
.margenIzquierda80px{ margin-left: 80px;}
.margenIzquierda93px{ margin-left: 93px;}
.margenIzquierda98px{ margin-left: 98px;}
.margenIzquierda110px{ margin-left: 110px;}
.margenIzquierda120px{ margin-left: 120px;}
.margenIzquierda130px{ margin-left: 130px;}
.margenIzquierda134px{ margin-left: 134px;}
.margenIzquierda150px{ margin-left: 150px;}
.margenIzquierda156px{ margin-left: 156px;}
.margenIzquierda165px{ margin-left: 165px;}
.margenIzquierda200px{ margin-left: 200px; }
.margenIzquierda205px{ margin-left: 205px; }
.margenIzquierda235px{ margin-left: 235px;}
.margenIzquierda250px{ margin-left: 250px;}
.margenIzquierda287px{ margin-left: 287px; }
.margenIzquierda340px{ margin-left: 340px; }
.margenIzquierda400px{ margin-left: 400px; }
.margenIzquierda460px{ margin-left: 460px; }

.margenIzquierda50porcentaje{ margin-left: 50%; }

.margenDerecha5px{ margin-right:5px; }
.margenDerecha6px{ margin-right:6px; }
.margenDerecha14px{ margin-right:14px; }
.margenDerecha40px{ margin-right: 40px;}
.margenDerecha60px{ margin-right: 60px;}

.margenSuperior-10px{margin-top: -10px;}
.margenSuperior-1px{margin-top: -1px;}
.margenSuperior0px{margin-top: 0px;}
.margenSuperior2px{margin-top: 2px;}
.margenSuperior4px{margin-top:4px; }
.margenSuperior5px{margin-top:5px; }
.margenSuperior8px{margin-top: 8px;}
.margenSuperior10px{margin-top: 10px;}
.margenSuperior12px{margin-top: 12px;}
.margenSuperior15px{margin-top: 15px;}
.margenSuperior20px{margin-top: 20px;}
.margenSuperior25px{margin-top: 25px;}
.margenSuperior75px{margin-top: 75px;}

.margenSuperior33porcentaje{margin-top: 33%;}

.margenInferior3px { margin-bottom:3px; }
.margenInferior5px { margin-bottom:5px; }
.margenInferior8px {margin-bottom: 8px;}
.margenInferior10px {margin-bottom:10px;}
.margenInferior15px { margin-bottom:15px; }
.margenInferior20px { margin-bottom:20px; }

.margen0Important { margin:0px !important; }

.paddingIzquierda5px{padding-left: 5px;}
.paddingIzquierda10px{padding-left: 10px;}
.paddingIzquierda20px{padding-left: 20px;}
.paddingIzquierda45px{padding-left: 45px;}
.paddingIzquierda80px{padding-left: 80px;}
.paddingIzquierda155px{padding-left: 155px;}
.paddingIzquierda200px{padding-left: 200px;}
.paddingIzquierda340px{padding-left: 340px;}

.paddingDerecha4px {padding-right: 4px;}
.paddingDerecha5px{padding-right: 5px;}
.paddingDerecha26px{padding-right: 26px;}

.paddingSuperior0px{padding-top: 0px;}
.paddingSuperior2px{padding-top: 2px;}
.paddingSuperior3px{padding-top: 3px;}
.paddingSuperior5px{padding-top: 5px;}
.paddingSuperior10px{padding-top: 10px;}
.paddingSuperior13px{padding-top: 13px;}
.paddingSuperior20px{padding-top: 20px;}
.paddingSuperior30px{padding-top: 30px;}

.paddingInferior0px{padding-bottom: 0px;}
.paddingInferior10px{padding-bottom: 10px;}
.paddingInferior20px{padding-bottom: 20px;}
.paddingInferior30px{padding-bottom: 30px;}

.paddingIzquierda1em{padding-left:1em;}
.padding1em1_4em{padding:1em 1.4em;}

.invisible{display: none;}

.relative{position: relative;}

.floatDerecha{ float: right; }
.floatIzquierda{ float: left; }

.textAlignLeft{text-align: left;}
.textAlignRight{text-align: right;}
.textAlignJustify{text-align:justify;}

.clearAmbos { clear:both; }
.clearInherit {clear: inherit;}
.clearNone { clear:none; }


.nombreCSS {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
}