html{
        margin:0px;
        height:100%;
        background-color: #F5F5F5;
	}	
    
    body {
		font-family: 'Roboto', sans-serif;
		color:#262626;
		font-size: 18px;
		margin:0;
		padding:0;
	}
    
    #todo{width:100%}

	#encabezado {
		clear: both;
		float: left;
		width: 100%;
		color: #c1c1c1;
		font-size: 1em;
		height: 44px;
        margin-bottom:5px;
       /* background-image: url(../../img/encabezado.jpg);*/
	}
    
    .titulo{    	 
         color: #9e9e9e;
         
    }
    	
    .titulo_formulario{    	 
        color: #990000;
		clear:both; 
		float:right ; 
		margin: 0 45px 5px 30px; 
    }
	#imagen_colegio_index{background-image: none}
	
	.responsive-image {
		height: auto;
		width: 100%;
	}
	
    #cuerpo {
		clear:both;
        float:left;		
		width: 100%;
        }
	
	#div_pc {
		display:none;
	}
	
	#div_pc img{
		width:0;
		height:0;
	}
	
	#cuerpo .entrada #mensaje {
		height:20px
        
	}
    
    #div_mensaje {
        height: 100%;
        width: 50%;
        float: left;
        display: flex;
        justify-content: center;
        flex-direction: column;
        
	}
    .blink {
          animation: blink-animation 2s steps(7, start) infinite;
          -webkit-animation: blink-animation 2s steps(7, start) infinite;
    }
	@keyframes blink-animation {
          to {
            visibility: hidden;
    	}
    }
    	@-webkit-keyframes blink-animation {
          to {
            visibility: hidden;
          }
    }
	
	#cuerpo .toda_semana {
		/*margin:0 -10px -10px;*/
	}
	
	#cuerpo .semana {
		margin: 10px 0 0 0;
	}
    
    #cuerpo .horarios_comidas {
    clear: both;
    margin: 10px 0 0 0;
    font-size: .8em;
    display: none;
    background: #fff;

    }
   
    
	#cuerpo .semana .dia_semana {
        padding: 10px;
        text-decoration: none;
        color: #1A2030;
        font-weight: bold;
        background-color: #FAFAFA;	
    }	
	
	#cuerpo .semana .dia_semana .nombre_dia div:nth-child(1) {
        float:left;
        margin-left: 10px;
		}
	#cuerpo .semana .dia_semana .nombre_dia div:nth-child(2) {
		
        float:right;
        margin-right: 10px;
		}         	 
	#cuerpo .horarios_comidas {
		clear:both;
		margin:10px 0 0 0;
		font-size:.8em;
		display:none;
		background:#fff;
	}
	#cuerpo #horarios_comidas td {
		text-align:center;
		/*border:solid 1px #ccc;*/
		border-collapse:collapse
	}
	#aviso_codigo {
		clear:both;
		height:30px;
	}
	#b_comidas {
		clear:both;
	}
	#b_comidas .btn {
		width:98%;
		margin:10px 0
	}
    
    .info {font-size:.9em; padding:10px 0}
    .info p{margin:4px 2px}
	.info span{margin: 10px 0 5px 0; display:block; font-weight:bold}
	.info blockquote{margin:5px 0 5px 15px; }
   
    .div_info ul.tabs{
        margin: 0px;
        padding: 0px;
        list-style: none;
        background-color:#FAFAFA;
    }
    .div_info ul.tabs li{
        background: #516396;
        color: #fff;
        display: inline-block;
        padding: 6px;
        margin-right:10px;
        cursor: pointer;
        -webkit-border-radius: 8px 8px 0 0;
        
    }
    
    .div_info ul.tabs li.current{
        background: #FAFAFA;
        color:#222;
        font-weight:bold;
    }
    
    .div_info .tab-content{
        display: none;
        background: #FAFAFA;
        float:left;
        width: 100%;
        
    }
    
    .div_info .tab-content.current{
        display: inherit;
    }
    
    
    
	/*para cambiar los colores de acuerdo con el colegio mayor ///// DESDE AQUI HASTA .....*/
	
	#cuerpo .semana .dia_semana .nombre_dia {
		background-color: #D36F7E;
		clear: both;
		display: block;
		float: left;
		margin: -20px -2px 4px -10px;
		padding: 9px;
		width: 100%;
		color:  #FFFFFF;
		height: 20px;
		
	}
    #titulo_form_entrada{
    	color: #9B141A;
    }
    
    .fondo_form{
        margin-top: 45px;
        background-color: #FFF8DF;
    }
	
	.btn {
		padding: 1em .8em;
		border: 1px solid #9B141A;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		text-decoration: none;
		text-align: center;
		font-size: 1em;
		line-height: 0.5em;
		color: #fff;
		background: #9B141A;		
		margin: 5px .5% 5px .5%;
		cursor: pointer;
		width: 100%;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
        		
	}

    
    .gris {background-color: #999}

	.btn:hover, .btn:active {
		background: #6D0E12;
		border:1px solid #6D0E12;
	}
    
	.btn a {
		color:#fff;
		text-decoration:none
	}

	.btn_2 {
		padding: .7em .7em;
		border: 1px solid #ffa726;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		text-decoration: none;
		text-align: center;
		font-size: 1em;
		line-height: 0.5em;
		color: #fff;
		background: #ffa726;		
		margin: 5px .5% 5px .5%;
		cursor: pointer;
		width: 100%;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
        		
	}
   
    .btn_panel{width: 31% !important}

	.btn_2:hover, .btn_2:active {
		background: ;
		border:1px solid ;
	}
    
	.btn_2 a {
		color:#fff;
		text-decoration:none
	}

	label {
		font-size:.8em
		
	}
    
	input, select {
		background-color: #fff !important;
		border: 1px solid #9B141A;
		border-radius: 4px;
		font-size: 1em;
		margin: 4px 3px;
		padding: 8px;
		width: 94%;
	}

	
	textarea {
		font-family: 'arial', PT Sans Caption, sans-serif;
		background-color: #fff !important;
		border: 1px solid #9B141A;
		border-radius: 4px;
		font-size: 1em;
		margin: 10px 3px;
		padding: 10px;
		width: 94%;
	}
	input[type=checkbox] {
		display:none
	}
	input[type=checkbox] + label {
		color: #A8A8A8;
		background-color: #fff;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
		border-radius: 5px;
		border: 1px solid #288EBF;
		display: inline-block;
		position: relative;
		width: 34px;
		height: 25px;
		line-height: 2em;
		font-size: .8em;
		padding: 3px 3px 3px 3px;
		font-weight: normal;

	}
	
	input[type=checkbox]:checked + label {
		color:#FFF;	
		background-color:#288EBF;		
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
		box-shadow: 0 1px 2px rgba(0,0,0,.5);
		border: 1px solid #288EBF;
	
	}
  
  .campo_radio   {
		 position : absolute ;
		 visibility: hidden;
	}
	
	.campo_radio + label {
		color: #A8A8A8;
		background-color: #fff;
		-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.5);
		-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.5);
		box-shadow: inset 0 1px 2px rgba(0,0,0,.5);
		border-radius: 5px;
		display: inline-block;
		position: relative;
		width: 25px;
		height: 25px;
		line-height: 2em;
		font-size: .8em;
		padding: 3px;

	} 
   
    .campo_radio:checked + label { 
    	color:#FFF;	
		background-color:#288EBF;		
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
		box-shadow: 0 1px 2px rgba(0,0,0,.5);
     }
    
    ::-webkit-input-placeholder { color:#B2B2B2; }
    ::-moz-placeholder { color:#B2B2B2; } /* firefox 19+ */
    :-ms-input-placeholder { color:#B2B2B2; } /* ie */
    input:-moz-placeholder { color:#B2B2B2; }
    
    .placeholder{ color:#B2B2B2; }
    
	
   .cuerpo_orden{ 
		background-color:#F5F5F5;
	}
	
	/*////////... HASTA AQUÍ  */
	
	/* quitar flechas campo type number */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		
		-webkit-appearance: none;
		-moz-appearance: none;
		margin: 0;
	}
	input[type=number] {-moz-appearance: textfield;}
	
	.que_label{
		clear:both;
		width:100%;
		color: #343434;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:.82em;
		text-align:center;
		padding: 5px 0 0 0;	
	}

	.sombra{
		-moz-box-shadow: 0 2px 6px rgba(0,0,0,.40);
		-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.40);
		box-shadow: 0 2px 6px rgba(0,0,0,.40);			
	}
    
   
	.esconde{ 
		display:none;	
	}
	
	.muestra{ 
		display:block;	
	}
    .div_entrada_panel{    
		width: 80%;
    	height: 150px;
        font-size:.8em;
       	margin:0;
	}
   
    
    .img_responsive {
      height: auto;
      width: 100%;
    }
    
   .tabla_izq {width: 100%;}
    
   .tabla_izq tr td{text-align: left !important;}
   
   .entrada{
		overflow: hidden;
		padding: 0px;
		width: 100%;
    }
    .div_horarios blockquote{
		margin-left: 15px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.div_horarios p {
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.div_info ul li{
		margin-left: 0px !important;
		
	}
	.div_info ul{
		margin-left: 10px !important;
		
	}