/* 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 { color: #999; font: 30px/25px Futura, "Century Gothic", AppleGothic, sans-serif; padding: 0; margin: 5px 0 30px 0; border-bottom:3px solid #ff9c00; }
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; }
.color { color: #D20039; }

/*----header----*/
#header {
	width:980px;
	height:80px;
	position: relative;
	margin:0 auto;
}
#header #logo { 
	width:229px;
	height:81px;
	background:#fff;
	color:#666; position:absolute;
	top:30px;
	left:0px;
	padding:0 0 0 35px;
}
#header ul { 
	width:670px;
	height:32px;
	position:absolute;
	top:63px;
	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:980px;
	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: 760px;
	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:980px;

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;
}

/* forms */
form { margin-left: 30px; }
form fieldset { border: none; }
form label { display: block; padding: 10px 0 0 0; font-size:1em; }
form fieldset legend { font-weight: bold; margin-bottom: 10px; padding-top: 10px; }
form p small { font-size: 0.75em; color: #777; }
form input, form select, form textarea { 
	padding: 6px;
	font-size: 13px;
	background: #fff url('imgs/bg-form-field.gif') top left repeat-x;
	border: 1px solid #d5d5d5;
	color: #333;
}
form #email, form #author { width: 40% !important; }
form textarea { width: 75% !important; font-family: Arial, Helvetica, sans-serif; }
form select { padding: 4px; background: #fff; }
form input[type="checkbox"], form input[type="radio"] { padding: 0; background: none; border: 0; }
.button {
	font-family: Verdana, Arial, sans-serif;
    display: inline-block;
    background: #0475ad url('imgs/bg-button.gif') top left repeat-x !important;
    border: 1px solid #124569 !important;
    padding: 4px 15px 4px 15px !important;
    color: #fff !important;
    font-size: 11px !important;
    cursor: pointer;
	width: auto;
}
.button:hover { text-decoration: underline; }
.button:active { padding: 5px 15px 3px 15px !important; }

/**********************/
/* Login para el chat */
/**********************/
.chat { background-color: #f0f0f0; border: 1px solid #c0c0c0; padding:0px; margin: 15px auto 10px auto; height: 190px; 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; background:none; margin-bottom: 10px; }
ul.salas_cont li { width:130px; float:left; display:inline; border-left:8px solid #ececec; background:none;}
ul.salas_cont li.prim { border:none }
ul.salas_cont li h3 { color:#fff;font-size:11px;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.95em;color:#4c4747; padding:8px 5px 0 5px;}
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;}