﻿
/*body {
    zoom: 90%;
    -moz-transform: scale(0.9);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.9);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.9);
    -webkit-transform-origin: 0 0;
    transform: scale(0.9);
    transform-origin: 0 0;
}*/
/*.zoom {
    zoom: 85%;
}*/

.container {
	margin: 0 auto;
	width: 95%;
	max-width: 1200px;
}

.containerimg {
    display:normal;
}

.FontSize15 {
    font-size:15px;
}


@media screen and (min-width: 50px) and (max-width: 766px)  {
    .FontSize15 {
        font-size: 9px;
    }
    .containerimg {
        display:none;
    }
}

@media screen and (min-width: 767px) and (max-width: 949px) {
    .FontSize15 {
        font-size: 10px;
    }
}

@media screen and (min-width: 950px) and (max-width: 1500px) {
    .FontSize15 {
        font-size: 12px;
    }
}
.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

/*.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}*/    
    
/*.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}*/

.bordered th {
    /*background-color: #dce9f9;*/
    background-color: #ffe48d;
    
   
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);*/
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

  .ComboxAspx
        {
            border:2px solid #eaf2ff;
            border-radius:5px;
            padding:3px;
            -webkit-appearance: none; 

            background-repeat:no-repeat;
            background-color:#ffe48d;
           
            /*text-indent: 0.01px;/*In Firefox*/

        }

 
        .LabelSerebe {
            font-family:Verdana; 
            /*font-size: 50px;*/
            font-size: 3vw;
            color:white;
            font-weight:bold;
        }
        .labelEquipo {
          color: #2273AA;
          font-size: 16px;
          font-weight:bolder;
          font-family:Verdana;
        }

        .labelTextbox {
          color: #2273AA;
          font-size: 12px;
          font-family:Verdana;
        }
        /* Menús y Botones */
        .MenuOut{
	        background-color:#BBD4F8; 
	        border-color:White;
	        border-width:1px;
	        border-style:solid;  
	  
        }
        .MenuOver{
	        background-color:#D4E4FA; 
	        border-color:#002D96;
	        border-width:1px;
	        border-style:solid; 
        }
        .MenuOutE{
	        background-color:#BBD4F8; 
	        border-color:White;
	        border-width:1px;
	        border-style:solid;
            cursor:pointer; 
	  
        }
        .MenuOverE{
	        background-color:#D4E4FA; 
	        border-color:#002D96;
	        border-width:1px;
	        border-style:solid;
            cursor:pointer;  
        }
        .btn {
          background: #3498db;
          background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
          background-image: -moz-linear-gradient(top, #3498db, #2980b9);
          background-image: -ms-linear-gradient(top, #3498db, #2980b9);
          background-image: -o-linear-gradient(top, #3498db, #2980b9);
          background-image: linear-gradient(to bottom, #3498db, #2980b9);
          -webkit-border-radius: 28;
          -moz-border-radius: 28;
          border-radius: 28px;
          font-family: Verdana ;
          color: #ffffff;
          font-size: 11px;
          /*padding: 10px  20px 10px 20px;*/
          text-decoration: none;
        }

        .btn:hover {
          background: #3cb0fd;
          background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
          background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
          background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
          background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
          background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
          text-decoration: none;
        }

        .LinkClass
        {
            padding-left:0px;
            text-decoration: none;
            font-family: Verdana ;
            font-size: 11px;
            color:brown;
            /*background-image:url('Imagenes/Maquina.png'); background-repeat:no-repeat; background-position: 5% 50%;*/ 
        }
        .LinkClass:hover
        {
            
            border: solid 1px Black;
            background-color: #3cb0fd;
        }
        .LinkClassSelect
        {
            padding-left:0px;
            text-decoration: none;
            font-family: Verdana ;
            font-size: 11px;
            color:brown;
            /*background-image:url('Imagenes/Maquina.png'); background-repeat:no-repeat; background-position: 5% 50%;*/             
            border: solid 1px Black;
            background-color: #3cb0fd;
        }
        /*Paginacion Grid*/

        .pagerstyle 
        {
	        font-size:x-small;
	        text-align:right;
            background-position: bottom left;
            background: #D0DEF0 url(images/toolbarbck.gif) repeat-x scroll left top;
        }

        .gopag 
        {
            font-size:x-small;
            width:20px;
        }

        .pagprev
        {
            /*background:transparent url(images/previous.png) no-repeat scroll center;*/
            background: url('images/pagination_icons.png') no-repeat -16px center;
            height:1.3em;
            width:16px;
            cursor:pointer;
            border:0px;
        }
        
        .pagnext
        {
            /*background:transparent url(images/next.png) no-repeat scroll center;*/
            background: url('images/pagination_icons.png') no-repeat -32px center;
            height:1.3em;
            width:16px;
            cursor:pointer;
            border:0px;
        }

        .pagfirst
        {
            /*background:transparent url(images/first.png) no-repeat scroll center;*/
            background: url('images/pagination_icons.png') no-repeat 0 center;
            height:1.3em;
            width:16px;
            cursor:pointer;
            border:0px;
        }
        
        .paglast
        {
            /*background:transparent url(images/last.png) no-repeat scroll center;*/
            background: url('images/pagination_icons.png') no-repeat -48px center;
            height:1.3em;
            width:16px;
            cursor:pointer;
            border:0px;
        }
        .LabelCabecerasSplit {
            font-family: Calibri;
            font-size: 12px;
            font-weight: bold;
            color:#000033;
        }

        .LabelErrorVal {
            font-family: Calibri;
            font-size: 12px;
            font-weight: bold;
            color:red;
        }

        .PanelControl
        {
            background-color:#eaf2ff;
        }

/*Upload Files*/

div.custom_file_upload {
	width: 230px;
	height: 20px;
	margin: 40px auto;
}

input.file {
	width: 150px;
	height: 20px;
	border: 1px solid #BBB;
	border-right: 0;
	color: #888;
	padding: 5px;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	
	outline: none;
}

div.file_upload {
	width: 80px;
	height: 24px;
	background: #7abcff;
	background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
	background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );

	display: inline;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 8px;
}
div.file_upload:before {
	content: 'UPLOAD';
	position: absolute;
	left: 0; right: 0;
	text-align: center;
	
	cursor: pointer;
}

div.file_upload input {
	position: relative;
	height: 30px;
	width: 250px;
	display: inline;
	cursor: pointer;
	opacity: 0;
}
/*Fin Upload Files*/

.centrado-porcentual {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}


