/*  
Theme Name: UIA Blogs
Theme URI: http://blogs.iberopuebla.edu.mx
Description: Tema creado para UIA Blogs.
Version: 1.0
Author: BIPA-CRAI
Author URI: http://bipa.iberopuebla.edu.mx
*/
a
{
 text-decoration:none;
 color:#000000;
}

a:hover
{
 color:#ff0000;
}

body
{
 margin: 0;
 padding: 0;
 font: normal normal normal 62.5% Arial, Verdana, Sans-Serif;
 font-size:0.95em;
 background-color:#988e81;
 color: #000000; 
}

#pagina
{
 width:800px;
 background-image: url(img/bg_main_pagina.gif);
 position:relative;
 left:50%;
 margin-left:-400px
}

#header_sombra
{
 height:40px;
 background-image:url(img/top.gif);
}

#footer_sombra
{
 height:40px;
 background-image:url(img/bottom.gif);
 clear:both;
}

#header_uiablogs
{
 width:349px;
 height:63px;
 float:left;
 margin: 0 0 20px 20px;
 background-image:url(img/header.gif);
 cursor:hand;
}

#header_menu
{
 float:right;
 margin-right:20px;
 width:250px;
 height:30px;
 font-size: 0.8em;
}

#header_menu form
{
 float:left;
}

#header_menu img
{
 float:right;
}

#header_submenu
{
 float:right;
 margin: 0 10px 0 0;
 width:400px;
 text-align:right;
 font-size:0.7em;
}

#header_submenu a
{
 margin: 0 10px 0 10px; 
 font-variant:small-caps;
}

#header_flash
{
 margin-left:10px;
 width:780px;
 height:250px;
 clear:both;
}

#contenido
{
 background-image: url(img/bg_main_contenido.gif);
 width:800px;
}

#menu
{
 float:left;
 width:220px; 
 margin: 0 0 0 10px;
 background-color:#FFFFff;
 height:100%;
}

#menu a 
{
 font-size:0.8em;
 font-weight:bold;
 color:#ff0000;
 display:block;
 margin:20px 10px 0 20px;
}

#menu ul
{
 margin: 0 0 0 20px;
 padding:0;
 list-style-type:none;
}

#menu li
{
 background:url(img/bullet_1.gif) no-repeat 0 50%;
 padding-left: 10px; 
 font-size:0.70em;
 font-weight:bold;
 width:180px;  
}

#menu .division
{
 margin:20px 20px 0 20px;
 width:180px;
 height:1px;
 background-color: #CCCCCC
}

#informacion
{
 float:right;
 width:560px;
 margin: 0 10px 0 0;
}

#informacion p
{
 font-size:0.77em;
 text-align:justify;
 margin: 0 20px 10px 20px
}

#informacion ul
{
 margin: 15px 20px 20px 40px;
 padding:0;
 font-size:0.77em;
 font-weight:bold;
 color:#FF0000;
 text-align:justify
}

#informacion li
{
 line-height:20px;
 font-weight:normal;
 color:#000000; 
}

#informacion li a, #informacion p a
{
 color:#ff0000; 
}

#informacion .blogger
{
 float:left;
 margin: 0 10px 15px 20px;
 width:72px;
 height:85px;
}

#legales
{
 width:220px;
 margin-top:50px;
 text-align:center;
}

#legales p
{
 font-size:0.5em;
 margin:2px 20px 0 20px
}

h1
{
 font-size:1.2em;
 color:#FF0000;
 margin: 20px 0 10px 20px;
}

h2
{
 font-size:1em;
 color:#000000;
 margin: 30px 0 10px 20px;
}

.enmarca
{
 border: solid 1px #a9a9a9;
 background-color:#FFFFFF;
 padding: 3px;
}

.menus
{
 position:absolute;
 top:334px;
 height:27px;
 color:#000000;
 font-size:0.7em;
 font-weight:bold;
 border: 1px solid #000000;
 width:160px;
 line-height:24px;
}

.menus div
{
 height:27px;
 width:160px;
 background:url(img/bg_menu.gif) top no-repeat;
}

.menus img
{
 margin: 0px 5px 0 6px; 
}

#menu_1
{ 
 left:249px
}

#menu_2
{ 
 left:429px
}

#menu_3
{ 
 left:609px
}

#contenido_m1
{
 position:absolute;
 left:254px;
 top:260px;
}

#contenido_m2
{
 position:absolute;
 left:434px;
 top:260px;
}

#contenido_m3
{
 position:absolute;
 left:614px;
 top:260px;
}

.contenido_menus
{
 visibility:hidden; 
}

.contenido_menus ul
{
 margin: 0 0 0 3px;
 padding:0;
 list-style-type:none;
 font-size:0.7em; 
}

.contenido_menus li a
{
 height:20px;
 width:142px;
 line-height:20px;
 display:block;
 color:#000000;
 padding-left:4px;
}

.contenido_menus li a:hover
{
 height:18px;
 line-height:18px;
 color:#ffffff;
 background-color:#FF0000;
 border: 1px solid #000000;
}

table
{
 border-collapse: collapse;
 width: 520px;
 border: 1px solid #000000;
 margin: 40px 0 5px 20px;
}

thead
{
 background-color:#CC0000;
 color:#FFFFFF; 
}

caption
{
 padding-bottom:5px;
 font-weight:bold;
 font-size:0.8em;
 font-variant:small-caps;
}

th
{
 font-size:0.75em;
 height:18px;
 width:130px
}

td
{
 padding: 5px 0; 
 text-align: center;
 font-size:0.7em;
 background-color:#FFFFFF;
 vertical-align:top;
 border: solid 1px #999999;
 height:40px;
}

fieldset
{
 margin: 20px;
 padding: 15px 20px 10px 10px;
 border : 1px solid #a9a9a9;
 font-size:0.8em;
 width: 375px;
}

fieldset div
{
 height:30px;
}

fieldset .nota
{
 width:250px;
 height:40px;
 background-image:url(img/bg_nota.gif);
 color:#000000;
 position:absolute;
 left:350px; 
 text-align:center;
 font-size:80%;
 visibility:hidden;
}

legend
{
 font-weight:bold;
}

label
{
 margin-left:9px;
 float:left;
}

label a
{
 color:#ff0000;
}

input[type="text"] , input[type="password"]
{
 border: 1px solid #c6c6c6;
 height:17px;
 width:280px;
 padding: 0 5px 0 5px;
 float:right;
}

input[type="checkbox"]
{
 float:right;
}

input[type="button"], input[type="submit"] 
{
 display:block;
 margin: 10px 0 0 321px;
}

select
{
 font-size:0.8em;
 margin:0;
}

.centrado
{
 text-align:center;
}

.panel
{
 width:174px;
 background-color:#f8f7f3;
 border: 3px solid #d0ceca;
 margin:20px 20px 0 20px;
}

.panel p
{
 float:left;
 margin: 7px;
 width:103px;
 font-size:0.65em;
 color:#00000;
}

.panel .titulo_panel
{
 font-size:0.7em;
 font-weight:bold;
 color:#000000;
 width:130px;
 margin:5px 0 2px 7px;
}

.panel .icono
{
 float:right;
 margin:5px 7px 0 0;
 border:none;
}

.panel .linea_panel
{
 margin:0 7px;
 width:160px;
 height:1px;
 background-color: #d0ceca;
}

.panel .foto
{
 float:left;
 margin: 7px 0 0 7px;
 width:41px;
 height:48px;
 clear:both
}

#panel_blogger
{
 height:91px;
}

#panel_blogger a
{
 margin:0px;
}

#panel_estadistica
{
 height:201px;
}

#panel_estadistica table
{
 border-collapse: collapse;
 width: 144px;
 border: 1px solid #d0ceca;
 margin: 15px;
}

#panel_estadistica td
{ 
 font-size:0.75em;
 background-color:#FFFFFF;
 border: solid 1px #d0ceca;
 height:10px;
 width:50%;
}

#panel_estadistica .concepto
{
 text-align:right;
 padding-right:6px;
}


#panel_estadistica .valor
{
 color:#FF0000;
 text-align:left;
 padding-left:6px;
}


#FALTANTE
{
 position:absolute;
 left:670px;
 top:518px;
 height:19px;
 width:10px;
 background-image: url(img/faltante.gif);
 visibility:hidden;
}

#ERROR
{
 position:absolute;
 left:250px;
 top:696px;
 width:403px;
 height:40px;
 background-color:#FFFFFF;
 border: 2px dashed #FF0000;
 color:#000000;
 font-weight:bold; 
 background:url(img/bg_error.gif);
 text-align:left;
}

#ERROR p
{
 margin-left:50px;
 margin-top:10px;
 width:340px;
 text-align:center;
 font-size:1em;
 text-decoration:blink; 
}

#PALOMA
{
 position:absolute;
 left:710px;
 top:439px;
 width:60px;
 height:59px;
 background-image:url(img/paloma.gif);
}