/* -------------- LAYOUT ---------------- */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #333333;
	background-color: #6B9ACC;
	background-image: url(../images/layout/bodyBg.jpg);
	background-repeat: repeat-x;
	margin: 0 0 0 15px;
	padding: 0px;}

#wrapper {
	width:826px;
	margin-top:50px;}

#mainContainer {
	width:826px;
	background-image:url(../images/layout/layoutTop.jpg);
	background-repeat:no-repeat;
	background-color:#E0EAF4;}

#bottom	{
	background-image:url(../images/layout/layoutBottom.gif);
	background-repeat:no-repeat;
	background-color:#6B9ACC;
	width:826px;
	height:12px;
	clear:both;}
	
#leftcol {
	width:170px;
	float:left;}
	
#rightCol {
	width:655px;
	float:right;
	margin-top:139px;}
	
#footer {
	padding-top:6px;
	text-align:center;}
	
/* - Home - */

.bloqueDesarrolloSocial {
	width:322px;
	position:absolute;
	left: 186px;
	top: 14px;
	height: 440px;}

.bloqueDesarrolloSocial_head {
	background-image:url(../images/layout/home/headDesarrolloSocial.jpg);
	background-repeat:no-repeat;
	text-indent:-8000px;	
	width:322px;
	height:205px;
	clear:both;
	margin:0;}
	
.bloqueAsesoriaEmpresarial {
	width:322px;
	position:absolute;
	left: 508px;
	top: 14px;
	height: 450px;}

.bloqueAsesoriaEmpresarial_head {
	background-image:url(../images/layout/home/headAsesoriaEmpresarial.jpg);;
	background-repeat:no-repeat;
	text-indent:-8000px;	
	width:322px;
	height:205px;
	clear:both;
	margin:0;}

.bloques_contentLeft {
	background-image:url(../images/layout/home/homeContentDegradeLeft.jpg);
	background-repeat:no-repeat;
	padding:5px 20px 5px 23px;
	height:200px;}	
	
.bloques_contentRight {
	background-image:url(../images/layout/home/homeContentDegradeRight.jpg);
	background-repeat:no-repeat;
	padding:5px 20px 5px 23px;
	height:250px;}	
	
/* - Páginas interiores - */

#header {
	width:644px;
	position:absolute;
	left: 186px;
	top: 14px;
	clear:both;}

#bloqueInteriores {
	background-image:url(../images/layout/bgInteriores.jpg);
	background-repeat:no-repeat;
	padding:15px 30px 10px 23px;
	display:block;}
	
#bloqueContenidos {
	width:435px}
	
#bloqueContenidosFull {
	width:100%}
	
/* - Módulos Columna derecha - */

#modulosCol {
	width:154px;
	float:right;
	clear:both;}

.moduloContenedor {
	border:1px solid #9FBEDE;
	background-color:#F8FAFC;
	margin:0 0 10px 0;	}
	
.modulo {
	padding:6px;}
	
/* --------------------- TEXT AND LINKS --------------------- */

h2 {
	margin:0;}
	
h3 {
	font-size:1.6em;
	color:#0044AA;
	margin:0 0 4px 0;}	/* Titulares de páginas */

h4 {
	font-size:1.1em;
	color:#000000;
	font-weight:bold;
	margin:0 0 4px 0;} /* Titulares de Módulos e Inline-text Titles */

p {
	margin-top:0;}
	
.smallBlue {
	color:#0044AA;
	font-size:.8em;}
	
.smallGray {
	color:#666666;
	font-size:.8em;}
	
.titleNoticias {
	width:150px;
	height:15px; /* IMPORTANTE para el border bottom! No usar Margin!!!!!!!! */
	background-image:url(../images/titles/titleNoticias.gif);;
	background-repeat:no-repeat;
	text-indent:-8000px;
	border-bottom:1px solid #FEC601;}

/* - LINKS - */

a {color:#0044AA;text-decoration:none;}
a:visited {color:#0044AA;}
a:hover {color:#000000;text-decoration:underline;}
a:active {color:#000000;}

.grayLink:link {color:#333333;text-decoration:underline; font-size:.8em;}
.grayLink:visited {color:#333333;text-decoration:underline; font-size:.8em;}
.grayLink:hover {color:#000000;text-decoration:underline; font-size:.8em;}
.grayLink:active {color:#000000; font-size:.8em;}

/* --------------------- LISTS --------------------- */
	
ul li {
	list-style-image:url(../images/bullets/yellow.gif);
	margin:0 0 5px -1.4em;}  /* IMPORTANTE !!!!!!!!!!!!!!!!!!!!!!! */
	
/*.linkList {margin:0 0 2px -0.1em; }	*/ /* ESTO LO PONGO EN EL FFstyle.css y lo escondo con el @import !!!!!!!!!! */

/* --------------------- FORMS ------------------------ */

label,input {
	display: block;
	float: left;
	margin-bottom: 6px;}

label {
	text-align: right;
	width: 150px;
	padding-right: 5px;}

.br {
	clear: left;}
	
/* --------------------- TABLES ----------------------- */

th {
	font-weight:bold;
	background-color:#003366;
	color:#FFFFFF;}
	
table, td, tr {
	border-collapse:collapse;
	border:1px solid #CCCCCC;}
	
/* --------------------- ELEMENTS --------------------- */

#logo {
	width:165px;
	height:102px;
	margin:10px 0 0 5px;
	background-image:url(../images/logos/logo.png);
	background-repeat:no-repeat;
	text-indent:-8000px;}
	
hr {
	width:100%;
	height:1px;
	margin:10px 0 10px 0;
	color:#0066CC;
	text-align:center;
	clear:left;
	}
	
/* - MENU - */

#menu {
	margin:55px 7px 0 0;
	padding:0;}
	
#menu ul li {  /* ----- IMPORTANTE!!!!! Para menú con imágenes!!!! -----------*/
	list-style:none;
	list-style-image:none;
	margin-bottom:5px;
	text-indent:-8000px;}

#menuInicio a{
	background-image:url(../images/menu/inicio.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	height:15px;}
	
#menuQuienesSomos a {
	background-image:url(../images/menu/quienesSomos.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	height:15px;}
	
#menuNoticias a{
	background-image:url(../images/menu/noticias.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	height:15px;}
	
#menuDS a{
	background-image:url(../images/menu/DS.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	height:15px;}
	
#menuAE a{
	background-image:url(../images/menu/AE.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	height:15px;}
	
#menuLinks a{
	background-image:url(../images/menu/links.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	height:15px;}
	
#menuContacto a{
	background-image:url(../images/menu/contacto.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	height:15px;}
	
/* - BOXES - */

.imagenLeft {
	margin:0 7px 0 2px;
	float:left;
	display:table;}
	
/* - FOTOS - */

.foto {
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	margin:2px 5px 3px 0;
	padding:3px;
	float:left;}
	
.fotoRight {
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	margin:2px 0px 5px 5px;
	padding:3px;
	float:right;}
	
/* - FLASH - */

.marcoFlash {
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	margin:2px 5px 5px 0;
	padding:3px;
	display:table;}

/* - HEADERS - */

.desarrolloSocial_head {
	background-image:url(../images/layout/headers/desarrolloSocial.jpg);
	background-repeat:no-repeat;
	height:175px;
	text-indent:-8000px;}
	
.areasDesarrollo_head {
	background-image:url(../images/layout/headers/areasDesarrollo.jpg);
	background-repeat:no-repeat;
	height:175px;
	text-indent:-8000px;}
	
.asesoriaEmpresarial_head {
	background-image:url(../images/layout/headers/asesoriaEmpresarial.jpg);
	background-repeat:no-repeat;
	height:175px;
	text-indent:-8000px;}

.asesoriasCursos_head {
	background-image:url(../images/layout/headers/asesoriasCursos.jpg);
	background-repeat:no-repeat;
	height:175px;
	text-indent:-8000px;}
	
.desarrolloSocial_head {
	background-image:url(../images/layout/headers/desarrolloSocial.jpg);
	background-repeat:no-repeat;
	height:175px;
	text-indent:-8000px;}
	
.centroSolidario_head {
	background-image:url(../images/layout/headers/centroSolidario.jpg);
	background-repeat:no-repeat;
	height:175px;
	text-indent:-8000px;}
	
.comoAyudar_head {
	background-image:url(../images/layout/headers/comoAyudar.jpg);
	background-repeat:no-repeat;
	height:175px;
	text-indent:-8000px;}
	
.contacto_head {
	background-image:url(../images/layout/headers/contacto.jpg);
	background-repeat:no-repeat;
	height:175px;
	text-indent:-8000px;}
	
.fortalecimientoEmpresarial_head {
	background-image:url(../images/layout/headers/fortalecimientoEmpresarial.jpg);
	background-repeat:no-repeat;
	height:175px;
	text-indent:-8000px;}
	
.links_head {
	background-image:url(../images/layout/headers/links.jpg);
	background-repeat:no-repeat;
	height:175px;
	text-indent:-8000px;}

.otrosProyectos_head {
	background-image:url(../images/layout/headers/otrosProyectos.jpg);
	background-repeat:no-repeat;
	height:175px;
	text-indent:-8000px;}
	
.quienesSomos_head {
	background-image:url(../images/layout/headers/quienesSomos.jpg);
	background-repeat:no-repeat;
	height:175px;
	text-indent:-8000px;}
	
.testimoniosEmpresariales_head {
	background-image:url(../images/layout/headers/testimoniosEmpresariales.jpg);
	background-repeat:no-repeat;
	height:175px;
	text-indent:-8000px;}
	
.testimoniosSociales_head {
	background-image:url(../images/layout/headers/testimoniosSociales.jpg);
	background-repeat:no-repeat;
	height:175px;
	text-indent:-8000px;}

.trayectoria_head {
	background-image:url(../images/layout/headers/trayectoria.jpg);
	background-repeat:no-repeat;
	height:175px;
	text-indent:-8000px;}
	
.calendario_head {
	background-image:url(../images/layout/headers/calendario.jpg);
	background-repeat:no-repeat;
	height:175px;
	text-indent:-8000px;}
	
.noticias_head {
	background-image:url(../images/layout/headers/noticias.jpg);
	background-repeat:no-repeat;
	height:175px;
	text-indent:-8000px;}
	

/* - BLOQUE NOTICIAS - */

#noticias {
	margin:35px 4px 4px 10px;}



@media print {

#rightCol {	width:750px; margin-top:10px}

#bottom	{/* visibility:hidden;*/}
	
#leftcol { visibility:hidden;}
		
#footer { visibility:hidden;}

#modulosCol { visibility:hidden;}



}