/* CSS Document - Taller de Manga de Jesulink
Author: Jesulink */

body { 
	background-color: #036;
	text-align: center;
	background-image:url(img/bg.gif);
	background-repeat: repeat;
	background-attachment:fixed;
	background-position: top center;
	}

/* main div */

#contenedor { 
	
	max-width: 80%;
	margin: 0px auto;
	padding: 0px;
	background-color: #fff;
	border-width: medium;
	border: solid #000000;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	}

#cabecera {
	height: 120px;
	margin: 0px;
	padding: 0px;
	background-image:url(img/head.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #faf8f8;
	text-align: center;
	border-radius: 2em;
	}

#menu {
	height: auto;
	margin: 0px;
	padding: 0.5em;
	background-color: #111111;
	font-size: large;
	font-family: "Trebuchet MS";
	font-weight: bolder;
	text-align: center;
	border-top-width: thick;
	border-top: #faf8f8 solid;
	}



#dc_iz {
	/*min-height: 2000px;*/
	height: auto;
	margin: 0px;
	padding: 3em;
	background-color: #fff;
	color: #121212;
	font-family: Verdana;
	font-size: small;
	text-align: justify;
	}

#dc_de {
	width: 180px;
	margin: 0px;
	margin-bottom: 20px;
	background-color: #003366;
	float: right;
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	padding: 1.5em;
	margin-left: 5em;
	
	border-left: #000 solid 0.2em;
	border-bottom: #000 solid 0.2em;
	border-bottom-left-radius: 3em;
	}

#dc_de p {
	text-align: left;
}
	
  
#pie {
	height: auto;
	margin: 0px;
	padding: 1em;
	background-color: #111;
	color: #CCC;
	font-size: small;
	font-family: Arial;
	}

.section {
	background-color: #111;
	padding: 0.5em;
	color: #FFF;
	font-size: 24px;
	font-weight: bolder;
	text-align: left;
	-webkit-box-shadow: 0.2em 0.1em 0.2em #444;
	-moz-box-shadow: 0.2em 0.1em 0.2em #444;
	box-shadow: 0.2em 0.1em 0.2em #444;
	margin-bottom: 1em;
}

.section img {
	margin-top: -1em;
	float: left;
	margin-right: 0.6em;
}

.section2 {
	background-color: #099;
}

.ejercicio {
	background-color: #C7D8BA;
	border: #48B04E 1px solid;
	margin: 2em;
	padding: 2em;
	}

.quote {
	background-color: #CCC;
	margin: 1em;
	padding: 2em;
	color: #45374D;
	-webkit-box-shadow: 0.2em 0.2em 0.4em #444;
	-moz-box-shadow: 0.2em 0.2em 0.4em #444;
	box-shadow: 0.2em 0.2em 0.4em #444;
	}
	
/* Imagenes */

img {
	border: none;
	padding: 0px;
	margin: 0px;
	}

.taller {
	text-align: center;
	margin: 1em 0px 1em 0px;
	}
	
.taller img, .flotaiz img {
	border: 1px solid #000;
	-webkit-box-shadow: 0.2em 0.2em 0.4em #444;
	-moz-box-shadow: 0.2em 0.2em 0.4em #444;
	box-shadow: 0.2em 0.2em 0.4em #444;
}

/*Opacidad */

a.opacidad img {
	-moz-opacity: 1.0;
	opacity: 1.0;
}

a.opacidad:hover img {
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/*Enlaces*/

#menu a:link	{ color: #FFFFFF; text-decoration: none; }
#menu a:visited	{ color: #FFFFFF; text-decoration: none; }
#menu a:hover	{ color: #0099CC; background-color: #FFFFFF; }

#dc_de a:link		{ color: #FFFFFF; font-weight: bold;}
#dc_de a:visited	{ color: #FFFFFF; font-weight: bold;}
#dc_de a:hover		{ color: #FFFFFF; text-decoration: none;}

#pie a:link			{ font-size: 11px; font-family: Tahoma; font-weight: bold; color: #CCCCCC; text-decoration: none; }
#pie a:visited		{ font-size: 11px; font-family: Tahoma; font-weight: bold; color: #CCCCCC; text-decoration: none;  }
#pie a:hover		{ font-size: 11px; font-family: Tahoma; font-weight: bold; color: #CCCCCC; text-decoration: none; background-color: #003366; }

a.leccion:link		{ font-weight: bold; text-decoration: none; color:#003366; font-size: small; }
a.leccion:visited	{ font-weight: bold; text-decoration: none; color:#003366;  font-size: small;  }
a.leccion:hover		{ background-color: #99CC99; }

/* Others */

.blog_titulo {
	font-size: x-large;
	font-weight: bolder;
	}

h2 {
	font-size: large;
	font-weight: bolder;
	color: #669999;
	padding-bottom: 0.3em;
	border-bottom: #669999 medium  dotted;
	}

#dc_de h2 {
	font-size: large;
	font-weight: bolder;
	color: #669999;
	padding-bottom: 0.3em;
	border: none;
	border-top: #669999 medium  solid;
	}
	
	

h3 {
	font-size: 16px;
	font-weight: bolder;
	color: #333;
	padding-bottom: 4px;
	border-bottom: #333 2px dotted;
	}

td { background-color: #bbb; }
th { background-color: #aaaaaa; }

.tabla2 td, .tabla2 th { padding: 2em; }
.tabla2 th { background-color: #666;}

.centrar { text-align: center;}

.flotaiz { float: left; margin-right: 2em; margin-bottom: 1.5em;}

.subtitulo { text-align: left; color: #009966; font-size: 14px; border-bottom: 1px #009966 dotted; border-lenght: 200px;}

.new { text-decoration: blink; font-weight: bold; color: #660000; background-color: #FF3333; font-size: small; padding: 2px;}

.invisible, .invisible td  {
	border: none;
	background: none;
	text-align: center; 
	}

.grandecilla  {
	font-size: large;
	font-weight: bold;
}

.casilla {
	background-color: #BAC7C2;
	margin: 1em;
	padding: 2em;
	color: #45374D;
	div-position: center;
	-webkit-box-shadow: 0.2em 0.2em 0.4em #444;
	-moz-box-shadow: 0.2em 0.2em 0.4em #444;
	box-shadow: 0.2em 0.2em 0.4em #444;
}


.Estilo1 {color: #666;}
.Estilo2 {color: #262132;}
.Estilo3 {color: #796891;}
.Estilo4 {color: #4F5429;}

/*.Estilo1 {color: #003399;}
.Estilo2 {color: #FFFFFF;}
.Estilo3 {color: #333399;}
.Estilo4 {color: #933;}*/

table.invisible2 {
		border: none;
		background: none;
}
table.invisible2 td {
		background: none;
		text-align: justify;
		vertical-align: middle;
		padding-left: 15px;
		padding-bottom: 15px;

}

.menu_lista li {
	text-align: left;
}

table.ejercicio { background-color: #D6DEB8; text-align: left; border-collapse: separate; padding:1em; }
table.ejercicio td { border: thin #030 solid; padding: 0.5em; background: none; }
table.ejercicio th { background: none;}

li {
	margin-bottom: 0.5em;
}

.gog {
	/*background-color: #036;*/
	text-align: center;
}

/* Chat */

.cajachat {
	border-radius: 2em;
	padding: 1.5em 2em 2.5em 1.5em;
	margin: 1em;
	color: #15151A;
	-webkit-box-shadow: 0.2em 0.2em 0.4em #444;
	-moz-box-shadow: 0.2em 0.2em 0.4em #444;
	box-shadow: 0.2em 0.2em 0.4em #444;
}

.cajachat img {
	float: left;
	border: medium #fff solid;
	margin-right: 1.2em;
}

.cajachat .chatdice {
	font-weight: bold;
}

.cajachat p {
	margin-top: -0.2em;
}


.userchatA {
	background-color: #D7DDD2;
}
.userchatB {
	background-color: #C1C8CE;
}