/*
AOS
mod:10/05/2015 Imagen de fondo
*/
html{
background: #8392bd url("../imagenes/fondo.jpg") no-repeat fixed center;
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/*input:focus {box-shadow: 0 0 2px 2px 	#FF7F00, 0px -2px;}
body{margin:0; padding:0; font-size:14px; font-family:Roboto, Arial, Helvetica, sans-serif; color:#FFFFFF;}*/

/* --------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------- Responsive  ----------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------*/

html { font-size:100%; }
img { max-width:100%; }

@media (max-width: 3850px) {  body { font-size: 10px; }}
@media (max-width: 480px) {  body { font-size: 0.6rem; }}
@media (max-width: 750px) {  body { font-size: 0.7rem; }}

@media (min-width: 1334px) and (orientation: landscape)  { body {font-size:0.8rem;} }
@media (min-width: 1920px) and (orientation: landscape)  { body {font-size:1rem;} }

@media (min-width: 640px) { body {font-size:0.8rem;} }
@media (min-width:1100px) { body {font-size:0.9rem;} }


body{margin:0; padding:0; font-size:14px; font-family:Roboto, Arial, Helvetica, sans-serif; color:#FFFFFF;}

input:focus {box-shadow: 0 0 2px 2px #A2CCE9, 0px -2px;}
/* Typography */

h1, h2, h3, h4, h5, h6, p { font-family:"Open sans", Roboto, Helvetica, Arial; }
blockquote { font-style: italic; font-family: Roboto; color:#999; margin:30px 0 30px; }
label { color: #777; }

input:read-only {
border: 2px solid #A2CCE9;
}   

input:required {
    
/*border: 2px solid;
  border: 5px solid red;*/ 
  border-right-width: 2px;
  border-right-color: red;
}   

select:required {
/*    
border: 2px solid;
  border: 5px solid red; */
  border-right-width: 2px;
  border-right-color: red;
}   

/* -----------------------------------------------------------------------------------------------------------------*/





a:hover {
 
  background: #CDFEAA;
}




#barra_info{
    font-size:22px;
    height:60px;
    padding: 5px 8px 5px 8px; 
    text-align:center;
}
#flot_l{
  float:left;
  background-color:gray;
  width:50%;
}


#barra{
    background: rgba(30,21, 21, 0.52);
/*     background: rgba(0,0,0, 0.3);   */
    display:block; width:99%; Xmargin:0 0 0 0;
    font-size:20px;
    height:60px;
    padding: 5px 8px 5px 8px; 
    text-align:center;
}

#container{
    width: 99%;
/*    background-color:#E8E8E8;  */
    background-color:#1c141482;
}
#lCenter{
    padding:1em;
    padding-top:0;
    overflow:hidden;
}
#lLeft{
    float: left;
}
#lRight{
    float: right;
}

                
.t_pres{
    font-style:italic;
     font-size:14px;
     color:#000000;
     text-align:center;
}
.st_pres{
     font-size:10px;
 color:#666666;
     text-align:center;
}

.mnu {
    text-align:left; }
    A:link {text-decoration: none}
    A:visited {text-decoration: none}
    A:active {text-decoration: none}
    A:hover {text-decoration: underline; color: red;
}

	.mnu .inactivo{
		 color:#666666;
                 background: url(../imagenes/look.png) no-repeat 3px 3px;
  		text-decoration: none !important;
                padding:3px 3px 3px 23px;
        }
        .mnu .activo{
        }
 	.mnu .linea{
            background-color: #E1DADA; 
            height: 2px;
        }
        
 .bsup {
/* box-shadow: 0 0 10px 5px black; */
  padding:2px;       
 }
#binf {
    box-shadow: 0 0 11px 5px #1c141482; 
    padding:21px;  
    background-color:#1c141482;
 }
 

.pub {
        text-shadow: 1px 1px 1px #dfdfdf;
        padding-top: 0px;
    	text-align:center;
        color:#202020;
        font-size:550%; 
        font-weight:800; 
}
.det_pub {
 text-shadow: 1px 1px 1px #ffffff;
	text-align:center;
	color:#2f2e2e;
    font-size:95%; 
    font-weight:300;
}



#loader{
    position:absolute; width:100%; height:100%; z-index:1005; text-align:center; padding-top:250px; font-size:12px; font-family:Arial; color:#ffffff;
}

.lista{
   background: transparent;
     border: none;
     font-size: 14px;
     width: 250px;
}



/* ALERTS */
    /* inspired by Twitter Bootstrap */

    .alert_ohsnap {
     font-size:12px;
     font-style: bold;
      padding: 15px;
      margin-bottom: 20px;
      border: 1px solid #eed3d7;
      border-radius: 4px;
      position: absolute;
      bottom: 0px;
      right: 21px;
      /* Each alert has its own width */
      float: right;
      clear: right;
    }

    .alert-red {
      color: white;
      background-color: #DA4453;
    }
    .alert-green {
      color: white;
      background-color: #37BC9B;
    }
    .alert-blue {
      color: white;
      background-color: #4A89DC;
    }
    .alert-yellow {
      color: white;
      background-color: #F6BB42;
    }
    .alert-orange {
      color:white;
      background-color: #E9573F;
    }