/* 
    Document   : common
    Created on : Nov 14, 2012, 4:16:14 PM
    Author     : maxtorzito
    Description:
        Purpose of the stylesheet follows.
*/

body { 
    font-size: 12px !important;
    background-image: url('../resources/images/background.jpg');
    background-repeat: repeat;
}

.width-contenido-pagina{
    width: 940px;
}

.contenedor-general{
    border-width: 1px; border-style: solid; background-color: #fff;
}

.align_left{
    text-align: left;
}

.align_right{
    text-align: right;
}

.align_center{
    text-align: center;
}

.margin-top-5{
    margin-top: 5px;
}

.margin-top-10{
    margin-top: 10px;
}

.margin-top-20{
    margin-top: 10px;
}

.margin-bottom-10{
    margin-bottom: 10px;
}

.margin-bottom-20{
    margin-bottom: 20px;
}

.margin-bottom-30{
    margin-bottom: 30px;
}
.margin-left-10{
    margin-left: 10px;
}

.margin-right-10{
    margin-right: 10px;
}

.margin-top-30{
    margin-top: 30px;
}

.float-left{
    float: left;
}

.float-right{
    float: right;
}


.seleccion-formato{
    width: 220px; 
    height: 270px; 
    float: left; 
    margin-right: 11px; 
    margin-bottom: 11px;
    border-width: 2px;
    border-style: solid;
}

.imagen-formato-preview{
    width: 220px; 
    height: 250px;
}

.header-formato{
    background-color: #084790;
    color: white; 
    font-weight: bold;
}

div.agregar-editar .columna1 {
    display: block;
    font-weight: bold;
    float:left;
    min-width: 160px;
    max-width: 250px;
    text-align:right;
    padding:5px 5px 0 0;
}

div.agregar-editar .columna2 {
    display: block;
    float:left;
    max-width: 300px;
    text-align:left;
    padding:5px 5px 0 0;
}


/*PARA LOS MENSAJES DE ERROR*/
.aviso-cambio-password {
    border: #ee172c 2px solid !important;
    background-color: transparent !important;
    background-image: url('../resources/images/red_color.png') !important;
    font-size: 15px; 
    color: #ffffff !important; 
    font-weight: bold; 
    text-transform: uppercase;
}


.column-form{
    float: left;
    margin-left: 10px;
    vertical-align: central;
}

.button-search-form{
    padding-top: 8px;
    clear: both;
}

.negrita{
    font-weight: bold;
}

.new-row{
    clear:both;
}

.small-paginator-header .ui-datatable .ui-paginator, .ui-datatable .ui-paginator{
    font-size: 12px;
    color: #1557ce;
}

.users-options{
    text-align: right; 
    margin-top: 3px;
}

.users-options .ui-buttonset{
    margin-right: 0px !important;
}

.encabezado{
    font-weight: bold;
    font-size: 20px;
}

.encabezado_detalle{
    font-weight: bold;
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.centrado{
    text-align: center;
}

.myfooter{
    text-align:right !important;
    background-image: none !important;
    background-color: transparent !important;
}

.myfooter-summary-subtotal{
    border-bottom: transparent !important;
}

.myfooter-summary-iva{
    border-top: transparent !important;
    border-bottom: transparent !important;
}

.myfooter-summary-total{
    border-top: transparent !important;
}

.panelgrid-non-border tr, .panelgrid-non-border td{
    border: none !important;
}

.panelgrid-non-background tr .panelgrid-non-background td{
    background-color: none !important;
    background-image:  none !important;
}


.autocomplete-visible{
    overflow: auto; max-height: 200px;
}

.clear_both{
    clear: both;
}

.magenta{
    color: #EC008C;
}

.azul-bajo{
    color:#1557ce
}

.azul-fuerte{
    color:#084790
}


.panel-grid-sin-bordes tr, .panel-grid-sin-bordes td {
    border: none !important;
}


.respuesta-correcta{
    color: #1557ce;
    background-color: #ffff00
}



.lista-preguntas-examen-orden  .ui-orderlist-list{
    width: 880px !important;
    height: 250px !important;
}



.pregunta-descripcion{
    font-size: 15px;
}

.imagen-responsiva-centrada{
    margin: 0 auto;
}

/*tomado de bootstrap*/
img{vertical-align:middle}.img-responsive{display:block;height:auto;max-width:100%}