/* CSS Document */
/*COPYRIGHT BENJAMIN BEVIA PROPIEDAD INTELECTUAL
/////////////////////////////////////////////////////////////////////////////////////////////////////////
// Copyright (C) Cesar Beviá / Benjamín Beviá - benjaminbevia@gmail.com  - http://benjamin.bevia.net   //
// DISEÑO WEB PROFESIONAL ALICANTE - FOBOSTEC ::: DISEÑO WEB - Diseño web - Diseño web profesional     //
//                                                                                                     //
// Copyrigh © 2008 Benjamín Beviá Isidro                                                               //
// Prohibida la reproducción total o parcial del código, incluido su tratamiento informático,          //
// transmisión o utilización sin el previo permiso y por escrito del titular del copyright             //
/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
BODY {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #474747; text-align:center;}
#page{position: absolute; left: 50%; width: 749px; margin-left: -375px; margin-top: 20px;}
#pageleft {position:absolute; top:0; left:0; width: 197px; background: url("img/leftpanelback.gif"); background-repeat: repeat-y; background-position: left top;}
#pageright {position:absolute; top:0; right:0; width: 552px;}
.textosleft {text-align:left; color: #EEEEEE; font: normal 11px/100% "Tahoma", Arial, sans-serif; padding-left: 20px; padding-right: 15px; line-height: 13px;}
.textouser {color: #46CCFE; font: normal 13px/100% "Tahoma", Arial, sans-serif;}
.textouserinfo {color: #46CCFE; font: normal 11px/100% "Tahoma", Arial, sans-serif;}
.admindominio {color: #46CCFE; font: normal 17px/100% "Tahoma", Arial, sans-serif;}
.tabla_header {text-align:left; padding-left: 5px; color:#4040a1; font: bold 11px/100% "Tahoma", Arial, sans-serif; background:#ebedf3; height: 20px;}
.tabla_datos_par {text-align:left; padding-left: 5px; color:#979797; font: bold 10px/100% "Tahoma", Arial, sans-serif; background:#F9F9F9;}
.tabla_datos_impar {text-align:left; padding-left: 5px; color:#979797; font: bold 10px/100% "Tahoma", Arial, sans-serif; background:#FFFFFF;}
.tablafotos {border: 1px solid #B7B7B7; padding: 1px;}
#login{position: absolute; left: 50%; width: 552px; margin-left: -276px; margin-top: 20px;}
#header{text-align:left; color: #FFFFFF; font: normal 11px/100% Verdana, Arial, Helvetica, sans-serif; height: 100px; background-image: url("img/logoweb.gif"); background-repeat: no-repeat; background-position: left top;}
#footer{text-align:right; color: #FFFFFF; font: normal 10px/100% "Tahoma", Arial, sans-serif; padding-right: 20px;}
#contenidos{text-align:left; color: #FFFFFF; font: normal 11px/100% Verdana, Arial, Helvetica, sans-serif;}
#logintop {text-align:left; color: #FFFFFF; font: normal 10px/100% "Tahoma", Arial, sans-serif; height: 45px; background-image: url("img/logintop.gif"); background-repeat: no-repeat; background-position: left top;}
#logintopintro {text-align:left; color: #FFFFFF; font: normal 10px/100% "Tahoma", Arial, sans-serif; height: 45px; background-image: url("img/logintopintro.gif"); background-repeat: no-repeat; background-position: left top;}
#admintop {text-align:left; padding-left: 20px; color: #474747; font: bold 17px/100% "Tahoma", Arial, sans-serif; line-height: 30px; height: 45px; background-image: url("img/logintop.gif"); background-repeat: no-repeat; background-position: left top;}
#loginbottom {height: 21px; background-image: url("img/loginbottom.gif"); background-repeat: no-repeat; background-position: left top;}
#loginbottomintro {height: 21px; background-image: url("img/loginbottomintro.gif"); background-repeat: no-repeat; background-position: left top;}
#logincontents {padding-left: 50px; background-image: url("img/loginback.gif"); background-repeat: repeat-y;}
#logincontentsintro {padding-left: 50px; background-image: url("img/loginbackintro.gif"); background-repeat: repeat-y;}
#admincontents {padding-left: 20px; background-image: url("img/loginback.gif"); background-repeat: repeat-y;}
#adminfooterinfo {height: 50px; margin-top:5px; padding-right: 80px; color: #A7A7A7; font: normal 11px/100% "Tahoma", Arial, sans-serif;}
.infotext {color: #999999; font: normal 10px/100% "Tahoma", Arial, sans-serif; line-height: 10px;}
#logintitulo {position:relative; height: 15px; width: 400px; padding-left: 10px; border-bottom: #DDDDDD 1px solid; color: #474747; font: bold 11px/100% "Tahoma", Arial, sans-serif;}
#logintitulointro {position:relative; height: 15px; width: 400px; padding-left: 10px; border-bottom: #CCCCCC 1px solid; color: #474747; font: bold 11px/100% "Tahoma", Arial, sans-serif;}
#adminnav {position:relative; width: 500px;}
#admintitulo {position:relative; height: 15px; width: 400px; padding-left: 10px; color: #474747; font: bold 11px/100% "Tahoma", Arial, sans-serif;}
.textologin {color: #8B8B8B; font: normal 11px/100% "Tahoma", Arial, sans-serif; line-height: 13px;}
.textoleftpanellogin {color: #CCCCCC; font: normal 11px/100% "Tahoma", Arial, sans-serif; line-height: 13px;}
.textoleftpanelinfogrupos {color: #1F2E33; font: normal 9px/100% "Tahoma", Arial, sans-serif; line-height: 10px;}
.hora {color: #CCCCCC; font: normal 11px/100% "Tahoma", Arial, sans-serif; line-height: 13px;}
.textonav {color: #46CCFE; font: bold 11px/100% "Tahoma", Arial, sans-serif; line-height: 13px;}
.refrescar {color: #46CCFE; font: bold 10px/100% "Tahoma", Arial, sans-serif;}
a {text-decoration: none;}
a:hover.textologin {color: #474747;}
a:hover.textonav {color: #474747;}
a:hover.refrescar {color: #474747;}
.inputlogin {BORDER-TOP: #DDDDDD 1px solid; BORDER-BOTTOM: #DDDDDD 1px solid; BORDER-LEFT: #DDDDDD 1px solid; BORDER-RIGHT: #DDDDDD 1px solid; padding-left: 4px; BACKGROUND-COLOR: #FFFFFF; font: normal 11px/100% "Tahoma", Arial, sans-serif; COLOR: #8B8B8B; width: 150 px; height: 16 px; TEXT-DECORATION: none;}
.inputloginintro {BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 1px solid; padding-left: 4px; BACKGROUND-COLOR: #F2F2F2; font: normal 11px/100% "Tahoma", Arial, sans-serif; COLOR: #777777; width: 150 px; height: 16 px; TEXT-DECORATION: none;}
.button {BORDER-TOP: #777777 1px solid; BORDER-BOTTOM: #777777 1px solid; BORDER-LEFT: #777777 1px solid; BORDER-RIGHT: #777777 1px solid; padding-left: 4px; BACKGROUND-COLOR: #999999; font: bold 11px/100% "Tahoma", Arial, sans-serif; COLOR: #FFFFFF; height: 16 px; TEXT-DECORATION: none; cursor: pointer; cursor: hand;}
.inputfile {BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 1px solid; padding-left: 4px; BACKGROUND-COLOR: #F3F3F3; font: normal 11px/100% "Tahoma", Arial, sans-serif; COLOR: #8B8B8B; height: 16 px; TEXT-DECORATION: none; cursor: pointer; cursor: hand;}
.errorContenedor {text-align:center;}
.errorCabecera {background:#FFFFFF url(img/err.gif) no-repeat scroll 10px 11px; border:2px solid #CC0000; margin:0px auto; padding:10px 32px; position:relative; width:400px; text-align:left;}
.errorCabecera .titulo {color:#CC0000; font: bold 13px/100% "Tahoma", Arial, sans-serif;}
#fondoOscurecido{position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#000000; filter:alpha(opacity=50); opacity: .5; z-index:90;}
#error{position:absolute; top:0px; left:0px; top:210px; width:100%; opacity:0.99999; z-index:100; font: normal 12px/100% "Tahoma", Arial, sans-serif;}
table.sortable thead th {text-align: left; background: #E9E9E9; padding-left: 4px; color: #0B8BBB; font: bold 11px/100% "Tahoma", Arial, sans-serif; height: 20px; cursor: pointer; cursor: hand;}