@charset "UTF-8";
/* CSS Document */
/*Reset CSS*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Fin RESET CSS*/

/*Estructura*/
	body{
		background-color:#fff;
		background-image:url(../images/iniciales/decoracion.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: left;
		margin-top: 0 px;
	}
	
	#contenedor{
		width:1024px;
		margin: 0 auto;
		float:!important;
	}
	
	#cabecera{
		width: 700px;
		float:right;
		margin-top:5px;
		margin-bottom:10px
	}
	
	#principal{
		width: 700px; 
		float: right;
	}
	
	#contenido{
		width: 700px; 
		float: right;
	}
	
	#pie{
		clear: both;
		width: 900 px;
	}
	
	#pie negrita{
		clear: both;
		width: 900 px;
		color: #7a3441;
		font-size: medium;
		font-weight: bold;
		
	}
	
	#contador{
		text-align:center;
		margin:10px;
		}
	
/* Propiedades Generales */
	
	#menu{
		text-align:right;
		font-family:Arial, Helvetica, sans-serif;
		font-size:medium;
		font-stretch:semi-condensed;
		color: #7a3441;
	}
		
	h1 {
		color: #7a3441;
		font-family: 'Trade Winds', cursive;
		font-size: 40px;
		font-stretch:condensed;
		margin-top:10px;
		margin-bottom:10px;
	}
		
	h2 {
		color: #7a3441;
		font-family: 'Trade Winds', cursive;
		font-size: 25px;
		font-stretch:condensed;
		margin-top:10px;
	}	
	h3 {
		color: #7a3441;
		font-family: 'Trade Winds', cursive;
		font-size: 18px;
		font-stretch:condensed;
		margin-top:10px;
	}	
	
	h4 {
		color: #7a3441;
		font-family: 'Trade Winds', cursive;
		font-size: 18px;
		font-stretch:condensed;
		margin-top:10px;
	}	
	
	h6{
		color: #7a3441;
		font-family:Arial, Helvetica, sans-serif;
		font-size: xx-small;
		margin-bottom:5px;
	}
	
	#contenido p {
		color: #333;
		font-family:Arial, Helvetica, sans-serif;
		font-size: small;
		font-stretch:condensed;
		text-align:justify;
		margin-top:10px;
		text-indent: 17px;
	}
			
	.leermas {
		color: #7a3441;
		font-size:x-small;
		font-weight: lighter;
	}
	
	.negrita {
		color:#333;
		font-size:small;
		font-weight:bold;
	}
		
		
	
	#pie {
		color: #37a3441;
		font-family:Arial, Helvetica, sans-serif;
		font-size: x-small;
		font-stretch:ultra-condensed;
		text-align:center;
		vertical-align:middle;
	}
	.bloque {
		background-color: #fff;
		border-color: #fff;
		border-style: solid;
		border-width:1px;
		margin-bottom:10px;
		padding-left:10px;
		padding-right: 10px;
		padding-bottom:5px;
	}
	.bloque img {
		float:left;
		margin-right:10px;
		margin-left: 0px;
		margin-bottom: 0px;
		margin-top: 10px;
	}
	
	.foto {
		float:right;
		margin-right:0px;
		margin-left: 10px;
		margin-bottom: 0px;
		margin-top: 10px;
	}
	
	
	/*Estilo Formulario*/
	
	.formulario {
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
		font-stretch: condensed;
		text-align: justify;
		margin-top: 10px;
		text-indent: 17px;
	}
	
	.formulario TD {
		vertical-align: middle;
	}
	
	.formulario INPUT {
		color: #333333;
		font-family:Arial, Helvetica, sans-serif;
		font-size: small;
		font-stretch: normal;
		text-align:justify;
		width: 80%;
	}
	
	.formulario TEXTAREA {
		color: #333333;
		font-family:Arial, Helvetica, sans-serif;
		font-size: small;
		font-stretch: normal;
		text-align:justify;
		width: 80%;
	}
	
	.formulario INPUT[type="submit"],INPUT[type="reset"],INPUT[type="button"] {
		width:100px;
		text-align: center;
	}
	
	textarea{
		color: #333333;
		font-family:Arial, Helvetica, sans-serif;
		font-size: small;
		font-stretch: normal;
		text-align:justify;
		width: 400px;
		height:150px;
		margin: 10px;
		
		}
		
	select {
		color: #333333;
		font-family:Arial, Helvetica, sans-serif;
		font-size: small;
		font-stretch: normal;
		text-align:justify;
		width: 400px;
		margin: 10px;
	
	}
	
	input {
		color: #333333;
		font-family:Arial, Helvetica, sans-serif;
		font-size: small;
		font-stretch: normal;
		text-align:justify;
		margin: 10px;
		width: 400px;
	}
	
	.correcto {
		color: #060;
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		font-stretch:condensed;
		text-align: justify;
	}
	
	.error {
		color: #F00;
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		font-stretch:condensed;
		text-align: justify;
		}
	
	/*Estilos enlaces del menu */
	#menu a:link {
		font-family:Arial, Helvetica, sans-serif;
		font-size: small;
		font-stretch:condensed;
		color: #7a3441;
		text-decoration:none;
	}
	
	#menu a:visited {
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		font-stretch:condensed;
		color: #7a3441;
		text-decoration:none;
	}
	
	#menu a:hover {
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		font-stretch:condensed;
		color: #fff;
		background:#7a3441;
		text-decoration:underline;
	}
	
	#menu a:active {
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		font-stretch:condensed;
		color: #fff;
		background:#7a3441;
		text-decoration:underline;
	}
	
	/*Enlaces del Principal*/
	#principal a:link {
		font-family:Arial, Helvetica, sans-serif;
		font-size:x-small;
		font-stretch:condensed;
		color: #7a3441;
		text-decoration:none;
	}
	
	#principal a:visited {
		font-family:Arial, Helvetica, sans-serif;
		font-size: x-small;
		font-stretch:condensed;
		color: #7a3441;
		text-decoration:none;
	}
	
	#principal a:hover {
		font-family:Arial, Helvetica, sans-serif;
		font-size:x-small;
		font-stretch:condensed;
		color: #fff;
		background:#7a3441;
		text-decoration:underline;
	}
	
	#principal a:active {
		font-family:Arial, Helvetica, sans-serif;
		font-size:x-small;
		font-stretch:condensed;
		color: #fff;
		background:#7a3441;
		text-decoration:underline;
	}
	
	/*Enlaces contenido */
	
	#contenido a:link {
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		font-weight:bold;
		color: #7a3441;
		text-decoration:none;
	}
	
	#contenido a:visited {
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		font-weight:bold;
		color: #7a3441;
		text-decoration:none;
	}
	
	#contenido a:hover {
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		font-weight:bold;
		color: #fff;
		background: #7a3441;
		text-decoration:underline;
	}
	
	#contenido a:hover {
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		font-weight:bold;
		color: #fff;
		background: #7a3441;
		text-decoration:underline;
	}
	
	/*Estilos enlaces contenido*/
	
		#pie a:link {
		font-family:Arial, Helvetica, sans-serif;
		font-size: xx-small
		font-stretch:condensed;
		color: #7a3441;
		text-decoration:none;
	}
	
	#pie a:visited {
		font-family:Arial, Helvetica, sans-serif;
		font-size:xx-small
		font-stretch:condensed;
		color: #7a3441;
		text-decoration:none;
	}
	
	#pie a:hover {
		font-family:Arial, Helvetica, sans-serif;
		font-size:xx-small
		font-stretch:condensed;
		color: #fff;
		background:#7a3441;
		text-decoration:underline;
	}
	
	#pie a:active {
		font-family:Arial, Helvetica, sans-serif;
		font-size: xx-small;
		font-stretch:condensed;
		color: #fff;
		background:#7a3441;
		text-decoration:underline;
	}
	
	.pie {
		color: #661111;
		font-size: x-small;
		font-weight: lighter;
	}
	
	/*Estilos lateral*/
	

	#lateral h2 {
		color: #333;
		font-family: 'Trade Winds', cursive;
		font-size: 20px;
		font-stretch:condensed;
		margin-top:10px;
		text-align:center;
	}