@charset "utf-8";
/* CSS Document */
/*
--------------------------------
////////////////////////////////
////////////////////////////////
--------------------------------
*/

/* General */

body { margin: 0; padding: 0; }

/* Intro */

body#intro { background-color: #000; }
div.intro { width: 1024px; height: 713px; overflow: hidden; margin: 0 auto; }

	div.intro div#content { height: 640px; }
	div.intro div#footer { height: 63px; }
		div.intro div#footer p#introfooter { color: #FFF; }

/* Layout */

div#container {
	width: 1024px;
	height: 778px;
	margin: 0 auto;
	overflow: hidden;

	
}

	div#header, div#content, div#footer { float: left; }
	div#header { width: 999px; height: 96px; overflow: hidden; padding: 20px 0 0 25px; }
	
		#logo { float: left; width: 152px; height: 87px; margin: 0; padding: 0; }
			#logo a { width: 152px; height: 87px; display: block; cursor: pointer; outline: 0; border:0;}
			#logo img { border:0; }			
		ul#menu { float: left; height: 59px; padding: 0; margin: 20px 0 0 58px; }
			ul#menu li { display: inline; list-style-type: none; height: 59px; float: left;}
			
			ul#menu li#porque { width: 88px; margin-right: 26px; }
			ul#menu li#quienes { width: 114px; margin-right: 37px; }
			ul#menu li#lineas { width: 50px; margin-right: 34px; }
			ul#menu li#casos { width: 49px; margin-right: 24px; }
			ul#menu li#equipo { width: 45px; margin-right: 20px; }
			ul#menu li#contacta { width: 77px; margin-right: 20px; }
			ul#menu li#dicen { width: 40px; }
			
				a.lnk_porque, a.lnk_quienes, a.lnk_lineas, a.lnk_casos, a.lnk_equipo, a.lnk_contacta, a.lnk_dicen { height: 59px; display: block; outline: 0; }
				ul#menu li#porque a.lnk_porque { width: 88px; background: transparent url(../img/btn/porque.gif) no-repeat top left; }
				ul#menu li#quienes a.lnk_quienes { width: 114px; background: transparent url(../img/btn/quienes.gif) no-repeat top left; }
				ul#menu li#lineas a.lnk_lineas { width: 50px; background: transparent url(../img/btn/lineas.gif) no-repeat top left; }
				ul#menu li#casos a.lnk_casos { width: 49px; background: transparent url(../img/btn/casos.gif) no-repeat top left; }
				ul#menu li#equipo a.lnk_equipo { width: 45px; background: transparent url(../img/btn/equipo.gif) no-repeat top left; }
				ul#menu li#contacta a.lnk_contacta { width: 77px; background: transparent url(../img/btn/contacta.gif) no-repeat top left; }
				ul#menu li#dicen a.lnk_dicen { width: 40px; background: transparent url(../img/btn/dicen.gif) no-repeat top left; }
				/* hover links */
				ul#menu li#porque a:hover.lnk_porque { width: 88px; background: transparent url(../img/btn/porque_over.gif) no-repeat top left; }
				ul#menu li#quienes a:hover.lnk_quienes { width: 114px; background: transparent url(../img/btn/quienes_over.gif) no-repeat top left; }
				ul#menu li#lineas a:hover.lnk_lineas { width: 50px; background: transparent url(../img/btn/lineas_over.gif) no-repeat top left; }
				ul#menu li#casos a:hover.lnk_casos { width: 49px; background: transparent url(../img/btn/casos_over.gif) no-repeat top left; }
				ul#menu li#equipo a:hover.lnk_equipo { width: 45px; background: transparent url(../img/btn/equipo_over.gif) no-repeat top left; }
				ul#menu li#contacta a:hover.lnk_contacta { width: 77px; background: transparent url(../img/btn/contacta_over.gif) no-repeat top left; }
				ul#menu li#dicen a:hover.lnk_dicen { width: 40px; background: transparent url(../img/btn/dicen_over.gif) no-repeat top left; }
				/* active links */
				ul#menu li#porque a#active { width: 88px; background: transparent url(../img/btn/porque_over.gif) no-repeat top left; }
				ul#menu li#quienes a#active { width: 114px; background: transparent url(../img/btn/quienes_over.gif) no-repeat top left; }
				ul#menu li#lineas a#active { width: 50px; background: transparent url(../img/btn/lineas_over.gif) no-repeat top left; }
				ul#menu li#casos a#active { width: 49px; background: transparent url(../img/btn/casos_over.gif) no-repeat top left; }
				ul#menu li#equipo a#active { width: 45px; background: transparent url(../img/btn/equipo_over.gif) no-repeat top left; }
				ul#menu li#contacta a#active { width: 77px; background: transparent url(../img/btn/contacta_over.gif) no-repeat top left; }
				ul#menu li#dicen a#active { width: 40px; background: transparent url(../img/btn/dicen_over.gif) no-repeat top left; }
	
	div#content { width: 1024px; height: 620px; position:relative;}
	
		/* Casos de éxito */
		div.casosdeexito { overflow: hidden; }
			div.casosdeexito div.caso { width: 336px; height: 201px; float: left; position: relative; margin: 0 0 5px 5px; }
				div.casosdeexito div.first { margin: 0 0 5px 0; }
				div.casosdeexito div.caso img { position: absolute; top: 0; left: 0; }
				div.casosdeexito div.caso a { width: 320px; background: transparent url(../img/redcross.gif) no-repeat top right; position: absolute; top: 187px; left: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-decoration: none; outline: 0; }
				
		/* Dicen por ahí */
		div.dicenporahi { width: 1024px; height: 620px; position: relative; }
			div#expansion { width: 434px; height: 603px; position: absolute; top: 12px; left: 21px; }
			div#anuncios { width: 523px; height: 380px; position: absolute; top: 235px; left: 485px; }
				div#expansion a, div#anuncios a { outline: 0; }
					div#expansion a img, div#anuncios a img { border: 0; }
					
		div#alternate {
			display: none;
		}
	
	div#footer { width: 1024px; height: 42px; text-align: center; }
		div#footer p { margin: 0; padding: 7px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
	
/* Misc */
#networks{
float:right;
margin:50px 15px 0 0;
}
#networks img{
border:0
}

.hide { display: none; }

.sin_borde{border:0;}

/***************** NUESTRO EQUIPO **************************/
.equipo_dedonde{margin:auto; width:856px;}

.nuestro_equipo li{float:left; list-style:none; padding-bottom:13px;}

	.nuestro_equipo .equipo_audiovisual{padding-right:29px;}
	
	.nuestro_equipo .equipo_coordinacion{padding-right:34px;}
	
	.nuestro_equipo .equipo_creacion{padding-right:24px;}
	
	.nuestro_equipo .equipo_director{padding-right:41px;}
	
	.nuestro_equipo .equipo_tecnologia{padding-right:37px;}

.titulo_nuestroequipo{margin:auto; padding:75px 0px 41px 0px; width:252px;}

