@charset "UTF-8";
/* CSS Document */
body {
	background-color: #e9e3d5;
	background-repeat:no-repeat;
	background-position:left;
	background-attachment:fixed;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	text-decoration: none;
	font-family:"Comic Sans MS";
	font-size:12px;
	color: #333333;
}

a:link {
	text-decoration: none;
	color:#333333;
}
a:visited {
	text-decoration: none;
	color:#333333;
}
a:hover {
	text-decoration: none;
	color:#666666;
}
a:active {
	text-decoration: none;
	color:#333333;
}

.portada {
	margin:0 auto 0 auto;
	background-image:url(../images/portada.png);
	background-repeat:no-repeat;
	width:800px;
	height:500px;
}
.fase1 {
	padding-top:35px;
	text-align:right;
	padding-right:20px;
}
.fase2 {
	margin-left:550px;
	margin-top:10px;
	color: #000033;
	text-align:left;
	width:250px;
}

.fase3 {
	background-color:#e9e399;
	border:1px solid #947a3a;
	width:470px;
	margin-left:0px;
	margin-top:10px;
}
.login1{
	background-image:url(../images/Bilder/antiguos_01.png);
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	height:28px;
	padding:5px;
}
.login2 {
	width:230px;
	padding-left:10px;
	padding-right:10px;
	background-image:url(../images/Bilder/antiguos_02.png);
}
.login3 {
	background-color: #960;
	border:1px solid #000033;
	font-family:"Comic Sans MS";
	background-image:url(../images/block.png);
	font-weight:600;
}
a.login4 {
	font-family:"Comic Sans MS";
	font-size:10px;
	text-align:right;
	display:block;
	color:#000033;
}
a.login4:hover {
	color:#FF0000;
}
a.login5 {
	width:240px;
	height:20px;
	color:#000000;
	font-size:16px;
	text-align:center;
	padding:5px;
	display:block;
}
a.login5:hover {
	color:#FFFFFF;
	text-shadow:0px 0px 2px black;
}
.prox1 {
	color:#000033;
	text-align:center;
	font-size:16px;
}
.prox2 {
	color:#000033;
	text-align:left;
	font-size:10px;
}
.alerta {
	background:#FF0000;
	border:#FFFFFF solid 2px;
	padding:10px;
	float:inherit;
}
.content {
	margin:0 auto 0 auto;
	width:800px;
}

.barra {
	color:#FFFFFF;
	font-stretch:2px;
}
a.menu {
	background-color:#947a3a;
	border: 1px #000000 solid;
	border-bottom:1px solid #000000;
	border-right:none;
	display: block;
	padding:5px;
	color:#FFFFFF;
	text-align:center;
	font-size:12px;
	display:block;
}
a.menu:hover{
	background-color: #c3b477;
	color:#FFFFFF;
}
a.menu:visited{
	color:#FFFFFF;
}

.estado {
	padding:5px;
	background-color: #FFFDC6;
	text-align:right;
}

.contenido {
	padding:10px;
	background-color: #FFFDC6;
	background-image:url(../images/splat.png);
}

.lado {
	float:right;
}
.lado1 {
	float: right;
}

.lado2 {
	float: right;
}
.usuario {
	margin:5px;
}
.usuario2 {
	background-image:url(../images/Bilder/antiguos_02.png);
}
.usuario3 {
	background-image:url(../images/Bilder/antiguos_04.png);
	background-repeat:no-repeat;
	width:250px;
	height:21px;
}

a.usuarioTitulo {
	width:240px;
	background-image:url(../images/Bilder/antiguos_01.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
	display:block;
	height:28px;
	text-align:center;
	padding:5px;
	font-weight:600;
}

a.usuarioLocalRed {
	position:absolute;
	width:233px;
	background-color:#FF0000;
	color:#FFFFFF;
	padding:2px;
	display:block;
	margin-left:4px;
}

a.usuarioTitulo:hover {
	color: #000000;
}
.imagen {
	background:#FFFFFF;
	margin:2px;
	border:#947a3a solid 1px;
}
.perfilTitle {
	background:#947a3a;
	color:#FFFFFF;
	margin:5px;
}

.peque {
	color:#000000;
	font-size:10px;
}
.inboxc{
	border:#999999 solid 1px;
	background-image:url(../images/block_blanco.png);
	padding:10px;
	margin:10px;
}
.inboxTit {
	background-image:url(../images/block.png);
	color:#FFFFFF;
	padding:5px;
	font-weight:600;
}

.inboxMenu {
	margin-left:10px;
	margin-bottom:-9px;
}

a.inbox {
	background-image:url(../images/block.png);
	color:#FFFFFF;
	padding:1px;
	border: 1px #999999 solid;
	padding:2px;
}
a.inbox2 {
	background-image:url(../images/block_blanco.png);
	color:#000000;
	padding:1px;
	border: 1px #999999 solid;
	border-bottom:none;
	padding:2px;
}

a.opciones {
	display:block;
	background-image:url(../images/block.png);
	color:#FFFFFF;
	padding:1px;
	border: 1px #999999 solid;
	padding:2px;
	text-align:center;
}
a.opciones2 {
	display:block;
	background-image:url(../images/block_blanco.png);
	color:#000000;
	padding:1px;
	border: 1px #999999 solid;
	border-top:none;
	padding:2px;
	text-align:center;
}

a.msj {
	color:#000000;
	padding:10px;
	margin:5px;
	display:block;
	vertical-align:middle;
}
a.msj:hover {
	background:#FFFDC6;
}
.enc {
	background:none;
	font-size:10px;
	border:none;
	border:#CCC solid 1px;
}
.encuentros {
	width:780px;
	z-index:0;
}
.ant4 {
	margin-left:50px;
	width:350px;
	font-size:9px;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
.ant3 {
	margin-left:60px;
	width:380px;
	font-size:10px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.ant2 {
	margin-left:75px;
	width:405px;
	font-size:11px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.ant1 {
	margin-left:90px;
	width:437px;
	font-size:12px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

#ant{
	-moz-border-radius:10px;
	margin-top:7px;
	border:#000000 1px outset;
	color: #000000;
	background-size:100% auto;
	background-image:url(../images/block_blanco.png);
}
#ant:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
.antTit{
	font-weight:800;
}

.prox {
	margin-left:305px;
	width:475px;
	font-size:13px;
	text-align:center;
}
.proxTit{
	color:#000000;
	font-weight:600;
}
.roll{
	width:230px;
	max-height:250px;
	overflow:auto;
	font-size:10px;
}

.info{
	color:#000000;
	background-image:url(../images/block_blanco.png);
	border:solid 1px #000000;
	padding:2px;
	-moz-border-radius:5px;
	color:#000;
	font-weight:600;
}

.pie {
	background-color:#fffdc6;
	background-image:url(../images/block.png);
	color:#FFFFFF;
	padding:1px;
	padding-right:5px;
	color:#FFFFFF;
	font-size:11px;
	text-align:right;
	bottom:0%;
	font-weight:600;
}
a.pie {
	color:#FFFFFF;
}
a.pie:hover{
	background-color:#996633;
}
.nuevo {
	color:#FF0000;
	font-size:11px;
	font-weight:600;
}
.antiguos1 {
	background-image:url(../images/Bilder/antiguos_01.png);
	background-repeat:no-repeat;
	width:240px;
	padding:5px;
	text-align:center;
	color:#FFFFFF;
	height:28px;
}
.antiguos2 {
	background-image:url(../images/Bilder/antiguos_02.png);
	width:234px;
	padding:8px;
}
.antiguos3{
	background-image:url(../images/Bilder/antiguos_04.png);
	background-repeat:no-repeat;
	width:250px;
	height:21px;
}
.boxy{
	background-color:#c3b477;
	border:none;
}
.boxy1{
	background-image:url(../images/Bilder/box_01.png);
	width:13px;
	height:13px;
}
.boxy2{
	background-image:url(../images/Bilder/box_02.png);
	height:13px;
}
.boxy3{
	background-image:url(../images/Bilder/box_03.png);
	width:18px;
	height:13px;
}
.boxy4{
	background-image:url(../images/Bilder/box_04.png);
}
.boxy5{
	background-image:url(../images/Bilder/box_06.png);
}
.boxy6{
	background-image:url(../images/Bilder/box_09.png);
	height:28px;
	background-repeat:no-repeat;
}
.boxy7{
	background-image:url(../images/Bilder/box_10.png);
	height:28px;
	font-size:9px;
	color:#FFFFFF;
	background-repeat: repeat-x;
	vertical-align:top;
}
.boxy8{
	background-image:url(../images/Bilder/box_11.png);
	height:28px;
	
	background-repeat:no-repeat;
}

a.idioma {
	text-align:center;
	height:19px;
	color:#FFFFFF;
	font-size:10px;
}

.box500_1{
	background-image:url(../images/Bilder/box500_01.png);
	height:30px;
	width:500px;
	color:#FFFFFF;
	text-align:center;
}
.box500_2{
	background-image:url(../images/Bilder/box500_02.png);
	width:480px;
	padding:10px;
}

.buscar{
	background:none;
	border:none;
	color:#333333;
	font-family:"Comic Sans MS";
	font-size:10px;
}

.chat1{
	width:230px;
	height:300px;
}
.chat2{
	width:500px;
	height:320px;
}
#chat{
	border:none;
	background:none;
}

.tabla_usuarios{
	position: absolute;
	background-color:#960;
	padding:0px;
}

.dentro{
	width:220px;
	border-bottom: groove 2px #fffdc6;
	text-align:left;
	margin-left:5px;
	margin-top:10px;
	color:#000;
	font-size:12px;
}

a.cuadro{
	border: solid 1px #000;
	background-color: #947a3a;
	width:100px;
	height:120px;
	color: #000;
	font-size:10px;
	display: inline-block;
	text-align:center;
	vertical-align:middle;
}
a.cuadro:hover{
	background-color:#960;
}

.sombra{
	background-image:url(../images/block.png);
	width:100%;
	height:100%;
	position:absolute;
	display:block;
	padding:200px;
}

.banner{
	color:#ffce00;
	font-size:32px;
}