body{font-family:Arial; margin:0 auto; font-size:12px; background-color:#0D0D0D;}
#top{width:100%; height:90px;background-color:#FFF;display:block;margin:0px;clear:both;}
#bottom{width:100%; height:50px; display:block; background-color:#0D0D0D; float:left;margin:0px;clear:both;}
#menu{width:100%; height:55px; padding:0;  margin:0; }
#content{width:100%; height:auto; padding:0;  margin:0; background-color:#0D0D0D;text-align:center;clear:both;float:left;margin:0px;clear:both;}

/*Top*/
#cabecera{width:1000px;}
#logo_tesam{width:500px; float:left; padding:12px 0 0 0;}
#opciones_cuenta{width:500px; float:left; text-align:right;padding:20px 0 0 0; border:0px solid black;}
.texto_cuenta{font-size:12px;}
.texto_cuenta a{color:#333;text-decoration:none;font-weight:bold;}
/*/Top*/

/*Menu*/
/*Mis Tabs*/
#menu{background: white url(http://gis.tesam.pe/pe/style/20090708/img/fondo_menu.jpg) top center;background-repeat:no-repeat;}
#menu_flickr{width:1000px;}
/*/Menu*/

/*Content*/
#contenido{width:980px;background-color:#FFF; margin:0; text-align:left; height:auto; padding:20px 10px 10px 10px;clear:both; min-height:400px;}
/*/Content*/


/*Bottom*/
.orange_text{color:#FF6600;font-size:13px;font-weight:bold;float:left;margin:10px 0 0 150px;
#margin:10px 0 0 130px; /*Para Internet Explorer */
}
.white_text{color:#CCC;font-size:10px; padding:0 0 0 20px;float:left;margin:12px 0 0 0px;}
.white_text a{color:#CCC;text-decoration:none;}
.button_text{background-color:}
.proceder_permisos{margin-left:250px; border:0 solid #000; text-decoration:none; color:#fff; font-size:14px; font-weight:normal; width:139px; weight:30px;display:block; text-align:center; padding:0px 0px 0px 10px; background-image:url("http://gis.tesam.pe/pe/style/20090708/img/btn_permisos.jpg"); border:0px solid black;}
.powered{display:block;float:left;padding:0px 0px 0px 0px; margin: 0 0 0 240px;color:#FFF;
margin:10px 0 0 200px;/*Firefox*/
#margin: 10px 0 0 240px; /*Para Internet Explorer */
_margin: 10px 0 0 240px; /* Para Internet Explorer 6 */
margin: 10px 0 0 245px !important; /*IE8*/
}
.powered a{text-decoration:none;color:#FFF;font-size:12px; font-weight:bold;}
/*/Bottom*/

/*RUTA*/
#ruta{color:#999; font-weight:bold;}
#ruta a{color:#444; font-weight:bold; text-decoration:none;}
#ruta a:hover{color:#FF6600; text-decoration:underline;}

/*Tubicasa*/
/*CONTENIDO PORTADA	*/
#formulario {width:748px; height:265px; display:block; padding: 5px 0; background-image:url("img/formportada.jpg"); background-repeat: no-repeat; background-position:center;}
#slogan {width:538px; height:38px; display:block; text-align:center; color:#3F8FBA; font-size:29px; font-weight:bold; margin:10px 0px 30px 0px; }
#formulario p{text-align:left; margin:0; margin-left:50px; clear:both;  }
#formulario p.textprinc {color:#999; font-family:arial; font-size:20px;}
#formulario p input{width:500px; float:left; margin: 20px 0px 0px 0px; padding:5px 0px 0px 5px;  height:30px;  color:#006AA4; font-family:arial; font-size:20px; border: 1px solid #CCC; text-align:left; float:left; background: url("img/portada_inputtop.jpg") top right no-repeat;}
#opciones a {text-decoration:underline; color:#EB8932; font-size:14px;  font-family:arial; float:left; margin:30px 0px 0px 5px;}
#formulario  p.ejemplo{  text-align:left; margin:0; margin-left:50px; clear:both;  padding-top:10px;}
#formulario  p.ejemplo a {text-decoration:underline; color:#838383; font-family:arial; font-size:12px;}
#formulario p a.portada_comprar{margin-left:260px; margin-top:10px; float:left;width:125px; height:30px; display:block;  background-image:url("img/botoncomprar.jpg"); background-repeat: no-repeat; color:white; font-size:20px; text-decoration:none; text-align:center; padding:9px 0px 13px 0px;}
* html #formulario p a.portada_comprar{margin-left:130px; margin-top:10px; float:left;width:125px; height:30px; display:block;  background-image:url("img/botoncomprar.jpg"); background-repeat: no-repeat; color:white; font-size:20px; text-decoration:none; text-align:center; padding:9px 0px 13px 0px;}
#formulario p a.portada_alquilar{margin-top:10px;  float:left; width:125px; height:30px; display:block;  background-image:url("img/botonalquilar.jpg"); background-repeat: no-repeat; color:white; font-size:20px; text-decoration:none; text-align:center; padding:9px 0px 13px 0px;}
#titulo{color:#FF9100; font-size:24px; font-weight:bold; text-align:left;}
#interesante {width:1000px; min-height:340px; height:auto;  padding: 20px 0; text-align:left;}
#interesante #arriba {width:1000px; height:140px; display:block;  float:left;}
#interesante #arriba #izquierda{width:340px; height:140px; display:block;  float:left; padding: 5px 5px;}
#interesante #arriba #izquierda #descripcion{font-size:20px; color:#A3A3A3; float:left; text-align:left}
#interesante #arriba #derecha{width:650px; height:140px; display:block; float:left;  text-align:right;}

#interesante #abajo {width:990px; min-height:200px; height:auto; padding: 0px 5px 5px 5px;  }
.clase{width:320px; min-height:210px; height:auto;   float:left; padding: 5px 0px; text-align:left;}
.clase .item{width:320px; height:80px; display:block;  float:left; padding: 3px 5px;}
.clase .item .foto{width:100px; height:80px; display:block;  float:left; background-color:#ccc;}
.clase .item .titulo{width:200px; display:block;  float:left; color:#0E527E; font-family:arial; font-size:12px; font-weight:bold; padding: 0 0 0 8px;}
.clase .item .titulo a {color: #0E527E; }
.clase .item .descripcion{width:200px; display:block;  float:left; color:#0E527E; font-family:arial; font-size:12px; font-weight:normal; padding: 0 0 0 8px;}


/*ADMINISTRACION*/
/*Menú*/
#contentadmin{width:1000px; text-align:left; margin:0; padding:0; }

/*MENSAJES*/
.mensaje {width:97%; height:auto; display:block; text-align:left; color:#666; font-size:12px; font-weight:bold; margin-left:10px;}
.mensaje .info {background-image:url("img/info.jpg");background-position:center left;background-repeat:no-repeat; border:1px solid #B0D4F0;  padding:5px 5px 5px 50px; margin:10px 5px 10px 0px;                 background-position:top left;}
.mensaje .exito {background-image:url("img/exito.jpg");background-position:center left;background-repeat:no-repeat; border:1px solid #70CD36;padding:5px 5px 5px 50px; margin:10px 5px 10px 0px; color:#4AB90A;  background-position:top left;}
.mensaje .error {background-image:url("img/error.jpg");background-position:center left;background-repeat:no-repeat; border:1px solid #D90000;padding:5px 5px 5px 50px; margin:10px 5px 10px 0px; color: #F80707; background-position:top left; }
.mensaje a{color:#EB8932;}
/*CONTENT INFO*/
.content_info{width:300px;padding:0px 10px 10px 10px; margin:0; clear:both;}
.content_info h2{color:#444444; font-weight:bold; font-size:20px;}
.content_info ol li{color:#333333; align:left;}
.content_info ol li strong{color: #333333;}
.content_info a{color:#0F619C;font-size:12px;}

/*FORMULARIO*/
.formulario { margin:0; padding:10px 10px;height:auto; width:900px;clear:both;}
/*
.formulario h2{margin:0; padding:0;  font-size:18px; color: #333;  font-weight: normal; padding-bottom:10px;}
*/
.formulario h2{margin:0; padding:0;  font-size:18px; color: #FF6600;  font-weight: normal; padding-bottom:10px;}
.formulario h3{ margin:0; padding:0; font-size:13px; padding-bottom:10px;}
.formulario h3 a{color:#0F619C;}
.formulario form{ margin:0; padding:0;}
.formulario form fieldset{ margin:0; padding:0; padding-top:10px; padding-bottom:10px; clear:both; border:0px dashed #dddccc; border-top-width:1px;}
*html .formulario form fieldset legend{ background-color:white; }
.formulario form fieldset legend{ background-color:white; }
.formulario form fieldset legend{font-size:15px; color:#777777; font-weight:normal; width:100%;  }
.formulario form fieldset legend a{color:#0F619C; font-size:12px; }
.formulario form fieldset .contenido{font-size:12px; margin-left:10px; font-style:italic; color:black;}
.formulario form fieldset p{clear:both; margin:0; padding:0; padding-top:7px; padding-bottom:7px;}
.formulario form fieldset p label{width:200px; float:left; text-align:right; margin-right:5px; font-weight:bold; font-size:13px; color:#111111;}
.formulario form fieldset p .contenido{float:left; text-align:left; margin-left:5px; font-size:13px;}
.formulario form fieldset p .descripcion{float:left; text-align:left; margin-left:5px; font-size:13px; width:350px; text-align:justify;}
.formulario form fieldset p input{float:left; text-align:left; width:200px;}
.formulario form fieldset p input.superlargo{width:400px;  }
.formulario form fieldset p input.extralargo{width:300px;  }
.formulario form fieldset p input.largo{width:200px;  }
.formulario form fieldset p input.medio{width:100px; }
.formulario form fieldset p input.corto{width:50px;   }
.formulario form fieldset p select{float:left; text-align:left;}
.formulario form fieldset p textarea{float:left; text-align:left; width:300px; height:200px;}
.formulario form fieldset p textarea.largo{float:left; text-align:left; width:350px; height:200px;}
.formulario form fieldset p textarea.medio{float:left; text-align:left; width:300px; height:100px;}
.formulario form fieldset p textarea.corto{float:left; text-align:left; width:200px; height:50px;}
.formulario form fieldset p .requerido{float:left; margin-left:5px; color:#FF3300; font-weight:bold; font-size:20px;}
.formulario form fieldset p .info{float:left; margin-left:5px; color:#666666; font-weight:normal; font-size:11px;}
.formulario form fieldset a{color:#0F619C;font-size:12px;}
.formulario form fieldset a.editar{float:left; text-align:left; color:#0F619C; margin:0; padding:0; margin-left:5px;}
.formulario form fieldset a.cancelar{margin-left:10px; color:#EA8933; font-size:12px; font-weight:bold; float:left; padding:10px 0px 10px 0px; }
.formulario form fieldset .proceder{margin-left:150px;  text-decoration:none; color:#fff; font-size:13px; font-weight:normal; float:left; width:111px; display:block; text-align:center; padding:8px 0px 7px 0px; background-image:url("http://gis.tesam.pe/pe/style/20090708/img/btn_proceder.jpg"); border:0px solid black;}
.formulario form fieldset .proceder{ *padding-top:7px; }
*html .formulario form fieldset .proceder{ margin-left:75px; padding-top:7px; }

/*ADMINISTRACION*/
#listaadmin{width:830px; height:auto; display:block; float:left; background-color:#FFF; margin:0; padding:0; margin-top:10px; margin-bottom:10px;}
#listaadmin_top{padding-top:10px; padding-left:8px;width:822px; height:20px;display:block;background-image:url("img/admintop.jpg");background-position:center left;background-repeat:no-repeat;color:white;}
#listaadmin_content{width:819px;  padding-left:5px; padding-top:10px;  border:3px solid #106196;  height:auto;  min-height:300px;   } 

/*TABLA*/
.admintable{margin:0; padding:0; clear:both; width:100%;}
.admintable h2{margin:0; padding:10px 0;  font-size:18px; color: #FF6600;  font-weight: normal; padding-bottom:10px;}
.admintable h3{ margin:0; padding:0; font-size:13px; padding-bottom:10px;}
.admintable h3 a{color:#333;}

#bg_programs {margin:0; padding:0; clear:both; width:902px; height:72px;background-image:url('img/bgprograms.jpg');  background-repeat: no-repeat;}
#sugerencia{height:30px;margin:0; padding:15px 0 0 0;font-family:arial; font-size:14px;font-weight:bold;color:#000;}
#programs{height:30px;margin:0; padding:0px 0 0 0;font-family:arial; font-size:14px;font-weight:bold;}
#programs a{padding:0px 20px 0 20px;text-decoration:underline; color:#FFF;}