/* culture shock: slight amnesia v1.0 by pogy366: http://www.raykdesign.net - Dec. 2005 */

/* general page structure and layout */
html, body {
height:100%;
}

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.9em;
	color:#000000;
	margin:0.3em 0.5em 0.3em 0.5em;
	padding:0 0 0 0;
	background:#ffffff url(../imagenes/fondo.jpg);
	background-position:center;
	text-align:justify;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}


/* font styles */
h1 {
font-family:Georgia, "Times New Roman", Times, serif;
margin:0.3em 0.5em 0.3em 0.5em;
padding: 0 0 0 0;
font-size:1.9em;
color:#8E1F0D;
text-align:justify;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
margin:0.3em 0.5em 0.3em 0.5em;
padding: 0 0 0 0;
font-size:1.7em;
color:#8E1F0D;
}

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
margin:0.3em 0.5em 0.3em 0.5em;
padding: 0 0 0 0;
font-size:1.5em;
color:#8E1F0D;
}

h4 {
font-family:Georgia, "Times New Roman", Times, serif;
margin:0.3em 0.5em 0.3em 0.5em;
padding: 0 0 0 0;
font-size:1.3em;
color:#8E1F0D;
}

h5 {
font-family:Georgia, "Times New Roman", Times, serif;
margin:0.3em 0.5em 0.3em 0.5em;
padding: 0 0 0 0;
font-size:1.1em;
color:#8E1F0D;
}

h6 {
font-family:Georgia, "Times New Roman", Times, serif;
margin:0.3em 0.5em 0.3em 0.5em;
padding: 0 0 0 0;
font-size:0.9em;
color:#8E1F0D;
}

.small {
font-family:"Courier New", Courier, mono;
font-size:.85em;
text-transform:uppercase;
text-align:justify;
}

.quote {
	width:auto;
	background:#EDE9E6;
	border-top:1px solid #8E1F0D;
	border-bottom:1px solid #8E1F0D;
	font-size:1em;
	font-style:italic;
	color:#330066;
	text-align:center;
	background-color: #FFFFFF;
	position: relative;
	left: auto;
	margin: 5 5 5 5;
	padding: 5 5 5 5;
	border-left: 1px solid #8E1F0D;
	border-right: 1px solid #8E1F0D;
}

.text {
	position:relative;
	width:16.7em;
	margin:0 0 0 0;
	padding:.5em 5% .5em 5%;
	background:#EDE9E6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000033;
	text-align:justify;
	background-color: #FFFFCC;
}

.footer {
position:relative;
margin:0.5em 0.5em 0.5em 0.5em;
padding: 0 0 0 0;
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
color:#000066;
text-align:right;
}

/* link styles */
a {
color:#D96107;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:none;
}

a:visited {
	color: #D96107;
}

a:active {
	color: #D96107;
}

/* images */
#logo {
margin:.5em 0 0 0;
width:15em;
height:14em;
}

img {
border:none;
}

/* misc styles */
blockquote {
margin:.3em .6em .7em .6em;
padding:.05em .5em .05em .5em;
background:#ffffff top repeat-x;
border-top:1px solid #CABEB5;
border-bottom:1px solid #EEEAE7;
border-left:1px solid #D7CDC6;
border-right:1px solid #EEEAE7;
font-family:Arial, Helvetica, sans-serif;
color:#7C6C61;
}

/* workarounds and hacks */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */