/* ESTAMOS ON LINE - Hoja de estilos */


/* ESTILOS BASICOS */

body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	background-attachment: scroll;
	background-image: url(background.gif);
	background-repeat:  repeat-x;
	background-position: 0px 98px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

p { 
	font-size: 11px;
	color: #666666;
	line-height: 18px;
	}
	
a {
	text-decoration:none;
	color:#51A7BB;
	}
	
a:hover {
	text-decoration:none;
	color:#E20060;
	}

/* ESTRUCTURA - LAYOUT */

#content { 
	position: relative; 
	margin: 0px auto 0px auto; 
	height: 100%; 
	width: 780px; 
}

#header {
	position: relative;
	width: 100%;
	height: 98px;
	text-align: left;
	white-space: nowrap;
	background-image:url(logo.gif);
	background-repeat: no-repeat;
	background-position: 529px 35px;
	vertical-align: text-bottom;
	margin: 0px;
}

#contentSection { 
	position: relative; 
	height: auto; 
	margin: 0px 260px 0px 0px;
	background-color:#fff;
}

#menuSection { 
	position: absolute; 
	top: 98px; 
	right: 0px; 
	height: auto; 
	width: 250px; 
	/*background-color: #F8F7D9;*/ 
}

#comentarios {  
	position: relative; 
	height: auto; 
	margin: 10px 260px 0px 0px; 
	padding-top: 4px; 
}

#comentar {  
	position: relative; 
	height: auto; 
	margin: 10px 260px 0px 0px; 
	padding-top: 4px; 
	background-color:#E1EEF0;
	
}

div.padder { 
	padding: 20px; 
}

/* ENCABEZADO Y MENU PRINCIPAL */

#header h1 { padding:0px; margin: 0px; display:none;}

#header ul {
	padding:0px;
	margin: 0px;
	display:block;
	height: 18px;
	margin: 80px 0px 0px 0px;
	float:left;
	}
#header ul li {
	display:inline;
	font-size: 11px;
	}

#header ul li a {
	text-decoration: none;
	color:#FFFFFF;
	text-transform: uppercase;
	background-color: #E20060;
	padding: 2px 10px 3px 10px;
}

#header ul li a:hover {
	background-color: #5CBDD4;
}

#header ul li a.activo {
	background-color: #5CBDD4;
}

/* CUERPO POST */

#contentSection h2 {
	font-size: 13px;
	font-weight: bold;
	color: #5CBDD4;	
	}
	
#contentSection h3 {
	font-size: 11px;
	font-weight: bold;
	color: #666666;	
	}

/* GENERAL ICONOS */

p.infopost span.ico {
	padding: 0px 10px 0px 16px;
	background-repeat: no-repeat;
	color:#999999;
}

p.infopost span.cuando {background-image: url(ico_cuando.gif);}
p.infopost span.quien {background-image: url(ico_quien.gif);}
p.infopost span.comentarios {background-image: url(ico_comentario.gif);}


/* COMENTARIOS */

#comentarios h4 {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background-image: url(separa_comentarios.gif);
	background-repeat:  no-repeat;
	background-position: left bottom;
	padding: 15px 0px 6px 20px;
	margin: 0px;
	line-height: 18px;
	}
	
#comentarios p {
	padding: 0px 0px 15px 20px;
	margin: 0px;
}

#comentar h4 {
	color: #51A7BB;
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}





/* MODULOS MENU*/

div.modulo { 
	background-color: #fff;
	position: relative;
	width: 250px;
	height: auto; 
	margin: 10px 0px 0px 0px; 
	padding: 0px;
	display:block;
	float:left;
}

div.modulo h4 {
	font-size: 11px;
	font-weight:normal;
	text-transform: uppercase;
	color: #999999;
	padding: 10px 10px 0px 10px;
	margin: 0px;
}

div.modulo ul {
	padding: 0px;
	margin: 10px 10px 15px 10px;
	font-size: 11px;
	list-style-type: none;
}

div.modulo input {
	margin-left: 10px;
}

/* FORMULARIOS */

#comentar p {
	margin: 5px;
}

input.campogeneral, textarea.campogeneral {
	border: 1px solid #5CBDD4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

input.botongeneral {
	font-size: 10px;
	color: #999999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E9E9E9;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #E9E9E9;
	text-transform: uppercase;
	background-color: #E9E9E9;
}

input.botonenvio {
	font-size: 10px;
	color: #fff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #5CBDD4;
	border-right-color: #458D9E;
	border-bottom-color: #458D9E;
	border-left-color: #5CBDD4;
	text-transform: uppercase;
	background-color: #5CBDD4;
}


/* CALENDARIO */

#calendario {
	font-size: 12px;
	margin: 0px 0px 6px 10px;
	width: 230px;
	empty-cells: show;
}
#calendario #next a {
	PADDING-RIGHT: 10px; TEXT-ALIGN: right; color:#5CBDD4;
}
#calendario #prev a {
	PADDING-LEFT: 10px; TEXT-ALIGN: left; color:#5CBDD4;
}
#calendario a {
	DISPLAY: block;
	TEXT-DECORATION: none;
	color:#FFFFFF;
}
#calendario a:hover {
	TEXT-DECORATION: underline;
	
}
#calendario caption {
	font-size: 11px;
	font-weight:normal;
	text-transform: uppercase;
	color: #999999;
	padding: 10px 10px 15px 0px;
	margin: 0px;
	text-align:left;
}
#calendario td {
	padding: 4px 0px 4px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000;
	LETTER-SPACING: normal;
	text-align: center;
	background-color:#E9E9E9;
}
#calendario td.pad {
	BACKGROUND: #fff
}

#calendario td.hoy {
	BACKGROUND: #E20060; COLOR: white
}

#calendario td.activo {
	BACKGROUND: #5CBDD4; COLOR: black
}

#calendario th {
	font-size: 11px;
	font-weight:normal;
	text-transform: uppercase;
	color: #999999;
	padding-bottom: 4px;
}