/* 
    Document   : site.css
    Created on : 9/03/2012, 11:14:06 AM
    Author     : chuy
    Description:
        Diseño basico del administrador
*/
html{ height: 100%; background: #fff;padding: 0;margin: 0 }
body{ margin: 0; padding: 0; font-family: "Lucida Grande", Verdana, sans-serif; color: #333;  min-width: 750px}
.page-wrap{padding: 10px 20px}

#login{margin: 0 auto; width: 270px; border: 1px solid #AAA; border-radius: 8px; padding: 15px; margin-top: 150px; background: #fff}
#login form{background: transparent; border: 0px; color: #6D6E71; }
#login h1{text-align: center; color: #A6CE39; margin: 10px 0 20px; font-size: 22px}
#login h2.error{font-size: 12px; color: #900; text-align: center;}
#login label{font-size: 12px; padding: 5px; line-height: 20px; display: block}
#login input[type=text], #login input[type=password]{border: 1px solid #6D6E71; }
#login input[type=submit]{float: right; background: #A6CE39; border: 1px solid #6D6E71}

#menup{background: #333; margin: 0 0 0px; padding: 0px; box-shadow: 0px 1px 2px #555; position: relative; z-index: 2; min-height: 30px}
#menup >ul{margin: 0; padding: 5px 0}
#menup ul li{display: inline-block; position: relative; padding: 0px 10px; margin: 0; line-height: 16px;}
#menup ul a{color: #FFF; font-size: 11px; text-decoration: none; padding: 3px 12px; display: block;}
#menup > ul > li:hover > a{background: #333; border-radius: 15px;}
#menup ul li ul{display: none; position: absolute; background: #333; padding: 5px 0 0; left: 0px; top: 22px;}
#menup ul li:hover ul{display: block;}
#menup ul li ul li{margin: 0px; display: block; padding: 3px 30px 3px 10px;  border-bottom: 1px solid #333}
#menup ul li ul li:last-child{border: 0px;}
#menup ul li ul{border-radius: 0 0 5px 5px; box-shadow: 2px 2px 2px #333}
#menup ul li ul li a{padding: 2px 5px;}
#menup ul li ul li:hover {background: #FFF;color:#000}
#menup ul li ul li:hover a{color:#000}

#footer{background: #fff; padding: 10px; text-align: center}

#entrar-como{color: #FFF; float: right; margin: -23px 10px 0 0; font-size: 11px; position: relative; z-index: 5;}
#entrar-como a{color: #FFF; }

#content{padding: 0px; min-height: 672px; background: #FFF url(../imgs/bgprepal.jpg) no-repeat; font-size: 12px}
#content > h1{background: #e0e0d8; padding: 10px; color: #0074c6; font-weight: normal; border-bottom: 1px solid #b4b4ad; }
#content ul.toolbar{background: #CCC; padding: 10px 20px; border-left:1px solid #AAA; border-radius: 0 8px 8px 0; font-size: 11px; display: inline-block; margin: 0 0 10px 5px; box-shadow: -2px 0px 2px #888}
#content ul.toolbar li{display: inline-block}
#content ul.toolbar li a{text-decoration: none; color: #0398CA; padding: 0 10px}
#content ul.toolbar li a:hover{color: #0074c6}

/*** Resultados **/
table{width: 100%;}
table td{padding: 5px 3px}

/*** Formularios ***/
textarea, input[type=text], input[type=password], select{border: 1px solid #AAA; border-radius: 8px; font-size: 11px; padding: 5px }
input[type=submit]{background: #0074c6; color: #FFF; padding: 5px 10px; text-transform: uppercase; border: 1px solid #0398CA; border-radius: 3px}

form{display: block; margin: 0 auto; width: 90%;  background: #FFF; background: rgba(255, 255, 255, .8); border-radius: 5px;  border: 1px solid #DDDDDD; padding: 15px}
form label{line-height: 20px; display: block; margin: 6px 0 0; margin-left: 0px; color: #333; font-size: 11px; font-weight: normal;}
form input[type=text], form input[type=password], form textarea{width: 90%;  margin-left: 20px; }
form select { margin-left: 20px; }
form input[type=submit]{}
form ul.errors{color: #c50707; font-size: 10px; text-transform: uppercase; font-style: italic; width: 90%; background: #ccc;  padding: 15px 5px 5px; margin-top: -10px; border-radius: 0 0 8px 8px; margin-left: 20px;}
form ul.errors li{padding: 0 10px}
form .inline-lb label{display: inline-block; margin: 0 10px 0 0;}

form fieldset{ padding: 10px; width: 80%; }
form fieldset legend{color: #063eb0; font-weight: bold;}

#con_template_parent{display: inline-block}
#fields{display: inline-block;  width: 250px; margin-left: 30px; vertical-align: top; }
#fields div{display: block; font-size: 11px; padding: 0px; height: 240px}
#fields li{background: #DDD; border-top: 1px solid #CCC; margin: 0px; display: block; padding: 4px}
#fields div span{font-weight: bold; font-size: 13px; background: #8dd553; border-radius: 10px; color: #de3737; line-height: 12px; cursor: pointer; padding: 4px; display: inline-block; margin-right: 10px}

#bienvenida{text-align: center; margin-top: 25px;}

.colorboxCont{padding: 20px; font-size: 12px;}

.registros{}
.center{text-align: center}