input[type=text],input[type=password],input[type=email],input[type=file], textarea { 
	width: 90%;
	margin:0px !important;
	border-radius: 0px !important; 
    border: 1px solid #CCC; 
	color:#000; 
	font-family: Verdana; 
	font-size: 12px;
	margin: 3px;
	padding: 3px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;  
	background-color: #F1F1F1; 
	-khtml-border-radius:10px;
        text-align: center;
} 
input[type=password]{
	color: #0099FF !important;
}
input[type=email]:hover, input[type=text]:hover{ 
	color: #000;
/*	background-color: #FFF;*/
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
input[type=password]:hover{
	color:#0099FF !important;
/*	background-color: #FFF;*/
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

.inputLoginCorreo
{
     width: 100%;
    height: 42px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: Montserrat;
    padding: 0 20px 0 50px;
    outline: none;
    background: #fff url('../../imagenes/usuariologo.png') 20px top no-repeat !important;
    background-size: 16px 80px !important;
}


.inputLoginCorreo:focus {
    background: #fff url('../../imagenes/usuariologo.png') 20px bottom no-repeat !important;
    background-size: 16px 80px !important;
}

.inputLoginClave
{
     width: 100%;
    height: 42px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: Montserrat;
    padding: 0 20px 0 50px;
    outline: none;
    background: #fff url('../../imagenes/candadologo.png') 20px top no-repeat !important;
    background-size: 16px 80px !important;
}


.inputLoginClave:focus {
    background: #fff url('../../imagenes/candadologo.png') 20px bottom no-repeat !important;
    background-size: 16px 80px !important;
}

.inputLoginClave:active, .inputLoginClave:focus {
    border: 1px solid #0099FF !important;
}

.inputLoginCorreo:active, .inputLoginCorreo:focus {
    border: 1px solid #0099FF !important;
}






.ui-button:hover{
	color:black !important;
        background: white !important;
/*	background-color: #FFF;*/
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

/*Estilo usado para el menu del usuario que se muestra en la esquina superior derecha*/

.AdministracionUsuario
{
    position: relative; 
    float:left;
    height: 30px; 
    width: 250px; 
    padding: 0em;
     opacity: 1 !important;
     background: #e6e6e6 !important;
}

.AdministracionUsuario ul li ul{
    width: 242px;
}

.BtnRegresar
{
    position: relative;
    float: Left;
}


.reproductor
{width: 100%;/*para una relación 16:9*/
 background-color: black !important;
}

.panelLista td
{
    width: 60px;
}

.contenedorSecundario
{   border-width: 0px !important; 
    background: transparent !important;
    background-color: transparent !important;}
.contenedorSecundario tr
{   border-width: 0px !important; 
    background: transparent !important;
    background-color: transparent !important;}
.contenedorSecundario td
{   border-width: 0px !important; 
    color: black;
    background: transparent !important;
    background-color: transparent !important;}


.panelSecundario
{   border-width: 0px !important; 
    background: transparent !important;
    background-color: transparent !important;}
.panelSecundario tr
{   border-width: 0px !important; 
    background: transparent !important;
    background-color: transparent !important;}
.panelSecundario td
{   border-width: 0px !important; 
    color: black;
    background: transparent !important;
    background-color: transparent !important;}

.panelSecundario div
{   border-width: 0px !important; 
    color: black;
    background: transparent !important;
    background-color: transparent !important;
}


.imgPlay 
{
    
    width: 123px;
height: 140px;
position: relative;
left: -22px;
top: -43px;
z-index: 1;
float: left;


}

.imgPlay:hover 
{
width: 123px;
height: 140px;
position: relative;
left: -22px;
top: -43px;
z-index: 1;
float: left;
opacity: 0.6;
background-image: url("../../imagenes/playover.png");
background-repeat: no-repeat;
background-position: center center;
box-shadow: 10px 10px 10px rgba(255,255,255,0.5);
border: -2px solid white;
cursor: pointer;
background-color: black;
}





 .overFacebook
                {
                     width: 260px;
                     height: 193px;
                     background: #3399ff url("../../imagenes/estela.png") no-repeat !important;
                     display: block;
                     right: -214px;
                     padding: 0;
                     position: fixed;
                     top: 70px;
                     z-index: 1005; 
                     float: right;
                         background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#73b9ff),color-stop(100%,#3399ff));
    background: -webkit-linear-gradient(#73b9ff,#3399ff);
    background: -moz-linear-gradient(#73b9ff,#3399ff);
    background: -ms-linear-gradient(#73b9ff,#3399ff);
    background: -o-linear-gradient(#73b9ff,#3399ff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73b9ff', endColorstr='#3399ff');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73b9ff', endColorstr='#3399ff');
    background: linear-gradient(#73b9ff,#3399ff);
    outline: 0;
    border: 1px solid #0059b3;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    font-weight: bold;
    -moz-box-shadow: 0 0 8px #3399ff;
    -webkit-box-shadow: 0 0 8px #3399ff;
    box-shadow: 0 0 8px #3399ff;
                }
                
    .overFacebook:hover
                {
                    right: 93px !important;
                }
                
    .overFacebookDiv
    {
        position: relative;left: 52px;top: -1px; width: 300px;
        background-color: #3399ff;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#73b9ff),color-stop(100%,#3399ff));
    background: -webkit-linear-gradient(#73b9ff,#3399ff);
    background: -moz-linear-gradient(#73b9ff,#3399ff);
    background: -ms-linear-gradient(#73b9ff,#3399ff);
    background: -o-linear-gradient(#73b9ff,#3399ff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73b9ff', endColorstr='#3399ff');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73b9ff', endColorstr='#3399ff');
    background: linear-gradient(#73b9ff,#3399ff);
    outline: 0;
    border: 1px solid #0059b3;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    font-weight: bold;
    -moz-box-shadow: 0 0 8px #3399ff;
    -webkit-box-shadow: 0 0 8px #3399ff;
    box-shadow: 0 0 8px #3399ff;
    }
  
    .contenedor001{
        width: 100%;
        position: fixed;
        background: #fff;
        height: 60px;  
    }
   
    .contenedor001 div.ui-menubar{
        float: right;
        
    }
    .PanelLeftSuperior{
        color: black !important;
        background: white;
        padding: 0px !important;
    }
    .PanelLeftSuperior div{
        background: white;
        padding: 0px !important;
        overflow-y: hidden !important;
    }
    .PanelLeftSuperior h3{
        background: white !important;
        border-left: none !important;
        border-right: none !important;
        border-radius: 0px !important;
        border-color: #000 !important;
        border-width: 1px 0 0 !important;
        border-color: #a6a6a6 !important;
        box-shadow: none !important;
        font-size: 16px !important;
        
    }
    .PanelLeftSuperior div.ui-panelmenu-panel ul li a {
        color: #262626 !important;
        font-size: 16px !important;
    }
    .PanelLeftSuperior .ui-panelmenu-header a {
        color:#262626 !important;
        font-weight: normal;
        text-shadow: none;
        
    }
    .menuSupt{
    position: absolute;
    right: 0;
    top: 0;
    height:50px;
    }
    #navResp{
        display: none;
        cursor: pointer;
    }
    #contenedor{
            margin-left: 250px;
        }
        .menuResponsive{
            left:3%;font-size: 20px;position:relative; top:14px;
        }
        .imglogo{
            position: absolute;
            left: 0;
        } 
        .pnlgridcol2{
           width: 50%;
        }
        .pnlgridcol2 div.ui-grid-row div:nth-child(1){
            max-width: 180px !important;
        }
        .pnlgridcol4{
            width: 100%; 
            
        } 
        .pnlgridcol4 div.ui-grid-row div:nth-child(1){
            max-width: 180px !important;
        }
        .pnlgridcol4 div.ui-grid-row div:nth-child(3){
            max-width: 180px !important;
        }
        .pnlgridcol6{
            width: 100%;;
        }
        .pnlgridcol6 div.ui-grid-row div:nth-child(1){
            max-width: 180px !important;
        }
        .pnlgridcol6 div.ui-grid-row div:nth-child(3){
            max-width: 180px !important;
        }
        .pnlgridcol6 div.ui-grid-row div:nth-child(5){
            max-width: 180px !important;
        }
        .ui-datatable table {
            border: 1px solid #ccc !important;
        }
        .ui-state-default, .ui-widget-content.ui-state-default, .ui-widget-header.ui-state-default {
            background: rgba(0, 0, 0, 0) linear-gradient(#f8f8f8, #f8f8f8) repeat scroll 0 0;
        }
        .ui-button {
            background: #007ac1 none repeat scroll 0 0;
            border: 1px solid #007ac1;
            color: white;
            text-shadow: none;
            border-radius: 5px;
        }

        .ui-state-active .ui-icon {
                background-image: url("/javax.faces.resource/images/ui-icons-dark.png.xhtml?ln=primefaces-afternoon");
            }
        .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
           /*background: rgba(0, 0, 0, 0) linear-gradient(#fff, #fff) repeat scroll 0 0;*/
            background-color: #3399ff;
            border: 1px solid #0059b3;
            box-shadow: 0 0 0 #3399ff;
            color: #000;
            font-weight: bold;
            text-shadow: none;
        }
        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
        {
            color: #000;
        }
            .ui-widget-header {
             background: rgba(0, 0, 0, 0) linear-gradient(#cceeff, #cceeff) repeat scroll 0 0;

            }
        .ui-widget-content {
            background: rgba(0, 0, 0, 0) linear-gradient(#f8f8f8, #f8f8f8) repeat scroll 0 0;
        
        }
        .ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
            box-shadow: none !important;
        }
        .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
            background: rgba(0, 0, 0, 0) linear-gradient(#ffffff, #cceeff) repeat scroll 0 0;
            box-shadow: none;
            }
            .pnlbordes ul{
                border: 1px solid #ccc !important;
            }    
        .pnlgridcolumnag
        {
            max-width: 800px !important;
        }
        .pnlgridcolumn1{
            width: 50%;
        }
        .pnlgridcolumn2{
            width: 100%;
        }
        
        #ui-datepicker-div{
            border: 1px solid #9D9D9D !important; 
            background: #ffffff !important;
        }
        .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
            box-shadow: none; 
            }
            .ui-inputtext.ui-state-error {
                border: 1px solid #ff1a1a;
            }
            .ui-dialog{position: absolute !important; overflow :visible;margin-left:100px;margin-right: 200px;}
     @media only screen and (max-width: 940px)
     {
        .imgNombre{
            display: none;
        } 
        .pnlgridcol2{
           width: 100%;
        }   
        .ui-dialog{position: absolute !important; overflow :visible;margin-left:100px;margin-right: 200px;}
        
     }
    @media only screen and (max-width: 700px)
    {
        .ui-dialog{position: absolute !important; overflow :visible;margin-left:30px;margin-right: 50px;}
        .pnlgridfil1{
            width: 100%;
            float: left;
        }
        .imglogo{
            left: 30px;
            top: 5px;
            width: 144px !important;
            height: 40px;
        }  
        
        #navResp{
        display: block;
        left: 9px;
        position: absolute;
        width: 20px;
    }
       
        #left{
            position: fixed;
            display: none;
            
        }
         
        #contenedor{
            margin-left: 0px;
        }
        
        
     
    }
    .column1{
        max-width: 180px !important;
    }