html, body {
        height:100%;
        width:100%;
        margin:0;
        padding:0;
    }
    textarea {
    	resize: none;
        width: 100%;
        height: auto;
        outline: none;
        min-width: 80%;
        font-size:11px;
        font-type:Arial;
        text-align: justify;
    }
    a {
        cursor:pointer;
    }
    input[type=checkbox]{
        cursor:pointer;
    }
    body {
        background-image: url("../Version/Prueba.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
        padding-top: 80px; /* Relleno superior igual a la altura de la cabecera*/
    }
    .container{
       /*position: absolute;
		/*nos posicionamos en el centro del navegador*/
		top:10%;
		left:50%;
		padding-left:25%;
		/*determinamos una anchura*/
		width:50%;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		/*margin-left:-300px;*/
		/*determinamos una altura*/
		height:500px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		/*margin-top:-400px;*/
       
      /* border:4px solid #00ff00;*/
       /*
        padding-top: 80px; /* Relleno superior igual a la altura de la cabecera*/
	}
    
    div.main{
        background: rgba(255, 255, 255, 0.75);
        width: 100%;
        margin-top: 35px;
        margin-left:-50px;
        /*float:left;*/
        border:2px solid #ff0000;
        padding:0px 50px 0px;
        
        font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
        border-radius: 20px 20px 20px 20px;
    	-moz-border-radius: 20px 20px 20px 20px;
        -webkit-border-radius: 20px 20px 20px 20px;
    }
    
    .radares {
        width: 48%;
        height: auto;
        float:left;
        border-style: solid;
        border:1px;
    }
    .radaresA {
        width: 99%;
        height: auto;
        float:left;
        border-style: solid;
        border:1px;
    }
    .mep{
        margin-bottom:10px;
        padding-bottom:10px;
    }
    /*
    .boton0{
         width: 100%;
    }
    */
    .boton1{
         width: 25%;
         float:left;
    }
    
    .radaresImg1 {
        width: 98%;
        height: auto;
        float:left;
        border-style: solid;
        border:1px;
        margin-top:4%;
        user-select: none;
        
    }
    .radaresImgInfo {
        width: 90%;
        height: auto;
        float:left;
        margin-top:-10%;
        font-weight:bold;
        font-size:11px;
        text-align: left;
        user-select: none;
        /*
        border-style: solid;
        border:1px;
        */
    }
    .radaresImgInfo1 {
        width: 90%;
        height: auto;
        float:left;
        border-style: solid;
        border:1px;
        font-weight:bold;
        font-size:11px;
        user-select: none;
    }
    
    .radaresImg2 {
        width: 24%;
        height: auto;
        min-height: 120px;
        margin-left:1%;
        float:left;
        text-align: center;
        user-select: none;
        /*
        border-style: solid;
        border-color:red;
        border:2px;
        */
        
    }
    .radaresImg2:hover {
        background: rgba(255, 255, 255, 0.35);
    }
    
    .radaresImg3 {
        width: 95%;
        height: auto;
        float:left;
        text-align: center;
        user-select: none;
        /*
        border-style: solid;
        border:1px;
        */
    }
    
    .radaresImg4{
        width: 95%;
        height: auto;
        float: left;
        text-align: center;
        padding-bottom: initial;
        margin-bottom: auto;
        user-select: none;
        
    }

    .imgRadares1 {
        width: 100px;
        /*
        margin-top:-15%;
        margin-left:-10%;
        */
    }
    .imgRadares1a {
        width: 100px;
    }
    .imgRadares1c {
        width: 100px;
    }
    .imgRadares1d {
        width: 100px;
    }
    .imgRadares2 {
        width: 100px;
        
    }
     .imgRadares2a {
        width: 100px;
    }
    .imgRadares2b {
        width: 80px;
    }
    .notas {
        color:red;
        font-weight:bold;
        font-size:14px;
        
    }
     .selectores {
        width: 98%;
        height: auto;
        float:left;
        border-style: solid;
        border:1px;
    }
    .imgSelector1a{
        width: 80px;
    }
    .imgSelector2a{
        width: 80px;
    }
    .selectorImgInfo1a{
        width: 90%;
        height: auto;
        float:left;
        border-style: solid;
        border:1px;
        margin-top:0%;
        font-weight:bold;
        font-size:11px;
        text-align: left;
    }
    .selectorImgInfo2a{
        width: 90%;
        height: auto;
        float:left;
        border-style: solid;
        border:1px;
        margin-top:0%;
        font-weight:bold;
        font-size:11px;
    }
    
    .licencia1{
       width: 100%;
       margin-right:2%;
       margin-bottom:1px;
       height: auto;
       float:left;
      
    }
   .licencia2{
       width: 100%;
       margin-right:2%;
       margin-bottom:1px;
       height: auto;
       float:left;
      
   }
   
    form { margin-top:20px }
    
    .estilotextarea {width:100%;height:100px;border: 1px solid #999; }
    
	h2{
    color: #ffffff;
    background: #ff0000;
    background: -moz-linear-gradient(top, #ff0000 0%, #ff0000 100%);
    background: -webkit-linear-gradient(top, #ff0000 0%,#ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%,#ff0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ff0000',GradientType=0 );
    padding: 32px;
    margin: 0 -50px;
    text-align: center;
border-radius: 11px 11px 0px 0px;
-moz-border-radius: 11px 11px 0px 0px;
-webkit-border-radius: 11px 11px 0px 0px;
	}
     
	 
	h3{
        color: #ffffff;
        background: #ff0000;
        background: -moz-linear-gradient(top, #ff0000 0%, #ff0000 100%);
        background: -webkit-linear-gradient(top, #ff0000 0%,#ff0000 100%);
        background: linear-gradient(to bottom, #ff0000 0%,#ff0000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ffoooo',GradientType=0 
    	);
        padding: 12px;
        margin: 0 -50px;
        text-align: center;
        border-radius: 0px 0px 11px 11px;
        -moz-border-radius: 0px 0px 11px 11px;
        -webkit-border-radius: 0px 0px 11px 11px;
    }
	 
	 
    b{
    font-size:18px;
    display: block;
    color: #555;
        
    }
    
    label{
        color: #464646;
        font-size: 14px;
        font-weight: bold;
    }
    input[type=text],input[type=email]{
        width:96%;
       /* height:25px;*/
        padding:5px;
        /*
        margin-top:5px;
        margin-bottom:15px;
        */
    }
    
    b.estadisticas{
        font-size:17px;
        display: inline;
        color: #555;
        text-decoration:underline;
    }
    

	 
    select{
        margin-bottom: 15px;
        margin-top: 5px;
        width: 100%;
        height: 35px;
        font-size: 12px;}
        
        /*aqui estan los botones enviar*/
        input[type=submit],
        input[type=reset]{
        padding: 10px;
        background: linear-gradient(#c4300b 5%, #ff0000 100%);
        border: 1px;
        color: #f7f7f7;
        cursor: pointer;
        min-width: 20%;
        border-radius: 2px;
        margin-bottom: 15px;
        font-weight:bold;
        font-size:16px;
    }
    
    input[type=button]{
        padding: 10px;
        background: linear-gradient(#c4300b 5%, #ff0000 100%);
        border: 1px;
        color: #f7f7f7;
        cursor: pointer;
        width: 20%;
        border-radius: 2px;
        margin-bottom: 15px;
        font-weight:bold;
        font-size:16px;
        
    }
  
    input[type=button].botonBloqueado{
        padding: 10px;
        background: linear-gradient(#78909C 5%, #78909C 100%);
        border: 1px;
        cursor: pointer;
        width: 20%;
        border-radius: 2px;
        margin-bottom: 15px;
        font-weight:bold;
        font-size:16px;
        
    }
  
    input[type=button].botonfrom1{
        padding: 10px;
        background: linear-gradient(#c4300b 5%, #ff0000 100%);
        border: 1px;
        color: #f7f7f7;
        cursor: pointer;
        width: 25%;
        border-radius: 2px;
        margin-bottom: 8px;
        font-weight:bold;
        font-size:15px;
        min-width: 140px;
    }
     
     
    input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover {
    background: linear-gradient(#c4300b 5%, #b53c05 100%); }
     
    .mensaje {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
    text-align:center;
    color: #4F8A10;
    width: 100%;
    background-color: #DFF2BF;
    }
    
    input[type=button].botonBloqueado{
        padding: 10px;
        background: linear-gradient(#78909C 5%, #78909C 100%);
        border: 1px;
        cursor: pointer;
        width: 20%;
        border-radius: 2px;
        margin-bottom: 15px;
        font-weight:bold;
        font-size:16px;
        
    }
    input[type=button].botonBloqueado:hover {
        background: linear-gradient(#78909C 5%, #78909C 100%);
        cursor: default;
    }
    
    /* Electrocerradura */
    .imgElectrocerradura1{
        width: 80px;
    }
    .electrocerraduraImgInfo1{
        width: 90%;
        height: auto;
        float:left;
        border-style: solid;
        border:1px;
        margin-top:0%;
        font-weight:bold;
        font-size:11px;
    }
    
    .imgElectrocerradura2{
        width: 80px;
    }
    .electrocerraduraImgInfo2{
        width: 90%;
        height: auto;
        float:left;
        border-style: solid;
        border:1px;
        margin-top:-1%;
        font-weight:bold;
        font-size:11px;
    }
    
    
    
    .imgElectrocerradura3{
        width: 80px;
    }
    .electrocerraduraImgInfo3{
        width: 90%;
        height: auto;
        float:left;
        border-style: solid;
        border:1px;
        margin-top:-2%;
        font-weight:bold;
        font-size:11px;
    }
    
    .imgElectrocerradura4{
        width: 80px;
    }
    .electrocerraduraImgInfo4{
        width: 90%;
        height: auto;
        float:left;
        border-style: solid;
        border:1px;
        margin-top:0%;
        font-weight:bold;
        font-size:11px;
    }
    
    
    /*Desbloqueo*/
    .imgDesbloqueo1{
        width: 80px;
    }
    .desbloqueoImgInfo1{
        width: 90%;
        height: auto;
        float:left;
        border-style: solid;
        border:1px;
        margin-top:-1%;
        font-weight:bold;
        font-size:11px;
    }
    .imgDesbloqueo2{
        width: 80px;
    }
    .desbloqueoImgInfo2{
        width: 90%;
        height: auto;
        float:left;
        border-style: solid;
        border:1px;
        margin-top:-1%;
        font-weight:bold;
        font-size:11px;
    }
    
    /* Primera Entrada */
    .imgPrimeraEntrada1{
        width: 80px;
    }
    .primeraEntradaImgInfo1{
        width: 90%;
        height: auto;
        float:left;
        border-style: solid;
        border:1px;
        margin-top:0%;
        font-weight:bold;
        font-size:11px;
    }
    
    .imgPrimeraEntrada2{
        width: 80px;
    }
    .primeraEntradaImgInfo2{
        width: 90%;
        height: auto;
        float:left;
        border-style: solid;
        border:1px;
        margin-top:-1%;
        font-weight:bold;
        font-size:11px;
    }
    
    .imgPrimeraEntrada3{
        width: 80px;
    }
    .primeraEntradaImgInfo3{
        width: 90%;
        height: auto;
        float:left;
        border-style: solid;
        border:1px;
        margin-top:0%;
        font-weight:bold;
        font-size:11px;
    }
    .txtCal{
        text-align: right; 
        font-size:15px;
        font-type:Arial;
        color: black;
    	background-color: #eee;
    	border-width:0;
    	 -moz-appearance:textfield;
    	width: 60px;
    	background: rgba(255, 255, 255, 0.01);
    }
    .txtCal2{
        text-align: center; 
        font-size:15px;
        color: black;
    	background-color: #eee;
    	border-width:0;
    	width: 150px;
    	background: rgba(255, 255, 255, 0.01);
    }
    .txtCalAcc{
        text-align: center; 
        font-size:14px;
        color: black;
    	background-color: #eee;
    	border-width:0;
    	width: 150px;
    	background: rgba(255, 255, 255, 0.01);
    }
    .txtCal3{
        text-align: center; 
        font-size:15px;
        color: black;
    	background-color: #eee;
    	border-width:0;
    	width:150px;
    	background: rgba(255, 255, 255, 0.01);
        padding:0;
        display: inline-block;
    }
    .txtCal4{
        text-align: right; 
        font-size:15px;
        font-type:Arial;
        color: black;
    	background-color: #eee;
    	border-width:0;
    	width: 20px;
    	background: rgba(255, 255, 255, 0.01);
    }
    .prueba001{
        margin:0;
        padding:0;
        white-space:nowrap;
    }
    .txtError{
        text-align: center; 
        font-size:15px;
        font-type:Arial;
        color: red;
    	background-color: #eee;
    	border-width:0;
    	width:  100%;
    	background: rgba(255, 255, 255, 0.01);
    }
    .divTxtError{
        aling-items: center;
    }
    .pageControlNumber{
        text-align: center; 
        font-size:15px;
        font-type:Arial;
        color: black;
    	background-color: #fff;
    	border-width:0;
    	 -moz-appearance:textfield;
    	width:10px;
    	background: rgba(255, 255, 255, 0.01);
    }
    #main-header {
	    background: #333;
	    color: white;
    	height: 80px;
    }	
	#main-header a {
		color: white;
	}
 

 /*cabecera*/
  /*
 * Logo
 */
 #logo-header {
    float: left;
    padding: 15px 0 0 20px;
    text-decoration: none;
}
#logo-header:hover {
    color: #0b76a6;
}

#logo-header .site-name {
    display: block;
    font-weight: 700;
    font-size: 1.2em;
}

#logo-header .site-desc {
    display: block;
    font-weight: 500;
    font-size: 1.0em;
    color: #fdd;
}
/*
 * Navegacion
 */
    nav {
    	float: right;
    }
	nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		padding-right: 20px;
	}
	
	nav ul li {
		display: inline-block;
		line-height: 80px;
	}
		
	nav ul li a {
		display: block;
		padding: 0 10px;
		text-decoration: none;
	}
	
	nav ul li a:hover {
		background: #000;
	}
	
    #main-header {
    	background: #ff0000;
    	color: white;
    	height: 80px;
    	width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la pagina */
    	left: 0; /* Posicionamos la cabecera al lado izquierdo */
    	top: 0; /* Posicionamos la cabecera pegada arriba */
    	position: fixed; /* Hacemos que la cabecera tenga una posición fija */
    	
    	border-bottom: 5px solid #000;
    }

 /*cabecera*/

 
    .pageControlNumber{
        text-align: center; 
        font-size:15px;
        font-type:Arial;
        color: black;
    	background-color: #fff;
    	color:red;
    	border-width:0;
    	 -moz-appearance:textfield;
    	text-align: center;
    	width:10px;
    	background: rgba(255, 255, 255, 0.01);
    	user-select: none;
    }
    #tamanoControlPage{
        display: inline-block;
        width: 35px;
        margin:3px;
        padding:3px;
        text-align: center;
        user-select: none;
    }
    #tamanoControlPageFlecha{
        display: inline-block;
        width: 14px;
        height: 15px;
        margin:1px;
        padding:1px;
        text-align: center;
        cursor:pointer;
    }
    
    
    #tamanoControlPageFlecha:hover {
        background: rgba(255, 255, 255, 0.55);
    }
    #divPageControlHijo{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    #divPageControl{
        width: 100%;
    }
    .divSerchResultado{
        width: 100%;
    }
    
    .serchContainerDate{
        width:100%;
        
    }
    .serchContainerDate1{
        margin:1px;
        padding:1px;
        width: 30%;
        text-align: center;
        display: inline-block;
    }
    .serchContainerDate2{
        margin:1px;
        padding:1px;
        width: 30%;
        text-align: center;
        display: inline-block;
    }
    .serchContainerDate3{
        margin:1px;
        padding:1px;
        width: 30%;
        text-align: left;
        display: inline-block;
        
    }
    .textSerchNew{
        height:15px;
    }
    .textSerchNewContainer{
        width:100%;
    }
    .textSerchNewContainer1{
        width:60%;
        text-align: center;
        display: inline-block;
        margin:2px;
        padding:2px;
       
    }
    .textSerchNewContainer2{
        width:20px;
        text-align: center;
        margin:1px;
        margin-left:3px;
        padding:1px;
        display: inline-block;
        
    }
    
  
    .checkBoxSerchPersonalizado{
         /*transform: scale(1.3);*/
         width: 1.5em; 
         height: 1.5em; 
         margin-bottom: 0px;
         margin-top: 2px;
         vertical-align: bottom;
    }
    table.tableSerch{
        border-collapse: collapse;
        border:1px;
        border-color:red;
        width:100%;
        font-size: 13px;
    }
    
    thead.tableSerchThead >tr>th{
        border-bottom: solid;
    }
    
    table.tableSerch > tbody > tr>td:nth-child(1){
        width:15%;
        text-align: left;
        /*border-bottom: solid;*/
    }
    table.tableSerch > tbody > tr>td:nth-child(2){
        width:22%;
        text-align: left;
    }
    table.tableSerch > tbody > tr>td:nth-child(3){
        width:33%;
        text-align: left;
    }
    table.tableSerch > tbody > tr>td:nth-child(4){
        width:15%;
        text-align: center;
    }
    table.tableSerch > tbody > tr>td:nth-child(5){
        width:15%;
        text-align: center;
    }
    
    thead.tableSerchThead >tr>th:nth-child(1){
        width:15%;
        text-align: left;
    }
    thead.tableSerchThead >tr>th:nth-child(2){
        width:22%;
        text-align: left;
    }
    thead.tableSerchThead >tr>th:nth-child(3){
        width:33%;
        text-align: left;
    }
    thead.tableSerchThead >tr>th:nth-child(4){
        width:15%;
        text-align: center;
    }
    thead.tableSerchThead >tr>th:nth-child(5){
        width:15%;
        text-align: center;
    }
    
    input[type="date"]::-webkit-clear-button {
        display: none;
    }
    
    #filtrarSerchButton{
         padding: 10px;
        background: linear-gradient(#c4300b 5%, #ff0000 100%);
        border: 1px;
        color: #f7f7f7;
        cursor: pointer;
        width: 20%;
        border-radius: 2px;
        margin-bottom: 15px;
        font-weight:bold;
        font-size:14px;
    }
    #divFiltrarSerchButton{
        width:100%;
         text-align: center;
    }
    
    .filaForm1{
        width: 100%;
    }
    .titleFilaForm1{
        padding-bottom: 10px;
    }
    .contentFilaForm1{
        display: inline-block;
        /* color: black; */
        /* box-sizing: border-box; */
        width: 100%;
    }
    .buttonFilaForm1{
        display: inline;
        box-sizing: border-box;
        padding: 10px;
    }
    
    /** pagina budget
    *
    */
    
    .contentFilaBudget{
        width: 100%;
    }
    .contentFilaBudget1{
        margin:1px;
        padding:1px;
        width: 30%;
        max-width: 150px;
        display: inline-block;
    }
    .contentFilaBudget2{
        margin:1px;
        padding:1px;
        width: 70%;
        max-width: 200px;
        text-align: center;
    }
    .contentFilaBudgetTextArea{
        margin:1px;
        margin-left:6px;
        padding:1px;
        max-width: 400px;
        width: 68%;
        text-align: center;
    }
    .budgetTextArea{
        font-size:13px;
    }

    .aClass{
        margin-top: .2em;
        margin-bottom: .2em;
        margin-left: 2em;
        margin-right: .2em;
    }
    .radioItemVidrio{
        margin-left: 10px;
        margin: 8px;
        display: inline-flex;
        min-width: 33%;
    }

    .itemJunquillo{
        display: inline-flex;
        min-width: 33%;
    }

    .radioItemJunquillo{
        margin-left: 10px;
        margin: 8px;
        display: inline-flex;
        
    }

    .imgItemJunquillo{
        margin: 8px;
       
    }

    .label-no-select{
        user-select: none;
    }

    .groupJunquillo{
        margin-top: 1em;
        margin-bottom: 1em;
    }
    .divModal{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.85);
    }
    .bodyModal{
        width: 100%;
        height: 100%;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flex;
        display: -o-inline-flex;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }