/*
©CELTICA 2014
Name: CELTICA
Version 1.0
Author: JGAR
*/
a{
  color: #0000CC;

  text-decoration:none;
}
a img{
  border:none;
}
body{
  /*background: #1B1C1B;*/
  background: #fff;
  color: #3f5663;
  font-family:Verdana, Geneva, sans-serif;
  font-size: 12px;
}

h1{
  font-size: 1em;
  text-align: right;
  
}

h2{
  font-size:.9em;
  text-align: center;
  margin: .7em auto;
  /*text-shadow: 5px 5px 10px rgba(0,0,0,0.5);*/
}
h3{
  font-size:.7em;
  text-align: right;
  /*text-shadow: 5px 5px 10px rgba(0,0,0,0.5);*/
}
h4{
  font-size:1.3em;
  text-align: center;
  color: navy;
  /*text-shadow: 5px 5px 10px rgba(0,0,0,0.5);*/
}

h5{
  font-size: 1.8em;
  text-align: center;
  margin: .7em auto;
  /*text-shadow: 5px 5px 10px rgba(0,0,0,0.5);*/
}

h6{
  font-size: 1em !important;
  text-align: center;
  margin: .7em auto;
  /*text-shadow: 5px 5px 10px rgba(0,0,0,0.5);*/
}

label {
  display: block;
  margin: .5em 0 0 0;
}


#color {
    color: #383838 !important; 
}

#texttable {
  text-align: left;
}
 
#texto_chat {
  text-align: left;
  color: blue;
}

#img-active{ 
  float: right;
  padding: .1em;
  display: inline-block;
  height: 75px;
 }

.flat-tablecheck {
  display: block;
  -webkit-font-smoothing: antialiased;
  font-size: 1.1em !important;
  color: #3f5663 !important;
  overflow: auto;
  width: auto;
  }

.flat-tablecheck td {
    
    /*color: rgb(111, 111, 111);*/
    padding: 5px 10px;
  }

.flat-tableform {
  display: block;
  
  -webkit-font-smoothing: antialiased;
  font-size: 1em;
  overflow: auto;
  width: auto;
  }

.flat-tableform td {
    /*background-color: #a9d0f5;*/
    color: rgb(111, 111, 111);
    padding: 5px 10px;
  }

.flat-table {
  display: block;
  
  -webkit-font-smoothing: antialiased;
  font-size: 1em;
  overflow: auto;
  width: auto;
  }
.flat-table th {
    background-color: #444;
    color: white;
    font-weight: normal;
    padding: 5px 10px;
    text-align: left;
  }
.flat-table td {
    background-color: #a9d0f5;
    color: rgb(111, 111, 111);
    padding: 5px 10px;
  }

.inp1{
    background-color: #333;
    
    border-style: solid;
    border-left-color: #333 !important;
    border-right-color: #333 !important;
    border-top-color: #333 !important;
    border-bottom-color: #333 !important;
    font-weight: bold;
    height: 25px;  
    color:#fff;
}


#buscador{
  background: #dcdcdd;
  border-radius: 0.5em;
  color: #383838;
  font-size: 1em;
  height: 33%;
  margin: 0.5em auto;
  padding: 1em;
  text-align: center;
  width: auto;
  behavior: url(PIE.htc);
}

#btn{
  border: 5px solid #0000CC;
  background: #0000CC;
  color: #fff;
  border-radius: .5em;
  font-size: .1em;
  cursor: pointer;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
}

#captureform{
  background: #dcdcdd;
  border-radius: 0.5em;
  color: #383838;
  font-size: 1em;
  height: 100%;
  margin: 0.5em auto;
  padding: .8em;
  text-align: justify;
  width: auto;
  behavior: url(PIE.htc);
}


#boxstyle input{
  border-radius: none !important;
  text-align: center;
  width: 30% !important; 
        
}

#captureform input{
    border-radius: 0.5em;
   -webkit-border-radius: 0.5em;
   -moz-border-radius: 0.5em;
   -o-border-radius: 0.5em;
    text-align: center;
    border-style: solid;
    border-left-color: #0000CC;
    border-right-color: #0000CC;
    border-top-color: #0000CC;
    border-bottom-color: #0000CC;
    font-size: 11px;
    margin: 0.5em auto 0;
    width: 100%;
  behavior: url(PIE.htc);
        
}

#captureform select{
    border-radius: 0.5em;
   -webkit-border-radius: 0.5em;
   -moz-border-radius: 0.5em;
   -o-border-radius: 0.5em;
    text-align: center;
    border-style: solid;
    border-left-color: #0000CC;
    border-right-color: #0000CC;
    border-top-color: #0000CC;
    border-bottom-color: #0000CC;
    font-size: 11px;
    margin: 0.5em auto 0;
    width: 100%;
  behavior: url(PIE.htc);
        
}

#captureform textarea{
    border-radius: 0.5em;
   -webkit-border-radius: 0.5em;
   -moz-border-radius: 0.5em;
   -o-border-radius: 0.5em;
    text-align: center;
    border-style: solid;
    border-left-color: #0000CC;
    border-right-color: #0000CC;
    border-top-color: #0000CC;
    border-bottom-color: #0000CC;
    font-size: 11px;
    margin: 0.5em auto 0;
    width: 100%;
  behavior: url(PIE.htc);
}

#content{
  /*background: blue;*/    
  width:100%;
  border-radius: 0.5em;
  box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
  display: block;
  margin: 0.5em auto; 
  padding: 0.5em auto; 
  text-align:justify;
  behavior: url(PIE.htc);
}

#content-index{
  height: 50%;
  margin: 1.5em auto; 
  padding: 1em ; 
  width: 100%;
  behavior: url(PIE.htc);
}

#det{
  /*background: #dcdcdd;*/
  font-size: .9em;
  font-weight: bold;
  height: auto;
  text-align: justify;
  width: auto;
  behavior: url(PIE.htc);
}

#detail-content{
  height: auto;
  margin: 1em auto; 
  padding: 1em ; 
  width: 90%;
  behavior: url(PIE.htc);
}

#detail{
  /*background: #dcdcdd;*/
  background: red;
  border-radius: 0.5em;
  color: #383838;
  font-size: .8em;
  height: auto;
  margin: 0.5em auto;
  padding: .8em;
  text-align: justify;
  width: auto;
  behavior: url(PIE.htc);
}

#mon-right {
  display: inline-block;
  min-height: 100;
  width: 13%;
}

#mon-left-table{
  font-size: .9em !important;
}

#mon-left{
  display: inline-block;
  padding: .2em;
  vertical-align: top;
  width: 85%;
}

#menucus dl {
  background: #0000CC no-repeat bottom right; 
  display: inline-block;
  width: 100%;
  }

#menucus dt {
  background: #0000CC  no-repeat top right;
  border-bottom:1px solid #fff; 
  color: #fff; 
  font-size: 1.2em;
  
  }

#menucus dd {
  background: #0000CC;
  border-bottom:1px solid #fff; 
  color: #fff; 
  font-weight:bold; 
  font-size: .8em;
  margin: auto; 
  }

#gallery a, #gallery a:visited {
  background: #0085B2  no-repeat 10px 10px; 
  color:#fff; 
  display:block; 
  padding:.4em .4em .4em 1em;
  text-decoration:none; 
  
}

#gallery a:hover {
  /*background: #fff url(arrowr.gif) no-repeat 11px 10px; */
  background: #FFFF73;
  color:#0000CC;
}

#footer{
  /*background: #561A4D;*/
  background: #fff;
  border-radius: 0em 0em 0.5em 0.5em;
  font-size: .7em;
  color:#0000CC;
  margin: 1em auto; 
  padding: 1em; 
  text-align:center;
  text-decoration:none;
  behavior: url(PIE.htc); 
  }

#footer a {
  color: #0000CC;
}

#formulario{
  background: #dcdcdd;
  border-radius: 0.5em;
  color: #383838;
  font-size: 1em;
  height: 30%;
/*
  margin-top: 2em;
  margin-right: auto;
  margin-bottom: 5em;
  margin-left: auto;
  */
  margin: 2em auto 5em auto;
  padding: 1em;
  text-align: justify;
  width: 45%;
  behavior: url(PIE.htc);
}

#formulario input{
    border-radius: 0.5em;
   -webkit-border-radius: 0.5em;
   -moz-border-radius: 0.5em;
   -o-border-radius: 0.5em;
    text-align: center;
    border-style: solid;
    border-left-color: #0000CC;
    border-right-color: #0000CC;
    border-top-color: #0000CC;
    border-bottom-color: #0000CC;
    font-size: .8em;
    margin: 0.5em auto 0;
    width: 100%;
  behavior: url(PIE.htc);     
}

#header{
  background: #fff;
  border-radius: 0.5em 0.5em 0 0;
  color: #0000CC;
  display: block;
  font-size: 1.2em;
  height: 100px;
  margin: 0.3em auto; 
  padding: 0.5em; 
  text-align: right;
  behavior: url(PIE.htc);
}

#header-index{
margin: 0;
padding: 0;
}

#plecai1{
  background: #0000CC;
  height: 3px;
  
}

#plecai2{
  background: #ababab;
  height: 3px;
  margin-bottom: 10em;
  
}

#logo{
  float: left;
  margin: .5% 1%;
  min-height: 100px;
  width: 10%;
  behavior: url(PIE.htc);
}

#message {
  font-size: 1.2em;
  margin: 1% auto;
  padding: .5em;
  text-align:center;
  vertical-align: top;
  width: 35%;
}

#razon{
  float: right;
  margin: 1% ;
  padding: .5em;
  width: 80%;
  behavior: url(PIE.htc);
}

#sidebar-right {
  display: inline-block;
  margin: 1% 1%;
  min-height: 200px;
  vertical-align: top;
  width: 20%;
}

#side-left{
  display: inline-block;
  margin: 1px;
  padding: 1px;
  transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s linear;
  vertical-align: top;
  width: 99%;
  behavior: url(PIE.htc);
}

#tablemonitor table, table td, table tr {
  padding:0px;
  border-spacing: 0px;
  font-size: .90em;
}



#tablemonitor table {
  width: 100%;
  border:1px black solid;
  border-radius:5px;
  margin: .5em auto;
}

#tablemonitor table td {
  padding:.4em;
  text-align: center;
}

#tablemonitor table tr:first-child td:first-child {
  border-radius:5px 0px 0px 0px;
}

#tablemonitor table tr:first-child td:last-child {
  border-radius:0px 5px 0px 0px;
}

#tablemonitor table tr:last-child td:first-child {
  border-radius:0px 0px 0px 5px;
}

#tablemonitor table tr:last-child td:last-child {
  border-radius:0px 0px 5px 0px;
}

#tablemonitor table td:not(:last-child) {
  border-right:1px #666 solid;
}

#tablemonitor table tr:nth-child(2n) {
  background: #a9d0f5;
  text-align: center;
}

#tablemonitor table tr:nth-child(2n+1){
  background: #cee3f6;
  text-align: center;
}

#tablemonitor table:not(.header) tr {
  text-align: center;
}

#tablemonitor table.header tr:first-child {
  font-weight: bold;
  color:#fff;
  background-color: #444;
  border-bottom:1px #000 solid;
  text-align:center;
}

#tablemonitor table.header tr:nth-child(n+2) {
  text-align: center;
}


#tableresult table, table td, table tr {
  /*width: 100%;*/
  padding:0px;
  border-spacing: 0px;
  font-size: .95em;

  
}

#tableresult div {
  /*width: 100%;*/
  color: #999 !important;
}

#tablemonitor div {
  color:  #999;
}

#tableresult table {
  border:1px black solid;
  border-radius:5px;
  margin: .5em auto;
}

#tableresult table td {
  padding:.4em;
}

#tableresult table tr:first-child td:first-child {
  border-radius:5px 0px 0px 0px;
}

#tableresult table tr:first-child td:last-child {
  border-radius:0px 5px 0px 0px;
}

#tableresult table tr:last-child td:first-child {
  border-radius:0px 0px 0px 5px;
}

#tableresult table tr:last-child td:last-child {
  border-radius:0px 0px 5px 0px;
}

#tableresult table td:not(:last-child) {
  border-right:1px #666 solid;
}

#tableresult table tr:nth-child(2n) {
  background: #a9d0f5;
}

#tableresult table tr:nth-child(2n+1){
  background: #cee3f6;
}

#tableresult table:not(.header) tr {
  text-align: center;

}

#tableresult table.header tr:first-child {
  font-weight: bold;
  color:#fff;
  background-color: #444;
  border-bottom:1px #000 solid;
  text-align:center;
}

#tableresult table.header tr:nth-child(n+2) {
  text-align: left;
}

#filtro{
  margin: 5px auto;
  width: 19%;

}

.filtro {
  -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  box-shadow:inset 0px 1px 0px 0px #97c4fe;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
  background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
  background-color:#3d94f6;
  -webkit-border-top-left-radius:6px;
  -moz-border-radius-topleft:6px;
  border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius-topright:6px;
  border-top-right-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  -moz-border-radius-bottomright:6px;
  border-bottom-right-radius:6px;
  -webkit-border-bottom-left-radius:6px;
  -moz-border-radius-bottomleft:6px;
  border-bottom-left-radius:6px;
  text-indent:0;
  border:1px solid #337fed;
  display:inline-block;
  color:#ffffff;
  font-family:Arial;
  font-size:15px;
  font-weight:bold;
  font-style:normal;
  height:35px;
  line-height:35px;
  width:75px;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px #1570cd;
}

.filtro:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
  background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
  background-color:#1e62d0;
}
.filtro:active {
  position:relative;
  top:1px;
}

.notFilled{
        border: 2px solid #f00;
      border-radius: 0.5em;
      -webkit-border-radius: 0.5em;
      -moz-border-radius: 0.5em;
      -o-border-radius: 0.5em;
        background: yellow;
      }


#inactive{
  font-weight: bold;
  color:#FF0000; 
  padding-left:33px; 
  height:19px; 
  padding-top:10px;
  padding-right:10px;*/
  }

#Error{
  background-image:url(web/img/no.png);
  background-repeat:no-repeat;
  background-position:left; 
  color:#FF0000; 
  padding-left:33px; 
  height:19px; 
  padding-top:10px;
  padding-right:10px;
  }

#Success{
  background-image:url(web/img/yes.png);
  background-repeat:no-repeat;
  background-position:left; 
  color:#669933; 
  padding-left:33px; 
  height:19px; 
  padding-top:10px;
  padding-right:10px;
  }

.suggest-element,.suggest-element-e,.suggest-elements,.suggest-elementf{
margin-left:5px;
margin-top:5px;
width:250px;
cursor:pointer;
}
/*
.suggest-element-e{
margin-left:5px;
margin-top:5px;
width:250px;
cursor:pointer;
}
*/
#suggestions,#suggestions_e,#suggestionsf,#suggestionss {
width:250px;
/*height:50px;*/
overflow: hidden;
}


display: block;
behavior: url(PIE.htc);
}
vertical-align: baseline/sub/super/top/text-top/middle/bottom/text-bottom/length/%;