/* CSS Document */
* { margin: 0px; padding: 0px; }

body { 
	padding: 0px;
	margin: 0px;
	background:url(imgs/mainbg.gif) 0 0 repeat-x #fff;
	color: #666;
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul{list-style-type:none;}
img { border: none; }
a {color:#000; text-decoration:none;}
a:hover {color:#666; text-decoration:none;} 
p { margin: 0 0 15px 0; text-align: justify; }
h1 { font: bold 1.5em Tahoma, Sans-Serif; margin: 15px 0 20px; color: #0475ad; border-bottom:1px dashed #101010; text-align:right;}
h2 { font: bold 1.2em Arial, Sans-Serif; margin: 0 0 12px; color: #0475ad; }
h3 { font: bold 1.1em Arial, Sans-Serif; margin: 0 0 8px; color: #0475ad; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }
input { border: 1px solid #A5A5A5; }
.color { color: #D20039; }

/*----header----*/
#header {
	width:778px;
	height:70px;
	position: relative;
	margin:0 auto;
}
#header #logo { 
	width:229px;
	height:52px;
	background:#fff;
	color:#666; position:absolute;
	top:35px;
	left:0px;
	padding:0 0 0 35px;
}
#header ul { 
	width:468px;
	height:32px;
	position:absolute;
	top:43px;
	right:45px;
}
#header ul li{ width:78px; height:32px; float:left;}
#header ul li a{
	width:76px;
	height:32px;
	display:block;
	background:url(imgs/topmenu-normal.jpg) 0 0 no-repeat #F5F4F4;
	color:#666; text-decoration:none;
	font-size:12px; font-weight:bold;
	text-align:center;
	line-height:32px;
	margin:0 2px 0 0;
}
#header ul li a:hover{background:url(imgs/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none;}
#header #toplink { position:absolute; right: 0px; margin-right:45px; }
#header #toplink a { position:relative; color: #000; }
#header #toplink a:hover { color: #606060; text-decoration: none; }
#header #toplink img { margin-top: 3px; }

/*----BODY----*/
#body { 
	width:778px;
	position:relative;
	margin: 40px auto 25px auto;
}

/*----Panel derecha----*/
#Right { 
	width:193px;
	float: right;
	margin: 0 0 20px 20px;
	text-align: center;
	border: 0px solid #c0c0c0;
}

/*----Contenido de las secciones----*/
#contenido {
	width: 560px;
	float:left;
	padding: 0px;
	border: 0px solid #000;
	margin: 0 0 20px 0;
}
#contenido ul { margin: 0 0 15px 0; }
#contenido li {
	background: #fff url(imgs/arrow.gif) no-repeat 10px 5px;
	list-style-type: none;
	margin: 10px 0 0 20px;
	padding-left: 20px;
}

.notapie { margin-top: 15px; color: #b5b5b5; font-size: 10px; text-align:justify;}

/*----Links----*/
#links{
	position:relative;
	clear:both;
	margin:10px auto;
	width:778px;

border-top: 1px solid #d0d0d0;
}
#links ul { margin: 10px 0 10px 0; }
#links li {
	background: #fff url(imgs/arrow2.gif) no-repeat 10px 5px;
	list-style-type: none;
	margin: 10px 0 0 20px;
	padding: 0px 20px 0 25px;
        display:inline;
	width:120px;
	float:left;
}


/*----Footer----*/
#footer {
	position:relative;
	clear:both;
	margin: 10px auto 0 auto;
	padding:15px 0 0;
	background:url(imgs/footerbg.gif) 0 0 repeat-x #F4F4F4;
	color:#212121;
	height:70px;
	font: 12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
}
#footer a { padding:0 10px 0; color:#212121; text-decoration:none;}
#footer a:hover{ text-decoration: underline;}
#footer p.copyright {
	margin:10px auto 0 auto;
	color: #212121;
	position:relative;
	text-align: center;
}

/**********************/
/* Login para el chat */
/**********************/
.chat { background:url(imgs/chatbg.png) no-repeat; padding:0px; margin: 15px auto 10px auto; height: 170px; width: 286px; }
.chat_head { font-family: Arial; font-size: 20px; color: #FFFFFF; text-decoration: none; float: left; height: 33px; width: 230px; background: url(imgs/chat_head.png) no-repeat; padding: 10px 0 0 38px; margin: 10px 0 0 10px; }
.chat_textarea { font: 11px Arial; color: #FFFFFF; float: left; width: 258px; padding: 0 0 0 10px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; }
.chat_name { color: #a6a6a6; margin: 0px; float: left; padding: 3px 10px 0 0; width: 55px; }
.chat_box { font: 11px Arial; color: #a6a6a6; margin: 0px; float: left; padding: 0 10px 0 0; }
.chattextbox { font: 12px Arial; color: #666666; text-decoration: none; margin: 0px; padding: 0px; float: left; height: 18px; width: 180px; border: 1px solid #666666; }
.chatbutton { float: right; background-color:#fcfcfc; border:1px solid #d8d8d8; color:#505050; font-weight:400; font-size:1.2em; margin:0 12px 15px; padding:7px 7px 7px 11px; width:120px; }
.chat_textarea span { color: #a6a6a6; float:left; width: 100px; margin: 0; }
.chat_textarea span p { float:left; margin: 5px 0 0 0;}
.chat_textarea span input { border:none; padding: 0px; margin: 0px; width: 15px; }

/*SALAS DESTACADAS*/
ul.salas_cont {clear:left;width:100%;background:#fff;float:left;display:inline;margin:0px;}
ul.salas_cont li {width:130px;float:left;display:inline;border-left:0.75em solid #ececec;padding-bottom:8px;}
ul.salas_cont li.prim {border:none}
ul.salas_cont li h3 {color:#fff;font-size:0.85em;padding:1px 0 1px 8px;background:#b4dcf0;}
ul.salas_cont li h3 a {text-decoration:none;color:#0475ad;}
ul.salas_cont li h3 a:hover {text-decoration:underline}
ul.salas_cont li img {display:block;width:130px;}
ul.salas_cont li p {font-size:0.75em;color:#4c4747;min-height:4.2em;padding:8px 6px 0 7px;}
ul.salas_cont li p a {text-decoration:none;color:#4c4747;}

.error { border: 1px solid #D20000; background-color:#F5BDBD; color:#D20000; margin:10px; padding:10px 20px; text-align:center;}
.save { border: 1px solid #CEC200; background-color:#FDFFDA; color:#CEC200; margin:10px; padding:10px 20px; text-align:center;}