/* Creador: Oscar Abad Fecha: 02.2006
	Proyecto: hostil3d.com v3
*/
body { margin:0; padding:0; background: url(container.gif) left repeat-y #E9EDF7; color:#C4CBD1; font:76%/1.4em Verdana,sans-serif;}

#homepage #banner h2 { margin:0; width: 100%; padding: 20px; color: #fff; 	font-family:arial, sans-serif;font-size: 2.1em; letter-spacing: -1px; }

#container { background: url() repeat-y left #252525;margin: 0px auto; } /* max-width: 80em; */
#header { position:relative; height:4em; background: url(background.menu.gif) #252525; border-bottom: 1px solid #B9B9B9 } /** #474747 **/

#menu-principal {
	position:absolute;
	padding: 0;
	margin:0;
	bottom:0;
	left:0;
	font-family: Verdana,sans-serif;
	white-space:nowrap;
	font-size: 80%;
}
#menu-principal li { display:block; float:left; list-style-type:none; margin:1px; padding:0; text-transform: uppercase; }
#menu-principal a { display:block; padding:5em 22px 10px 22px; background: url(background.menu3.gif) bottom repeat-x #252525; border-bottom: 3px solid #A3AEB1; color: #E4E7EA; font-weight: normal; text-decoration: none;}
#menu-principal a:hover, #menu-principal #selected a { color:#DFE9F2; background: url(background.menu2.gif) bottom repeat-x #242424; border-bottom: 3px solid #FF8C00; font-weight: normal; text-decoration: none;}

#banner { background:#00014F; border-bottom:1px solid #B9B9B9; height: 125px; width: 100%; background-image: url(header.jpg); background-position: top center; background-repeat: no-repeat; }

#wrapper-1 { background: url(container.gif) repeat-y left #E9EDF7; width: 100%; color: #C6C6C6;}
#wrapper-1:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#wrapper-1 { display: block; }

#content { float:left; margin: 0 0 0 9em; width:587px; background: #252525; color:White;
		/* IE Hack */	--margin: 0 0 0 4.65em; }
#galeria { float:left; margin: 0 0 0 6.1em; height: 500px;width:690px; background: #252525; color:White;
		/* IE Hack */	--margin: 0 0 0 3.2em; }
#content * {  margin-left:45px; margin-right:45px; }
#content * * { margin-left:0; margin-right:0; }
#content h2 { margin-top:.6em; margin-bottom:.6em; }
#content-wide { float:left; padding:10px; background:white; color:#252525; }

h1,h2,h3 { margin-top:1em; font-family:Arial,sans-serif; font-weight:normal; }
h1 { font-size:170%; margin-top:.5em; margin-bottom:.5em; color:#6FA6E1; line-height:1.1em; }
h2 { font-size:110%; margin-top:1em; margin-bottom:.2em; line-height:1.2em; color:#FF8C00; }
h3 { font-size:100%; font-weight:bold; margin-bottom:.2em; color:#B5CCE8; }
h4 { font-size:80%; font-weight: normal; margin-bottom:.1em; color:#FFFFFF; }
h5 { font-size:80%; text-align: justify; font-weight: normal; margin-bottom:.1em; color:#FFFFFF; }
h6 { font-size:10px; text-align: justify; }
p { text-align: justify; }
.titulo { font-size:225%; color:#EEF2FB; padding: 2em 0 0 3em; }

#footer { display: block; left: 0px; height: 35px; width: 100%; background: url(containertop.gif) repeat-y #E9EDF7; clear:both; color:#D0D6DB; font-size:90%; }
#footer-data { float:left; margin: 0 0 0 7em; position: relative; bottom: 0; text-align: left; width: 600px; color: White;
		/* IE Hack */ --margin: 0 0 0 3.65em; }
#footer a { text-decoration: underline; color: #F7F7F8; font-weight: normal; }
#footer a:hover { text-decoration: none;}

a:link, a:visited { color: #D3D8DC; text-decoration:none; font-weight: bold; }
a:hover { color: White; text-decoration: none; }
a img { border:none; }

.menu-title { background:#252525; border-bottom: solid 1px #B9B9B9;}

#iframe { background-color: #252525; }

.bordered-right { border: 1px solid #000; margin: 0px 0px 10px 10px; float: right; }
input { border: 1px solid #000;  padding: 2px; }
textarea { border: 1px solid #000; font-family:Arial,sans-serif; padding: 2px; }