@charset "utf-8";

/* CSS Document */

html, body, #contenedor {
	min-height: 100%; /* alto minimom FF y Safari */
	height: 100%; /* alto minimo para IE Windows */
	margin:0px;
	padding: 0px;
}
html>body #contenedor {
	height: auto; /* con este hack escondemos el min-height de IE*/
}
/* fin hacks varios */




body {

text-align:center;
border:0; /* remove borders */
background-image:url(images/bg.gif);
}

#contenedor {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
}



#head {

	width:997px;
	height:85px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden;
	margin: 0 auto;

}



#head a{

	width:100%;
	height:85px !important;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	}
#contmenu {
width:100%;
height:42px;
text-align:center;

}

#container {

	display:block; /* set up as a block */
	z-index:0; /* allocate a suitable z-index */
	margin: 0 auto;
	width:100%;
	height: auto;
	padding:0;
	padding-bottom: 100px; 
	text-align:center;
	vertical-align:top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	position:relative;
	word-wrap:break-word;
}



/* sombra izquierda	*/

.izquierda{

 

	width:22px;

	height:450px;

	margin:0;

	padding:0; 

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/som_iz.png", sizingMethod="scale");

	background-repeat: repeat-y;

	float:left;

	

}

.izquierda[class] {

	background-image:url(images/som_iz.png);

	background-repeat:repeat-y;

}

/* termina sombra izquierda*/



/* sombra derecha */

.derecha{

	width:22px;

	height:450px;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/som_der.png", sizingMethod="scale");

	background-repeat: repeat-y;

	float:right;

}



.derecha[class] {

	background-image:url(images/som_der.png);

	background-repeat:repeat-y;

}

/* termina sombra izquierda	*/



/* sombra abajo	*/

.sombra_down{

	width:997px;

	height:10px;

	text-align:center;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/som_down.png", sizingMethod="scale");

	background-repeat: no-repeat;

}

.sombra_down[class] {

	background-image:url(images/som_down.png);

	background-repeat:no-repeat;

}

/* termina sombra abajo	*/



#banner {

width:997px;

height:205px;

margin: 0 auto;

text-align:center;



}

.foot {

	position:absolute;
	margin:0;
	bottom:0;
	right:3px;
	width:100%;
	height:70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #CCCCCC;




}

.foot[class] {

background-color: #171717;  text-align: center; padding: 15px 0 15px 0;

}



.foot p{font-size:9px; width: 980px; margin: 0 auto; margin-bottom: 10px;}

.foot p a{font-size: 11px; color: #fff; font-weight:bold; }

.foot p a:hover{text-decoration:underline;}

.people {

position:absolute; 

top:200px;

left:80%; 

width:226px; 

height:372px; 

margin-left:-110px; 

z-index:8; 

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/gente.png", sizingMethod="scale");

background-repeat: no-repeat;

}

.people[class] {

background-image:url(images/gente.png);

}

.derecha2 {

	width:22px;

	height:205px;





	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/som_der.png", sizingMethod="scale");

	background-repeat: repeat-y;

	float:right;

}

.izquierda2 {

	width:22px;

	height:205px;

	margin:0;

	padding:0;





	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/som_iz.png", sizingMethod="scale");

	background-repeat: repeat-y;

	float:left;

}


