/** PAGINA */

/**
TODO: Poner todas las imágenes con path absoluto y mover este fichero a ./css
*/

body {font-family:arial;font-size:12px;text-align:center;padding:0px;margin:0px;overflow:scroll;}
div#pagina {width:964px;margin:0 auto;font-family:arial;font-size:12px;text-align:left;}
form {margin:0px;padding:0px;}
hr {border:0px;border-top:1px solid #bbb;height:0px;}
p.info {margin:3px;border-bottom:1px solid #ddd;}


/** LOGIN */

div#CentradaLogin {
  background-color:#eee; border:1px solid black;
  position:absolute; top:50%; left:50%; 
  width:450px; height:250px; 
  margin-left:-225px; margin-top:-125px; 
  border:1px solid #D0D0D0;
  }
td.cabeceraAcceso {
  text-align:center;
  height:58;background-image:url(img/login_header.gif);
  color:white;font-weight:bold;
  background-repeat:no-repeat;
  }
input.boton {font-family:arial;font-size:11px;}  

/** MENU */
div.menuHead {width:964px;background:transparent url(img/menu_bar150.png) no-repeat scroll left bottom;}
div#headTitle {float:left;line-height:25px;color:yellow;font-size:14px;font-weight:bold;margin:0px 5px 0px 5px;}
div#headInfo {text-align:center;line-height:15px;color:#ddd;font-size:11px;font-weight:normal;margin:0px;}
.left {float:left;}
.right {float:right;}
div#menu a , div#menu span{ 
  font-weight:bold;padding:7px 7px 7px 8px;
  display:block;
  outline-style:none;
  text-decoration:none;
  font-size:11px;
  line-height:normal;
  float:left;clear:none;
}
div#menu a {  color:white;cursor:pointer;}
div#menu span {color:#ccc;cursor:crosshair; }
div#menu span.elegido {cursor:crosshair; }
div#menu a:hover {background-color:#5C75AA;}
div.corte {clear:both;}
.submenu , div#menu span.elegido  {background-color: #5C75cc;}
.submenu {width:100%; }

.azulon {background-color:#3B5998;}

/** CUERPO */
div.contenedor{width:964px;background:#F8F9FB url(img/difum2.jpg) no-repeat scroll left bottom;}
div.warning {color:red;font-weight:bold;}

.vistaMiniweb {border:1px solid #ccc;overflow:auto;width:900px;height:600px;}

/** ADMIN */

table.usersList {
border:1px solid black;
font-size:11px;
}

table.usersList th {
text-align:center;
width:150px;
border-right:1px solid blue;
border-bottom:2px dotted blue;
}
table.usersList td {
border-right:1px solid black;
border-bottom:1px dotted grey;
padding:1px;
margin:0px;
}

table.volcado {
width:100%;
border:0px solid black;
padding:0px;
margin:0px;
font-size:11px;
}
table.volcado td {
background-color:#ddd;
}
span#mensaje {
color:white;background-color:green;font-color:white;font-weight:bold;font-size:12px;
padding:3px 10px 3px 10px; margin:1px;
}
span#alerta {
color:white;background-color:gredreen;font-color:white;font-weight:bold;font-size:12px;
padding:3px 10px 3px 10px; margin:1px;
}


div.aviso {color:red;font-weight:bold;border:1px dotted red;padding:5px;}
div.avisoOK {color:green;font-weight:bold;border:1px dotted green;padding:5px;}

/** USER */
div#sandbox {
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-size: 12px; 
  padding:0px;
  margin:0px;
	width: 630px; 
	text-align:center; 
	/** mio */
	background-color:white;
	}
	
textarea.extiendete {
width:600px;
height:100px;
}	

/** EDICION ADMIN */
#contenedorCfg { 
 border: 1px solid #ccc; 
 margin: 5px; padding: 5px; 
 background-color: rgb(238, 238, 238);
 font-size:12px;
} 

#contenedorCfg input[type=text]  {
  border: 1px solid #ccc; 
  height:20px;
  width:300px;
  background-color:#ddd;  
}
.editing {
  border:2px solid orange !important;
}
#contenedorCfg input[type=checkbox]  {
  border: 1px solid #ccc; 
  height:10px;
  width:10px;
  background-color:#ddd;  
}

#contenedorCfg input[type=radio]  {
  border: 1px solid #ccc; 
  height:15px;
  width:10px;
  background-color:#aaa;  
  margin:0px;
  padding:0px;
  vertical-align:middle;
  line-height:15;
  margin-right:5px;
  margin-let:5px;
}

#infoAjax {
  border: 1px solid #ccc; 
  height:12px;
  background-color:#ddd;
  margin-top:2px;
}

#contenedorCfg  h1 {
  font-size:12px;
  margin:0px;padding:0px;
  border-bottom:1px solid #ccc;
  margin-top:10px;
}

button {
 font-size:10px;
}

button.ajax {
 font-size:10px;
}



/** MODAL */
body {
height: 100%;
margin: 0;
padding: 0;
position: relative;
}
#hideshow , #fotoshow , #editorshow , #deleBloqueShow, .porEncima {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index:10001;
}

#fotoshow {
top:-200px !important;
}

#fade {
background: #000; 
position: fixed; 
width: 100%;
height: 100%;
filter:alpha(opacity=80);
opacity: .80;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
left: 0;
z-index:10000;
display:none;
}
.popup_block {
background: #fff; /* #ddd;*/
padding: 10px 20px;
border: 10px solid #5C75CC; /* #fff; */
float: left;
width: 680px;
position: fixed;
top: 20px;
left: 50%;
margin: 0 0 0 -350px;
z-index: 100;
 
}
.popup_block .popup {
float: left;
width: 100%;
background: #fff;
margin: 10px 0;
padding: 10px 0;
border: 1px solid #bbb;
}

*html #fade {
position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop : document.body.scrollTop);

}
 
*html .popup_block {
position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+((documentElement.clientHeight-this.clientHeight)/2)
: document.body.scrollTop
+((document.body.clientHeight-this.clientHeight)/2));
left:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollLeft 
+ (document.body.clientWidth /2 ) 
: document.body.scrollLeft 
+ (document.body.offsetWidth /2 ));
}

#webditorHistory {
height:15px;
width:150px;
background-color:#eee;
border:1px solid #ddd;
}
button {
padding:0px;
}
.btn {
float:left;
clear:none;
padding:0px;
margin:0px;
background-image:url(img/botones.gif);
width:35px;
height:18px;
background-repeat:no-repeat;
}
.img2right {background-position:-0px -2px;}
.img2left {background-position:-35px -2px;}
.imgdele {background-position:-0px -23px;}
.imgupload {background-position:-35px -23px;}
.editTitle{background-position:-30px -47px;}
.editTxt {background-position:2px -47px;}

.hideTit {background-position:2px -73px;}
.showTit {background-position:-28px -73px;}
.imgShow {background-position:-2px -100px;}

.addBlock {background-position:-2px -120px;}
.deleBlock {background-position:-40px -120px;}


#siBorro , #noBorro {padding-right:30px;padding-left:30px;font-weight:bold;}
.queSi {background-position:-80px -5px;}
.queNo {background-position:-110px -5px;}


h5 {margin:0px;padding:0px;font-size:12px;background-color:#ccc;border:1px solid #ddd;}
button.icon{width:16px;height:16px;border-width:1px;background-image:url(/webeditor/img/icons.gif);margin:0px;padding:0px;}
button.icong{width:25px;height:25px;border-width:1px;background-image:url(/webeditor/img/icons.gif);margin:0px;padding:0px;}
button.cancel {background-position: -9px -275px}
button.up {background-position: -330px -275px}
button.down {background-position: -283px -275px}
button.save {background-position: -211px -242px}
button.show {background-position: -238px -222px}
div.saveButton { }
button.saveButton {
  float:right;
  margin-bottom:3px;
  clear:none;background-color:#fff;line-height:16px;height:22px;vertical-align:middle;font-size:12px;font-weight:bold;}
button.saveButton > div {
width:16px;height:16px;border-width:1px;background-image:url(/webeditor/img/icons.gif);margin:0px;padding:0px;
 background-position: -214px -244px;float:left;clear:none;
 margin-right:5px;
}
div.ico {
  background-color:#ddf;
  height:20px;line-height:20px;vertical-align:middle;
  padding:0px 2px 0px 2px;

  text-align:right;
  margin-right:2px;
  }
label.std {width:100px;  clear:none;float:left;}  
label.std250 {width:250px;  clear:none;float:left; 
  line-heigth:18px;height:18px;
  margin-top:3px;
  background-color:#d8d0e2;
  border:1px solid #baa8d1;
  border-right:0px;
  text-align:right;
  padding-right:2px;
  font-weight:bold;
  }  

.loading {
background-image:url(/webeditor/img/loading.gif);
background-repeat:no-repeat;
background-position:left center;
height:32px;
padding-left:40px;
line-height:30px;
vertical-align:middle;
font-weight:bold;
color:#3a546e;
}

.head {height:20px;line-height:20px;text-align:center;
      color:white;background-color:#4373a3;
      font-weight:bold;
      margin-bottom:5px;}