body {
	font-family:Verdana, Arial, Tahoma;
	font-size:11px;
	color: gray;
	border:0px;
	margin:0px;
	padding:0px;
	background-color:#4A4C75;
}

h1 { font-size:16px; color:#FFFFFF; margin:0px 0px 10px 0px;}
h2 { font-size:14px;  }
h3 { font-size:11px;  }

.orange { color:#ff9802; }
.green { color:#99cc33; }
.blue { color:#669acd; }

a {	color:orange; text-decoration: none; }
a:hover { text-decoration: underline; color:orange; }

ul { margin:0px 0px 0px 0px; }
li { margin:0px 0px 0px 12px; }
.li-orange { list-style:square outside url("/img/bullet_orange.png"); }
.li-green { list-style:square outside url("/img/bullet_green.png"); }
.li-blue { list-style:square outside url("/img/bullet_blue.png"); }


/* CAPAS PRINCIPALES -------------------------------------------------------------------------------------- */

#header_bg { width:100%; background-color:#fe9900;	text-align:left; padding:0px; margin:0px; border:0px solid gray; }
   #header { width:1000px; margin-left:auto; margin-right:auto; padding:5px 0px 5px 0px; border:0px solid gray;}

#menu_bg {	width:100%; height:27px; text-align:center; padding:0px 0px 0px 0px; background-color:#30315f; }
   #menu {	width:1000px; text-align:center; padding:2px 0px 7px 0px; background-color:#30315f; margin-left:auto; margin-right:auto; }
		
		#menu .mn-on { float:left; padding:5px 40px 0px 3px; background-color:#30315f; }
		#menu .mn-off { float:left; padding:5px 40px 0px 3px; background-color:#30315f; }
		
			#menu .mn-on a {	color:#FFFFFF; text-decoration: none; }
			#menu .mn-on a:hover { color:#FFFFFF; text-decoration: none; }
			#menu .mn-off a {	color:#FFFFFF; text-decoration: none; }
			#menu .mn-off a:hover { color:#fe9900; text-decoration: none; }
	
	
#main {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	padding:10px 10px 0px 10px;
	border-left:0px solid gray;
	border-right:0px solid gray;
}


#cuerpo {
	width:100%;
	margin:0px;
	border:0px solid red;
}

#footer { width:100%; color:#EEEEEE; background-color:#30315f; text-align:center; 
		  padding:5px 0px 5px 0px; margin:0px; }

	
/* HOME -------------------------------------------------------------------------------------- */

#bloque-sup { width:100%; color:#FFFFFF; padding:0px;  margin-bottom:0px 0px 10px 0px; }
#bloque-sup2 { width:970px; height:145px; padding:0px;  margin:0px; margin-bottom:10px; background-image:url(img/bloque_sup_2.jpg); background-repeat:no-repeat; }
#bloque-inf { width:970px; padding:0px; margin-bottom:0px 0px 10px 0px; }

.bloque { float:left; width:255px; height:288px; padding:0px; margin:0px 15px 0px 0px; background-color:#30315f; }
	.bloque .content { float:left; width:235px; height:290px; padding:10px 0px 10px 10px; margin:0px; color:#ffffff; font-weight:normal; }
	.bloque p { padding:0px; margin:0px 0px 10px 0px; }
	
	.azamedia { background-image:url(img/bloque_host.jpg); background-repeat:no-repeat; }
		.azamedia a { color:#99cc33; }
		.azamedia a:hover { color:#99cc33; }
	
.area { width:247px; height:110px; float:left; color:#FFFFFF; border-bottom:1px solid #4A4C75; font-size:16px; margin:0px 15px 1px 0px; padding:7px 8px 0px 0px; cursor:pointer; cursor:hand; }
	.area a { color:#FFFFFF; }
	.area a:hover { color:#FFFFFF; }
.area .descrip { font-size:11px; color:#EEEEEE; font-weight:normal; }


/* SERVICIOS y PRODUCTOS --------------------------------------------------------------------------------- */

#areas-main { width:100%; border:0px solid white; }
	#area-main-right { float:right; width:650px; text-align:left; margin:10px 0px 10px 0px; border:0px solid white; }
	#area-main-left { float:left; width:270px; text-align:left; margin:10px 20px 10px 0px; border:0px solid white; }
	
	.area-left { width:247px; color:#FFFFFF; border-bottom:1px solid #4A4C75; font-size:16px; text-align:right; margin:0px 0px 30px 0px; padding:0px 8px 5px 0px; cursor:pointer; cursor:hand; }
	.area-left a { color:#FFFFFF; }
	.area-left a:hover { color:#FFFFFF; }
	.area-left .descrip { font-size:11px; padding-top:5px; color:#EEEEEE; font-weight:normal; }
		

/* --- Quienes somos -------------------------------------------------------- */

	#mapa {  color:#FFFFFF; }
	
	#mapa li { font-size:14px; margin:5px 0px 5px 15px; }

/* --- Quienes somos -------------------------------------------------------- */

#contenido 		  { float:left;  width:945px; padding:20px 15px 20px 10px; margin:0px; background-color:#393B60; }
#contenido .left  { float:left;  width:161px; padding:0px; margin:0px 0px 0px 10px; border:0px solid red; }
#contenido .right { float:right; width:700px; padding:0px; margin:0px 0px 0px 20px; color:#ffffff; border:0px solid red; }

/* --- Que hacemos --------------------------------------------------------------------------- */

#tabs { width:950px; height:39px; float:left; padding:0px; margin:0px; }
	.tab { width:172px;	height:39px; float:left; padding:0px; margin:0px 0px 0px 0px; }

#tab-contenido { width:950px;
			 	float:left;
			 	padding:10px;
				padding-top:15px;
			 	margin:0px 20px 0px 0px;
			 	background-color: #393B60;
				font-weight:normal;
				color:#ffffff;
		   }
	#tab-contenido .left  { float:left; width:290px; padding:0px 0px 0px 15px; margin:0px; }
			#tab-contenido .left p  { float:left; width:99%; padding:0px; padding-bottom:10px; margin:0px; }
	#tab-contenido .right { float:right; width:600px; padding:0px; padding-left:40px; margin:0px; color:#ffffff; border-left:1px dotted gray; }

/* --- Contactar --------------------------------------------------------------------------- */

#contacto { width:930px; float:left; padding: 20px 20px 10px 20px; margin:0px; font-size:11px; font-weight:normal; background-color: #393B60; }

	#contacto .left  { float:left; width:500px; padding:0px; margin-right:0px; color:#ffffff; border:0px solid red; }
		#contacto .left p { float:left; width:150px; padding:0px; padding-bottom:10px; margin:0px; }
		#contacto .left > div{clear:both;}
	#contacto .right { float:right; width:380px; padding:0px; margin:0px; color:#ffffff; border:0px solid red; }


/* ------------------------------------------------------------------------------------------ */



/* marco de las fotos */
.marco { border: 1px solid #666666; }

/* Botones */
.btn { background-color: #DDDDDD; color: #646464; font-weight: normal; }

/* Barra de camino recorrido */
.breadcrum { padding:0; margin:0px 0px 10px 0px; /*top rgt btm lft*/ }