/* Reseteo de CSS 
--------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td {
	margin: 0;
	padding: 0;
}
fieldset, img, abbr {
	border: 0;
}
address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, th, var {
	font-style: normal;
	font-weight: normal;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
a {
	text-decoration: none;
	outline: none;
}

a:hover{
	border-bottom: thin dashed;	
}

/* Cuerpo
--------------------------- */
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.6em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background: #a0cd4f  url(../imagenes/background.png) repeat-x top;
	color: rgb(68, 67, 52);
}


/* Layuot 
--------------------------- */
div#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

div#header{
	height: 147px;
	background: transparent url(../imagenes/logotipo.png) no-repeat center;	
}

div#container {
	float: left;
	margin: 10px -25px 0 0;
	width: 100%;
	background: transparent url("../imagenes/contenido.png") top left repeat-y;
}

#content {
	padding-bottom: 10px;
	
}

#inicio-contenido{
	background: url(../imagenes/borde-superior.png) no-repeat center bottom;
	height: 25px;
	clear: both;
}

div#content {
	margin: 0 30px 0 30px;
	background: #FFFFFF;
}

div#footer {
	margin: 0 auto;
	padding-top: 50px;
	background: transparent url(../imagenes/borde-inferior.png) no-repeat top;
	width: 100%;
	clear: both;
	float: left;
	color: #700c0e;
}

	
/* Cabecera
--------------------------- */


div#header h1 a{
	display: block;
	height: 147px;
	color: #fff;
	font-size: .2em;
	position: absolute;
	text-indent: -5000px;
}


/* Menu de navegacion
--------------------------- */

#menu ul{
	clear: both;
	float: left;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
	float:left;
	margin-top: 12px;
}

#menu li a {
	display: block;
	text-align:center;
	float: left;
	width: 120px;
	color: #fff;
	height: 100px;
}

/* Imagenes de fondo del menu
--------------------------- */
#menu a, #menu a:hover, #menu a:active {
	background: url(../imagenes/menu.gif) no-repeat left;
	color: #fff;
	border: 0;
}

#menu1 a { background-position: 0px 0px; }
#menu1 a:hover {	background-position: -240px 0px; }

#menu2 a { background-position: 0px -101px; }
#menu2 a:hover {	background-position: -240px -101px; }

#menu3 a { background-position: 0px -202px; }
#menu3 a:hover {	background-position: -240px -202px; }

#menu4 a { background-position: 0px -303px; }
#menu4 a:hover {	background-position: -240px -303px; }

#menu5 a { background-position: 0px -404px; }
#menu5 a:hover {	background-position: -240px -404px; }

#menu6 a { background-position: 0px -505px; }
#menu6 a:hover {	background-position: -240px -505px; }

#menu7 a { background-position: 0px -606px; }
#menu7 a:hover {	background-position: -240px -606px; }

#menu8 a { background-position: 0px -707px; }
#menu8 a:hover {	background-position: -240px -707px; }




/* Pie de pagina
--------------------------- */
div#footer p {
	text-align: center;
	font-size: .9em;
	margin: -5px;
}

div#footer a{
	color: #111;
	background: url(../imagenes/validos.png) no-repeat left;
	padding-left: 20px;
}


/* Contenido
--------------------------- */
div#content p {
	text-indent: 1.3em;	
	padding: 10px 0 10px 0;
}

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
	padding: 10px 0 5px 0;
	color: #700c0e;
}

div#content a, div#content a:hover, div#content a:visited {
	color: #00afe5;	
}

div#content em {
	font-style: italic;	
	color: #a0cd4f;
}

div#content strong {
	color: #700c0e;
	padding: 0 5px 0 5px;	
}

div#content blockquote {
	margin: 2em 35px 2em;
	text-align: left;
	font-size: .9em;
	font-style: italic;
	text-indent: 1.2em;
	color: #00afe5;
	//#a0cd4f;
	background: url(../imagenes/quotes-inicio.png);
	background-position: 0 .7em;
	background-repeat: no-repeat;
}

div#content ol, div#content ul {
	margin-left: 35px;
	padding: 10px 0 10px 0;	
}

div#content img {
	padding: 15px 15px 15px 15px;	
}

.inside-left {
	float: left;	
}

.inside-right {
	float: right;	
}

div#content table {
	caption-side: bottom;
	margin: 20px 20px 20px 20px;
	font-size: .9em;
	width: 80%;
	float: right;
	border-collapse: collapse;
}

div#content tr, div#content td, div#content th {
	border: 2px solid #00afe5;
	text-align: center;
}

div#content table th {
	color: #fff;
	background: #00afe5;
	font-weight: bold;
}

div#content table tr:hover{
	background: #eee;
}

div#content form {
	width: 72%;	
	background: #eee;
	padding: 20px 20px 20px 20px;
	border: 1px solid #ccc;
	margin-top: 20px;
}

div#content form fieldset {
	margin: 20px auto;	
	padding: 10px;
	border: 1px solid #aaa;
}

div#content form fieldset legend {
	font-size: 16px;
	font-weight: bold;
	color: #700c0e;
} 

div#content form .input label{
	width: 25%;
	float: left;
}

div#content form input {
	padding: 3px 3px 3px 3px;	
	margin: 5px 0 5px;
	font-size: 1em;
	color: #333;
}

div#content form textarea {
	padding: 3px 3px 3px 3px;	
	margin: 5px 0 5px;
	font-size: 1em;
	color: #333;
}

div#content dl {
	padding: 15px 0 15px;	
}

div#content dt {
	padding-left: 15px;	
}

div#content dd{
	padding-left: 45px;	
}

div#content .logros {
	list-style-image: url(../imagenes/logros.png);
}

div#content .youtube {
		float: left;
		margin-top: 15px;
		padding: 0 2px 0 2px;
}

/*clases comunes*/
.aligncenter {
	display: block;
	margin: 0 auto;	
}

.alignleft {
	float: left;
	margin: 0 4px 4px 0;	
}

.alignright {
	float: right;
	margin: 0 0 4px 4px;
}