@CHARSET "UTF-8";
/*-
   Elementos HTMLglobales
-*/
body{
   color: #000;
   font-family: Arial, Tahoma, Helvetica, sans-serif;
   font-size: 12px;
   background-color: #FFF;
   line-height: 1.7em;
   padding: 0 0 15px 0;
}

a{
   color: #03C;
   text-decoration: underline;
   cursor: pointer;
}
   a:hover{
      color: #06C;
   }

h1, h2, h3, h4, h5, h6{
   font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
   color: #C00;
   background-position: left top;
   background-repeat: no-repeat;
   margin: 2em 0px 1em 0px;
}




/*- Elementos globales del layout -*/

#wrapper{
   background: url(/wp-content/themes/infovera/share/img/body_bg.gif) repeat-x left top;
}

   #w-mnuTop,
   #header,
   #container,
   #i-footer{
      width: 770px;
      margin: 0 auto;
   }

   #w-mnuTop{
      height: 34px;
      line-height: 34px;
      position: relative;
      color: #999;
   }
      #pgFecha{
         position: absolute;
         top: 0px;
         left: 0px;
      }
      #mnuTop{
         position: absolute;
         top: 0px;
         right: 0px;

      }
         #mnuTop li{
            float: left;
            margin-right: 20px;
            font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
            font-size: 1.4em;
            font-weight: bold;
         }
            #mnuTop li a{
               color: #999;
               text-decoration: none;
            }

   #header{
      height: 141px;
      position: relative;
   }
      #header-Logo{
         background: url(/wp-content/themes/infovera/share/img/head_logo.png) no-repeat left top;
         width: 234px;
         height: 61px;
         margin: 0px;
         position: absolute;
         top: 20px;
         left: 0px;
      }
      
      #bnrTop{
         width: 468px;
         height: 60px;
         position: absolute;
         top: 20px;
         right: 10px;
      }

      #w-mnuMain{
         height: 35px;
         line-height: 35px;
         width: 770px;
         position: absolute;
         top: 103px;
         left: 0px;
         background: #C00;
         padding: 0 10px;
         width: 750px;
      }
         #mnuMain{
            float: left;
         }
            #mnuMain li{
               float: left;
               font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
               font-size: 1.3em;
               font-weight: bold;
               margin-right: 15px;
            }
               #mnuMain li a{
                  color: #FFF;
               }
         
         #cse-search-box,
         #frmSearch{
            float: right;
            height: 35px;
            padding: 6px 0;
         }
            #txtSearch{
               width: 175px;
               border: 1px solid #000;
               height: 20px;
            }
            #btnSearch{
               width: 28px;
               height: 22px;
               background: transparent url(/wp-content/themes/infovera/share/img/btn_search.png) no-repeat left top;
               border: none;
            }

   #container{
      background: transparent url(/wp-content/themes/infovera/share/img/content_bg.jpg) repeat-y left top;   
   }

      #content{
         padding: 30px 0 20px 0; 
         float: left;
         width: 470px;
      }
         #pgTtl{
            font-family: Georgia, Times, serif;
            font-size: 3em;
            font-weight: normal;
            border-bottom: 3px solid #039;
            padding-bottom: 7px;
            color: #006;
            margin: 0 0 1em 0;
         }
            #pgTtl small{
               font-size: 0.6em;
               color: #039;
            }

      #sidebar{
         padding: 20px 0 20px 10px;
         float: right;
         width: 245px;
      }
         #sidebar .blq{
            margin-bottom: 3em;
         }
            #sidebar .blq h3{
               background-color: #666;
               color: #FFF;
               font-size: 1.7em;
               font-weight: bold;
               margin: 0 0 .5em 0;
               padding: 0 10px;
               height: 30px;
               line-height: 30px;
            }
            #sidebar .blq.on h3{
               background: #C00;
            }
            
            #sidebar .blq a{
               text-decoration: none;
               border-bottom: 1px dotted #039;
            }
               #sidebar .blq a:hover{
                  border-bottom: 1px solid #039;
               }


            #boxScc.blq ul{
               float: left;
               width: 49%;
            }
               #boxScc.blq ul#lstSccPlaces li{
                  background: transparent url(/wp-content/themes/infovera/share/img/icon_scc_place.gif) left no-repeat;
                  padding-left: 15px;
               }
               #boxScc.blq ul#lstSccTemas li{
                  background: transparent url(/wp-content/themes/infovera/share/img/icon_scc_cat.gif) left no-repeat;
                  padding-left: 15px;
               }

               
            #boxArch.blq ul li{
               background: transparent url(/wp-content/themes/infovera/share/img/icon_scc_archive.gif) left no-repeat;
               padding-left: 15px;
               float: left;
               width: 43%;
               font-size: .9em;
            }
            #boxLastPosts.blq ul li{
               background: transparent url(/wp-content/themes/infovera/share/img/icon_scc_post.gif) left top no-repeat;
               padding: 5px 0px 5px 15px;
               font-size: 0.9em;
               border-bottom: 1px solid #CCC;
               line-height: 1.5em;
            }


   #footer{
      background: #10446E url(/wp-content/themes/infovera/share/img/foot_bg.jpg) left top repeat-x;
      color: #CCC;
      padding: 20px 10px;
   }
      #footer h3,
      #footer dl{
         float: left;
         margin: 0;
      }
         #footer dl{
            margin: 0 60px;
         }
            #footer dl dt{
               font-size: 1em;
               font-weight: bold;
               color: #FFF;
            }
            #footer dl dd{
               font-size: .9em;
            }
               #footer dl ul{
                  list-style-type: square;
                  list-style-position: inside;
               }
               #footer dl dd a{
                  color: #9CF;
               }
      #footLogo{
         background: #10446E url(/wp-content/themes/infovera/share/img/foot_logo.gif) left top no-repeat;
         width: 126px;
         height: 26px;
      }
      #footAbout{
      }
      #footWeb{
      }
      #footer #footLogoIS{
         float: right;
         background: #10446E url(/wp-content/themes/infovera/share/img/foot_logo_infosoft.gif) left top no-repeat;
         width: 121px;
         height: 42px;
      }





   
/*- Clases generales -*/
.bnr{
/*
   border: 1px solid #F00;
   background: #CCC;
   font-size: 36px;
   text-align: center;
*/
}



/*- Contenido de post -*/
   /*- Estiizando los contenidos del posts -*/
   .post .entry{
      margin-top: 2em;
   }
   .post .entry h2{
      font-size: 1.6em;
   }
   .post .entry h3{
      font-size: 1.5em;
   }
   .post .entry h4{
      font-size: 1.4em;
   }
   .post .entry h5{
      font-size: 1.3em;
   }
   .post .entry h6{
      font-size: 1.2em;
   }
   .post .entry ul{
      list-style-type: square;
      margin: 1.5em 0 1.5em 1em;
   }
   .post .entry ul li{
   }
   .post .entry blockquote{
      font-family: Georgia, Times, serif;
      font-style: italic;
      color: #900;
      background: #FAF2F2;
      padding: 5px 10px 10px 20px;
      border-left: 25px solid #F5E6E6;
      margin: 1em 0;
   }
   .post .entry q{
      font-family: Georgia, Times, serif;
      font-style: italic;
      color: #900;
   }
   .post .entry code{
      font-family: "Courier New", Courier, monospace;     
      color: #039;
   }

   .post img.img-main{
      border: 1px solid #039;
      padding: 5px;
   }

/* Begin Images */
.post p img {
   padding: 0;
   max-width: 100%;
   }

/* Using 'class="alignright"' on an image will (who would've
   thought?!) align the image to the right. And using 'class="centered',
   will of course center the image. This is much better than using
   align="center", being much more futureproof (and valid) */

.post img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
   }

.post img.alignright {
   display: block;
   float: right;
   margin: 0 0 5px 10px;
   border: 1px solid #ccc;
   padding: 5px;  
}

.post img.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #ccc;
   padding: 5px;  
}

.post img.alignleft {
   display: block;
   float: left;
   border: 1px solid #CCC;
   padding: 5px;
   margin: 0 10px 5px 0;   
 }

.post .alignright {
   float: right;
   }

.post .alignleft {
   float: left
   }


.post .wp-caption{
   display: block;
   border: 1px solid #CCC;
   padding: 10px 5px 2px 5px;;
   background: #F6F6F6;
   margin: 2em auto;
}
   .post .wp-caption img{
      display: block;
      border: 1px solid #CCC;
      margin: 0 auto;
   }
   .post .wp-caption-text{
      margin: 10px 0 0 0;
      font-size: 1em;
      border-top: 1px dotted #999;
   }





/*- MessagesBox (mb) )-*/
.msgBox{
   border: 1px solid #DEDEDE;
   color: #333;
   background: #EFEFEF;
   padding: 4px;
   text-align: center;
   margin: 1em 0;
}
   .msgBox.big{
      font-size: 1.2em;
      font-weight: bold;
   }
   .msgBox.info{
      border-color: #9CF;
      background: #C7E3FF;
   }
   .msgBox.success{
      border-color: #359545;
      background: #CEE6C3;
   }
   .msgBox.warn{
      border-color: #FC0;
      background: #FCF9CE;
   }
   .msgBox.error{
      border-color:#CB2026;
      background: #F6CBCA;
   }