body {
background-color: #cfcfcf;
margin: 0;
}
a {
text-decoration: none;
}
.oculto {
display: none !important;
}
.alavista {
display: inline !important;
}
ul, ul li {
margin: 0;
padding: 0;
list-style-type: none;
}
.contenedor {
width: 750px;
margin: 0 auto 0 auto;
}
#publicidadsuperior {
border: 1px solid #bfbfbf;
border-top: none;
background-color: #ccc;
}
.columna1 {
width: 122px;
float: left;
margin-right: 10px;
padding-top: 10px;
display: inline;
}
.columna2 {
width: 618px;
float: left;
padding-top: 10px;
}
.logo {
padding: 0 0 4px 0;
}
.soitu {
text-align: right;
padding: 0 0 3px 0;
}
.soitu img, .logo img, .lema img {
border: 0;
}
.soitu img {margin-right: 2px;}
.lema {
padding: 8px 0 10px 0;
border-top: 1px solid #bbb;
}
.caja {
padding: 10px 50px 50px 50px;
background-color: #fff;
border: 1px solid #bfbfbf;
}
.quienycuando {
padding: 15px 0 0 0;
width: 100%;
overflow: hidden;
font: bold 13px/16px Tahoma, Arial, Helvetica, Garuda, sans-serif;
}
.quienycuando .foto {
border: 1px solid #666;
float: left;
margin: 0 10px 0 0;
}
.quienycuando .foto a {
overflow: hidden;
display: block;
border: 1px solid #fff;
}
.quienycuando .foto img {
width: 45px;
height: auto;
border: 0;
}
.quienycuando .firmayhora {
float: left;
}
.quienycuando .firmayhora p {
margin: 0;
font: normal 11px/18px Tahoma, Arial, Helvetica, Garuda, sans-serif;
color: #999;
padding: 0;
}
.quienycuando .firmayhora p a {
padding: 2px 0 2px 0;
color: #f80000;
font-weight: bold;
font-size: 13px;
}
.quienycuando .firmayhora p a:hover {
color: #000;
}
.quienycuando .firmayhora p, .quienycuando .firmayhora img {
vertical-align: middle;
}
.quienycuando .firmayhora img {
margin-bottom: 3px;
}
.mensaje {
border-top: 1px solid #ccc;
padding: 15px 0 0 0;
margin: 19px 0 0 0;
width: 100%;
}
.mensaje p {
font: normal 22px/30px Arial, Helvetica, Garuda, sans-serif;
padding: 0;
margin: 0 0 0 0;
}
.mensaje p a {
color: #f80000;
}
.mensaje p a:hover {
background-color: #efefef;
}
.fotocompleta {
width: 100%;
overflow: hidden;
margin: 0 0 5px 0;
}
.mensaje .foto {
border: 1px solid #999;
padding: 3px;
background-color: #fff;
float: left;
margin: 0 15px 15px 0;
}
.mensaje .fotocompleta .foto {
margin: 15px 15px 0 0;
}
.enlaces {
border-top: 1px solid #ccc;
clear: both;
}
.enlaces a.primero, .enlaces a.segundo {
font: normal 11px/14px Arial, Tahoma, Helvetica, Garuda, sans-serif;
display: block;
padding: 1px 12px 2px 12px;
text-align: center;
float: right;
width: 54px;
border: 1px solid #ccc;
border-top: none;
background-color: #ddd;
color: #000;
}
.enlaces a.primero {
width: 54px;
background-color: #afa8a4;
color: #fff;
}
.enlaces a.segundo {
width: 84px;
margin-right: 5px;
}
.enlaces a.primero:hover {
background-color: #7c726b;
color: #fff;
}
.enlaces a.segundo:hover {
background-color: #aaa;
color: #fff;
}
.enlaces a.relacionados {
background: #ddd url(/Iconos/v1.x/v1.0/varios/ico_mensajes_relacionados.png) no-repeat 3px 3px;
float: right;
height: 15px;
width: 17px;
padding: 1px 0 1px 0;
margin: 0 5px 0 0;
border: 1px solid #ccc;
border-top: none;
}
.enlaces a.relacionados:hover {
background: #ddd url(/Iconos/v1.x/v1.0/varios/ico_mensajes_relacionados_rojo.png) no-repeat 3px 3px;
}
.enlaces a:hover {
background-color: #ddd;
color: #000;
}
.tipos {
position: absolute;
width: 130px;
padding-bottom: 18px;
z-index: 50;
background: transparent url(/t.gif) no-repeat 0 0;
}
.tipos ul {
font: normal 12px/15px "Microsoft Sans Serif", Helvetica, Arial, Tahoma, Garuda, Sans, sans-serif;
padding: 5px;
background-color: #a5a5a5;
}
.tipos ul li {
padding: 0;
}
.tipos ul li a {
float: none;
display: block;
background-color: #666;
border: none;
margin: 0 0 1px 0;
color: #fff;
font: normal 11px/14px Arial, Tahoma, Helvetica, Garuda, sans-serif;
padding: 2px 0 3px 0;
text-align: center;
}
.tipos ul li a:hover {
color: #fff;
background: #333 url(/Iconos/v1.x/v1.0/bolillos/fondo_tipos_mensajes.png) no-repeat left top;
border: 0;
}
.nombrecompleto {
font: normal 11px/14px Tahoma, Helvetica, Garuda, sans-serif;
color: #333;
}
#temas {
margin: 15px 0 15px 0;
width: 100%;
overflow: hidden;
clear: both;
}
.capatemas {
padding: 0 10px 0 0;
width: 400px;
float: left;
margin: 0 0 0 15px;
}
.capatemas ul li {
font: bold 11px/20px Arial, Tahoma, Helvetica, Garuda, sans-serif;
}
.capatemas ul li a {
color: #f80000;
}
.capatemas ul li a:hover {
color: #000;
}
a#boton_desplegar_temas {
font: normal 11px/14px Arial, Helvetica, Garuda, sans-serif;
color: #666;
display: block;
width: 80px;
padding: 1px 0 2px 0;
margin: 0;
text-align: center;
background-color: #efefef;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 3px solid #e6e6e6;
float: left;
}
a#boton_desplegar_temas:hover {
color: #fff;
background-color: #ccc;
border: 3px solid #ccc;
}
.respuesta {
clear: both;
padding: 6px 0 8px 0;
font: normal 11px/18px Tahoma, Arial, Helvetica, Garuda, sans-serif;
border-top: 1px dotted #ccc;
}
.respuesta p {
margin: 0;
padding: 2px 0 0 19px;
color: #000;
background: transparent url(/Iconos/v1.x/v1.0/bolillos/ico_respuesta.png) no-repeat 0 1px;
display: inline;
}
.respuesta .para {
padding: 1px 0 2px 0;
margin: 3px 15px 0 0;
display: inline;
}
.respuesta .para a {color: #f80000; font-weight: bold;}
.respuesta .ver {
padding: 0 0 2px 19px;
display: inline;
background: transparent url(/Iconos/v1.x/v1.0/bolillos/ico_conversacion_completa.png) no-repeat 0 0;
}
.respuesta .ver .frase {width: 18px;}
.respuesta a.conversacion {color: #f80000; font-weight: bold;}
.respuesta a:hover {color: #000;}
.escribirmensaje {
padding: 8px 8px 0 8px;
margin: 30px 0 0 0;
clear: both;
background-color: #fff;
border: 1px dotted #666;
font-family: Arial, Tahoma, Helvetica, Garuda, sans-serif;
width: 498px;
overflow: hidden;
}
.escribirmensaje .contenedorlabelymas {
width: 89px;
float: left;
text-align: center;
border: 1px solid #ddd;
border-right: none;
padding: 10px 0 0 0;
font-weight: bold;
height: 80px;
}
.escribirmensaje .contenedorlabelymas label {
width: 89px;
font-size: 12px;
line-height: 14px;
margin: 0;
padding: 0;
}
.escribirmensaje .contenedorlabelymas p {
padding: 8px 0 0 0;
font-size: 11px;
line-height: 14px;
font-weight: normal;
width: 89px;
border-top: 1px dotted #999;
}
.escribirmensaje .contenedorlabelymas p .numero {
font: normal 17px/20px Impact, Arial, Tahoma, Helvetica, Garuda, sans-serif;
display: block;
}
.escribirmensaje textarea {
font: normal 14px/19px Arial, Tahoma, Helvetica, Garuda, sans-serif;
width: 396px;
padding: 5px;
margin: 0;
height: 80px;
float: left;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #ddd;
background-color: #fafafa;
}
.escribirmensaje .botones {
width: 406px;
margin: 8px 0 8px 0;
float: right;
}
.escribirmensaje a {
display: block;
font: normal 11px/14px Arial, Helvetica, Garuda, sans-serif;
padding: 5px 0 3px 18px;
text-align: center;
}
.escribirmensaje a.primero {
background: transparent url(/Iconos/v1.x/v1.0/bolillos/ico_adjuntar_imagen.png) no-repeat scroll 0 6px;
color: #F80000;
float: left;
margin: 0;
text-align: left;
width: 105px;
}
.escribirmensaje a.primero:hover {
color: #000;
}
.escribirmensaje a.publicar {
width: 80px;
border: 2px solid #c60000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #f80000;
color: #fff;
float: right;
font-weight: bold;
padding: 2px 0 3px 0;
font-weight: bold;
}
.escribirmensaje a.publicar:hover {
background-color: #c60000;
}
.escribirmensaje a.botonactivo {
background: transparent url(/Iconos/v1.x/v1.0/bolillos/flecha_abajo_negra.png) no-repeat scroll 0 10px;
color: #000;
float: left;
font-weight: bold;
padding: 5px 0 3px;
width: 123px;
}
.escribirmensaje a.cuidado {
width: 18px;
float: right;
padding: 3px 5px 0 0;
margin: 0 5px 0 0;
}
.escribirmensaje a.cuidado img {
border: none;
}
.escribirmensaje .cuidadoaclaracion {
width: 230px;
position: absolute;
background-color: #ff9;
border: 1px dotted #cc0;
}
.escribirmensaje .cuidadoaclaracion .cerrar a  {
display: block;
width: 15px;
float: right;
margin: 0 5px 0 0;
}
.escribirmensaje .cuidadoaclaracion .cerrar a img {
border: 1px solid #ff9;
}
.escribirmensaje .cuidadoaclaracion .cerrar a:hover img {
border: 1px solid #f80000;
background-color: #f80000;
}
.escribirmensaje .cuidadoaclaracion p {
font: normal 11px/16px Arial, Tahoma, Helvetica, Garuda, sans-serif;
margin: 0;
padding: 10px 20px 10px 10px;
color: #000;
}
.escribirmensaje .cuidadoaclaracion p a {
margin: 0 0 0 3px;
padding: 0;
display: inline;
color: #f80000;
}
.escribirmensaje .cuidadoaclaracion p a:hover {
color: #666;
background-color: transparent;
}
.escribirmensaje .capaopciones {
margin: 5px 0 0 90px;
padding: 15px 0 15px 0;
width: 410px;
border-top: 1px dotted #ccc;
clear: both;
overflow: hidden;
}
.escribirmensaje .capaopciones input {
margin: 0;
width: 320px;
background-color: #d4d1cf;
border: 1px solid #bcbcbc;
display: inline;
font-size: 10px;
}
.escribirmensaje .error {
border: 2px dotted #f80000;
width: 385px;
clear: both;
margin: 5px 0 10px 90px;
padding: 10px;
}
.escribirmensaje .error p {
color: #f80000;
font: normal 10px/18px Georgia, Arial, Helvetica, Garuda, sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
margin: 0;
padding: 0;
}