body       {margin:0 auto;}


.body_gray    {background: #fff}
.body_red     {background: #fff}
.body_green   {background: #fff}
.body_purple  {background: #fff}
.body_blue    {background: #fff}
.body_orange  {background: #fff}

#container {width:auto; margin:0 auto; }
#header   {width:959px; height:150px; margin:0 auto;}

#menu    {width:948px; height:30px; #height:24px; background: #FFF; margin:0 auto; border-bottom: 1px solid #CCC; 
		  //height:30px}


#cont_info  {width:959px; margin:auto; background-image:url(images/back_righst.jpg); background-repeat:repeat-y; overflow:hidden;//margin-bottom:15px;}
#left       {width:159px; float:left;}
#middle     {width:598px; float:left; border-right: 1px solid #CCCCCC;}
#right      {width:200px; float:left; text-align:center}

.map_orange, .map_blue, .map_purple, .map_green, .map_red   {width:auto; height:1px; text-align:left; font:"Tahoma", Arial, Helvetica, sans-serif; font-size:9px; padding:5px 0px 20px 20px;}
.map_orange p, .map_blue p, .map_purple p, .map_green p, .map_red p  {font:"Tahoma", Arial, Helvetica, sans-serif; font-size:11px;}
.map_orange a, .map_blue a, .map_purple a, .map_green a, .map_red a  {width:auto; height:25px; text-align:left; color: #1A1A1A; background: #FFFFFF; padding:2px; 		                font-weight:normal; letter-spacing:0px;
				-moz-border-radius-: 2px;
				-khtml-border-radius: 2px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				-khtml-border-radius: 26px;
				-webkit-border-radius: 2px}
				
				
.map_orange a:hover {width:auto; height:25px; text-align:left; background: #FF6600; color:#FFFFFF }
.map_blue a:hover   {width:auto; height:25px; text-align:left; background: #0066CC; color:#FFFFFF }
.map_green a:hover  {width:auto; height:25px; text-align:left; background: #66be07; color:#FFFFFF }
.map_red  a:hover   {width:auto; height:25px; text-align:left; background: #ec3a3e; color:#FFFFFF }
.map_purple a:hover {width:auto; height:25px; text-align:left; background: #882d7b; color:#FFFFFF }

.map_orange b {scolor: #FF6600; }
.map_blue b   {scolor: #0066CC; }
.map_green b  {scolor: #66be07; }
.map_red b    {scolor: #ec3a3e; }
.map_purple b {scolor: #882d7b;}

#contenido { width:560px; margin:auto; height:auto; margin-top:13px;
			 //margin-top:13px;}

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

#ruta-marketing   {width:590px; height:163px; float:left; background: url(images/ruta-marketing.jpg) bottom no-repeat;margin: 10px 0px 20px 5px; cursor:pointer}


#news_top    {width:580px; height:13px;float:left; background:url(images/top_new.png) top no-repeat;}
#news_cont   {width:590px; float:left; background:url(images/shadow.png) bottom no-repeat;margin-left:5px;}

#main        {width:320px; text-align:left; float:left; padding:10px 15px 0px 30px; margin-right:10px; border-right:1px solid #C4C4C4; margin-bottom:20px;}
#main_p      {width:320px; height:225px; float:left;background-image:url(images/home/main_p.jpg); margin-bottom:20px}
#news_recent {width:170px; height:165px; text-align:left; float:left; padding-left:30px; background:url(images/back_recent.png) bottom no-repeat; margin-bottom:15px}
.recent_p    {width:160px; text-align:left; float:left; margin-bottom:10px; margin-left:-13px; padding-top:0px}



.fb          {width:184px; height:auto;float:left; margin-top:20px; margin-bottom:10px; #margin-bottom:10px; border:3px solid #FFFFFF; background-color:#FFFFFF; margin-left:5px;
			-moz-border-radius-: 4px;
			-khtml-border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			-khtml-border-radius: 24px;
			-webkit-border-radius: 4px;
			-moz-box-shadow:    0px 3px 3px -1px #888;
			-webkit-box-shadow: 0px 3px 3px -1px #888;
			box-shadow: 		0px 3px 3px -1px #888;

}
#portafolio  {width:190px; height:111px; padding-top:7px;float:left; margin-bottom:10px; #margin-bottom:10px; background-image:url(images/header/port_back.png); margin-left:5px; margin-top:0px}

#fb-root{ margin-top:30px;}
/* -------------------------------------------------------- LEFT ----------------------------------------------------------------------- */

#registro-orange{width:140px; height:65px; background: url(images/registro/registro-orange.png) no-repeat left top; padding-top:65px;padding-left:14px; margin-top:15px;
				// padding-top:75px;}
#registro-blue  {width:140px; height:65px; height:65px; background: url(images/registro/registro-blue.png)  no-repeat left top; padding-top:65px;padding-left:14px; margin-top:15px;
				// padding-top:75px;}
				
#registro-red   {width:140px; height:65px; background: url(images/registro/registro-red.png) no-repeat left top; padding-top:65px;padding-left:14px; margin-top:15px;
				// padding-top:75px;}

#registro-purple{width:140px; height:65px; background: url(images/registro/registro-purple.png) no-repeat left top; padding-top:65px;padding-left:14px; margin-top:15px;
				// padding-top:75px;}

#registro-green {width:140px; height:65px; background: url(images/registro/registro-green.png) no-repeat left top; padding-top:65px;padding-left:14px; margin-top:15px;
				// padding-top:75px;}

#registro-gray  {width:140px; height:65px; background: url(images/registro/registro-gray.png) no-repeat left top; padding-top:65px;padding-left:14px; margin-top:15px;
				// padding-top:75px;}



.left_menu{width:120px; height:auto; padding:0px 10px 5px 15px; margin-bottom:0px}
.left_menu li{padding-left:7px;//margin-left:-15px;}
.left_menu a{background: #FF8000 ; padding:0px 3px 2px 3px ; color: #FFFFFF; font-size:11px; line-height:20px;
	text-decoration:none; 
	font-family:"Tahoma", Verdana, Helvetica-Normal; 
	font-weight: normal; letter-spacing:0px;
	-moz-border-radius-: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 26px;
	-webkit-border-radius: 2px}
	
.left_menu h2{ margin-bottom:15px; line-height:16px}


.left_menu p { line-height:12px}
				
#left_menu2{width:120px; padding:25px 10px 15px 11px; font-weight:bold; font-size:15px; line-height:21px;
				//padding:25px 10px 15px 0px}
				
#left_menu2 a{ background: #FF8000; letter-spacing:-2px; padding:0px 3px 2px 11px ; width:auto;
    font-size:11px;
	color:#FFFFFF;
	font-weight: bold; letter-spacing:0px;
	-moz-border-radius-: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 26px;
	-webkit-border-radius: 2px; }
				
		
.left_sec, .left_sec2  {width:136px; height:auto; margin-top:30px; font-weight:bold; font-size:11px; padding:1px 7px 16px 7px; margin-left:2px}
.left_sec, .left_sec2{ background-color:#FFFFFF}
.left_sec p       { font: "Tahoma", Arial, Helvetica, sans-serif; line-height:10px; color: #FFFFFF; font-size:11px; padding:2px 4px 3px 10px; font-weight:normal; margin-bottom:0px;margin-top:0px}
.left_sec h2      { font-family: "Tahoma", Arial, Helvetica, sans-serif bold;font-size:18px;color:#333333; padding-left:2px;margin:19px 0px -3px 0px;letter-spacing:0px}
.left_sec a       { font-size:11px; font-weight:normal; line-height:15px; color: #999999; padding-left:8px; letter-spacing:0px; text-decoration:underline;}
.left_sec a:hover { font-size:11px; line-height:15px; color: #000000; text-decoration:underline}
.left_bottom      { width:150px; height:39px; background:url(images/registro/left_sec_02.png) bottom no-repeat; margin:-15px 0px 80px 2px;}

.left_sec2 a       { font-size:11px; font-weight:bold; line-height:15px; padding-left:10px; letter-spacing:0px;
					padding:0px 3px 2px 0px;
					margin:12px 0px 5px 0px}

	

				
.nav_orange1, .nav_red1, .nav_blue1, .nav_green1, .nav_purple1, .nav_gray1 { background: #FFFFFF; border:1px solid #999999 ; padding:0px 3px 2px 11px ; color: #666666; font-size:11px;
	text-decoration:none; 
	font-family:"Tahoma", Verdana, Helvetica-Normal; 
	font-weight: bold; letter-spacing:0px;
	-moz-border-radius-: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 26px;
	-webkit-border-radius: 2px; 
	margin:12px 0px 5px 0px}

.nav_orange1 a { color:#FFFFFF;}
.nav_orange1 a:hover { text-decoration:underline;}

.nav_orange, .nav_red, .nav_blue, .nav_green, .nav_purple, .nav_gray { background: #FF8000 ; padding:0px 3px 2px 3px ; color: #FFFFFF; font-size:11px;
	text-decoration:none; 
	font-family:"Tahoma", Verdana, Helvetica-Normal; 
	font-weight: bold; letter-spacing:0px;
	-moz-border-radius-: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 26px;
	-webkit-border-radius: 2px;}


.nav_red, .nav_red1        {background: #ec3a3e ; color: #FFFFFF;}
.nav_blue, .nav_blue1      {background: #0f7ac3 ; color: #FFFFFF;}
.nav_purple, .nav_purple1  {background: #882d7b ; color: #FFFFFF;}
.nav_green,.nav_green1     {background: #66be07 ; color: #FFFFFF;}
.nav_gray, .nav_gray1      {background: #333333 ; color: #FFFFFF;}

.nav_big{ font: "Tahoma", Arial, Helvetica, sans-serif bold; color:#333333; font-size:11px; line-height:20px;}


.nav_blue2     {background: #0f7ac3 ; color: #FFFFFF; font: "Tahoma", Arial, Helvetica, sans-serif; padding:2px}
.nav_blue2 a   {background: #0f7ac3 ; color: #FFFFFF; font: "Tahoma", Arial, Helvetica, sans-serif; padding:2px; text-decoration:none}

/* -------------------------------------------------------- TOP ----------------------------------------------------------------------- */

#brand  {width:236px; height:105px; background-image:url(images/header/markin.png); background-repeat:no-repeat; top: 18%;left: 5%; position:relative; cursor:pointer; float:left}

#valle  {width:120px; height:62px;background:url(images/header/ValleNosToca2.png) no-repeat top right; float:right; margin: 15px 15px 0px 0px;}
#phone  {width:185px; height:15px;background:url(images/header/phone.jpg) no-repeat top right        ; float:right; margin: 95px -120px 0px 0px;}

/* ------------------------------------------------------- RIGHT ----------------------------------------------------------------------- */
#header_groups   {width:190px; height:52px; float:left; margin:50px 5px 20px 5px; border-bottom:0px solid #999999; }
#header_facebook {width:42px;  height:42px; float:left; background-image:url(images/header/facebook.png);cursor:pointer; margin-right:0px;}
#header_twitter  {width:42px;  height:42px; float:left; background-image:url(images/header/twitter.png) ;cursor:pointer; margin-right:0px;}
#header_in       {width:42px;  height:42px; float:left; background-image:url(images/header/in.png)      ;cursor:pointer; margin-right:0px;}
#header_picasa   {width:42px;  height:42px; float:left; background-image:url(images/header/picasa.png)  ;cursor:pointer;}



/* -------- Interior -------------------- */

.foto_new        { padding:25px 25px 15px 0px;float:left; }
#news        {width:220px; text-align:left; float:left; border-bottom: 1px solid #FFFFFF; margin-left:20px; margin-bottom:10px; 
				//padding-bottom:10px}

.list, .list2, .list3, .list4, .list5 , .list6   { font-size: 13px;font-weight: normal; color:#000000; padding-left:10px; font-family:"Tahoma", Arial, Helvetica, sans-serif; text-align:justify; width:430px; overflow:hidden; float:left; margin-right:120px; margin-bottom:20px; //margin-bottom:20px;}
.list li, .list2 li, .list3 li,.list4 li,.list5 li,.list6 li{ list-style-image:url(images/bullet.gif); padding-left:10px; //margin-left:-30px; _margin-left:10px; color:#333333; margin-bottom:5px;}
.list2 li{ list-style-image:url(images/bulletblue.gif)}
.list3 li{ list-style-image:url(images/bulletred.gif)}
.list4 li{ list-style-image:url(images/bulletpurple.gif)}
.list5 li{ list-style-image:url(images/bulletgreen.gif)}
.list6 li{ list-style-image:url(images/bulletgray.gif)}

.list ul, .list2 ul, .list3 ul, .list4 ul, .list5 ul, .list6 ul{padding-left:15px}



#cont_trabajo{padding-left:65px; padding-bottom:20px; width:450px; float:left; text-align: justify; border-bottom:1px solid #999999}
#cont_trabajo2{padding-left:25px; padding-bottom:20px; width:210px; float:left;text-align: left; padding-top:60px;}

#website   {width:160;  height:140px; float:left; text-align:left; font-size:11px; margin-right:17px; margin-bottom:17px; border-bottom:1px dotted #488c01;}
#website a {color:#488c01; }
#website a:hover { text-decoration:underline}

.trabajos   {width:120px;  height:174px; float:left; text-align:left; font-size:11px; margin-right:14px; margin-bottom:30px; border-bottom:1px solid #CCCCCC}
.trabajos a {color: #FF9900; line-height:12px;}
.trabajos a:link {text-decoration:none;color: #FF9900;
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1; }
		
.trabajos a:hover { text-decoration:underline;color: #FF9900;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;}
		
.trabajos a:visited { text-decoration:underline;color: #FF9900;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;}
		
		
		
.cont_trabajos, .cont_trabajosorange, .cont_trabajosred, .cont_trabajosgreen, .cont_trabajosblue, .cont_trabajospurple { 
	width:536px; 
    height:auto; 
	padding:0px 0px 0px 20px; 
	border:4px solid #FFFFFF;

	text-align:justify; 
	float:left; 
	margin: 0px 0px 30px 0px; 
    background:url(images/tag_onbottom1.png) repeat-x bottom #FFFFFF;
	height:auto; 
	-moz-border-radius-: 10px;
	-khtml-border-radius-: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius-: 10px;
	-khtml-border-radius-: 10px;
	-webkit-border-radius: 10px;

	-moz-box-shadow:    1px 3px 4px 2px #B9B9B9;
	-webkit-box-shadow: 1px 3px 4px 2px #B9B9B9;
	box-shadow: 		1px 3px 4px 2px #B9B9B9;


}
.cont_trabajosorange {background:url(images/tag_onbottom1.png) repeat-x bottom  #FFE4CA}
.cont_trabajosred    {background:url(images/tag_onbottom1.png) repeat-x bottom  #f5e7e7}
.cont_trabajosgreen  {background:url(images/tag_onbottom1.png) repeat-x bottom  #ebf3df}
.cont_trabajosblue   {background:url(images/tag_onbottom1.png) repeat-x bottom #D7F0FF}
.cont_trabajospurple {background:url(images/tag_onbottom1.png) repeat-x bottom  #e8dfed}




.cont_trabajos2 { width:540px; padding:20px 0px 10px -20px; height:auto; text-align:justify; float:left; margin:-40px 0px 10px 0px;}

.recursos   {width:160px;  height:147px; float:left; text-align:left; font-size:11px; margin-right:22px; margin-bottom:30px; border-bottom:1px solid #CCCCCC}
.recursos a {color: #333333; line-height:12px;}
.recursos a:visited {color: #333333; line-height:12px; letter-spacing:0px}
.recursos a:link {text-decoration:none;color: #FF9900;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity: 1;
        }
		
.recursos a:hover { text-decoration:underline;color: #FF9900;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;}


.navegacion, navegacion2, .navegacion3 { float:right; margin:10px 2px 10px 10px; background: url(images/back_boton.png) left no-repeat #FF9900; padding:7px 10px 7px 16px; color: #000000;	-moz-border-radius-topright: 6px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 46px;
	-webkit-border-radius: 4px;
	font-size:11px; 
	text-decoration:none; 
	font-family:"Tahoma", Verdana, Helvetica-Normal;
	font-weight: normal; letter-spacing:0px}
	
.navegacion a {letter-spacing:0px; color: #000000}
.navegacion2 { float:left; margin:-10px 40px 10px 0px; background: url(images/back_boton.png) left no-repeat #FF9900; padding:5px 10px 5px 20px; font-size:11px; letter-spacing:0px}

.navegacion2 a {letter-spacing:0px}


.navegacion3 {background:#FF9900; font-size:11px; letter-spacing:0px; padding:7px 10px 7px 10px}






#team_in       {width:43px;  height:42px; float:right; cursor:pointer; margin-right:23px; float:right; margin-top:7px}
#write         {width:43px;  height:42px; float:right; cursor:pointer; margin-right:10px; float:right; margin-top:10px}

#info_team { width:520px; margin:auto; height:auto; border-bottom: 1px dotted #666666; text-align:justify; padding-bottom:20px; float:left;
			 //margin-top:13px;}
#foto_team { width:170px; height:244px; margin-right:20px; float:left;
			 //margin-top:13px;}



#cliente  { width:180px; height:180px; margin-right:6px; float:left;
			 //margin-top:13px;}
			 
			 
.iframe { 	}

.new      { width:480px; text-align:justify; border-bottom: 1px solid #CCCCCC; padding:20px; margin:10px}
.new h2   { font:Arial, Helvetica, sans-serif bold; font-size:17px; line-height:17px; color: #FF6600; text-align:left; padding-top:10px}

#comment     { width:160px; padding:15px 20px 10px 20px; background:#f8d4b6; margin:20px;
               font:"Tahoma", Arial, Helvetica, sans-serif; font-weight: normal; font-size:12px; text-align:justify; color: #333333; 
			   float:right;
			   border:4px solid #FFFFFF;
			   -moz-border-radius: 14px;
			   border-radius: 14px; 
			   -moz-box-shadow:     0px 3px 3px -1px #888;
			   -webkit-box-shadow: 0px 3px 3px -1px #888;
			   box-shadow: 		0px 3px 3px -1px #888;}
			   
#comment_arrow     { width:25px; height:79px; background:url(images/comment_arrow.png); float:right; margin-right:-24px}
			   
#list3   { font-size: 13px;font-weight: normal; color: #000000; padding-left:10px; font-family:Arial, Helvetica, sans-serif; text-align:justify; width:540px; overflow:hidden; float:left}
#list3 li{ list-style-image:url(images/bullet.gif); padding-left:10px; //margin-left:-30px; _margin-left:10px; color:#333333;}
#list3 ul{padding-left:15px; width:250px;
           //width:200px}
		   
		   
		   
#test_1     { width:470px; padding:35px 30px 0px 30px;margin:20px 20px 0px 0px; background:url(images/test_1.png) no-repeat; overflow:hidden;
               font:"Tahoma", Arial, Helvetica, sans-serif; font-weight: normal; font-size:11px; text-align:justify; color: #333333; 
			   float:left;}
			   
.test     { width:450px; height:auto; float:left;padding:0px 40px 10px 30px }
.test_bottom { width:400px; height:55px; background:url(images/test_bottom.jpg) bottom no-repeat; float:left;padding: 0px 40px 40px 80px }

/* ---------------------------------------------------------- CADENA MARKETING  ------------------------------------------------------------------------------- */
#cadena               {width:550px; height:523px; margin-left:-10px; margin-bottom:30px; background:url(images/cadena/cadena.png) no-repeat; overflow:hidden;}

#ejecucion            {width:238px; height:326px; float:left; cursor: pointer;}
#qejecucion:hover      {background: url(images/cadena/cadena_on_01.png) top left; position: relative}
#qejecucion:link       {background: url(images/cadena/cadena_01.png)}
#qejecucion:active     {background: url(images/cadena/cadena_01.png)}

#b_out            {width:119px; height:121px; cursor: pointer; margin-left:-32px; margin-top:206px; float: left;}
#b_out:hover      {background: url(images/cadena/b_out.png)}

#b_gestion            {width:75px; height:80px; cursor: pointer; margin-left:170px; margin-top:108px; float: left;}
#b_gestion:hover      {background: url(images/cadena/b_gestion.png)}

#b_eventos            {width:75px; height:80px; cursor: pointer; margin-left:-141px; margin-top:178px; float: left; position:relative;}
#b_eventos:hover      {background: url(images/cadena/b_eventos.png)}

#b_investigacion      {width:75px; height:80px; cursor: pointer; margin-left:360px; margin-top:-160px; float: left; position:relative}
#b_investigacion:hover{background: url(images/cadena/b_investigacion.png)}

#b_emarketing         {width:75px; height:80px; cursor: pointer; margin-left:110px; margin-top:-57px; float: left;background: }
#b_emarketing:hover   {background: url(images/cadena/b_emarketing.png)}

#b_auditoria          {width:75px; height:80px; cursor: pointer; margin-left:11px; margin-top:49px; float: left;}
#b_auditoria:hover    {background: url(images/cadena/b_auditoria.png)}

#b_plan               {width:75px; height:80px; cursor: pointer; margin-left:20px; margin-top:44px; float: left;}
#b_plan:hover         {background: url(images/cadena/b_plan.png)}

/* ---------------------------------------------------------- CADENA VERSION 5388 a beta ------------------------------------------------------- */

#cadena_1               {width:550px; height:523px; float:left; margin-bottom:30px; overflow:hidden;}
#ejecucion_1            {width:228px; height:361px; float:left; cursor: pointer; background:url(images/cadena/cadena_01.png) no-repeat}
#outsourcing_1          {width:88px;  height:361px; float:left; cursor: pointer; background:url(images/cadena/cadena_02.png) no-repeat}
#investigacion_1        {width:234px; height:361px; float:left; cursor: pointer; background:url(images/cadena/cadena_03.png) no-repeat}
#planificacion_1        {width:550px; height:162px; float:left; cursor: pointer; background:url(images/cadena/cadena_04.png) no-repeat}


#ejecucion_1:hover      {background:url(images/cadena/cadena_b_01.png) no-repeat}
#investigacion_1:hover  {background:url(images/cadena/cadena_b_03.png) no-repeat}
#planificacion_1:hover {background:url(images/cadena/cadena_b_04.png) no-repeat}

/* ---------------------------------------------------------- SERVICIOS ---------------------------------------------------------------------------- */

 
#servicios          {width:545px; height:455px; background: url(images/servicios.png); overflow:hidden; margin:auto;}

#info_ejecucion     {width:220px;float:left;overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:20px;text-align:left;cursor: pointer; 
                     margin:10px 10px 10px 7px }
#info_outsourcing   {width:87px;float:left;overflow:hidden;  font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:10px;text-align:justify;cursor: pointer;}
#info_investigacion {width:185px;float:right;overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:10px;text-align:right;cursor: pointer; 
                     margin:30px 10px 0px 0px}
#info_enfoque       {width:220px;float:left;overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:10px; text-align:justify;cursor: pointer; 
                     margin: 10px 0px 0px 30px}

/* ---------------------------------------------------------- FOOTER ------------------------------------------------------------------------------- */

#bigfooter {width:  auto; height:230px; background: #FFF; color:#FFF; border-top:1px solid #CCC}
#footer    {width:860px; margin:auto; color: #666;}
#footer_links     {width:680px; height:195px; font:8pt "Tahoma", Arial, Helvetica, sans-serif; line-height:14px; float:left; border-left:1px solid #CCC; padding-top:10px; #padding-top:30px; //padding-top:10px}
#footer_links b   { color: #999;}


#clear     { width:50px; position:relative; display:block}

#redes     {width:100px; float:left; margin-top:10px; margin-right:20px;}
#footer_facebook{background-image:url(images/footer/footer_facebook.jpg);margin-top:0px; }
#footer_twitter {background-image:url(images/footer/footer_twitter.jpg); margin-top:5px;}
#footer_picasa  {background-image:url(images/footer/footer_picasa.jpg);margin-top:9px;}
#footer_linked  {background-image:url(images/footer/footer_linked.jpg);margin-top:7px;}

#footer_facebook,
#footer_twitter,
#footer_picasa,
#footer_linked  {width: 90px; height: 40px; float:left; background-repeat:no-repeat; cursor:pointer}


#cont_menu {background-color:#404041; width:100%; height:80px; text-align:left; margin:0; list-style:none;}
#navbar ul, li{list-style-type:none; text-decoration: none; color: #FFF;}
#line_div  {height:80px; position:absolute; top:0; right:232px; color: #CCCCCC; }
ul {float: left;}

/* -------- Derecha 2-------------------- */

#formulario  { width:200px; height:100%; margin-left:auto; margin-right:auto; text-align:left; margin-top:auto; position: relative; margin-bottom:25px}


hr {border: color: #999999; margin-top:30px; 
	//margin-top:15px;}

p        {font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:13px; color: #000000; line-height:17px;}

h1, h2, h3   { margin-bottom: .5em; font-family: "Tahoma", Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: -1px; font-size:32px }
h2           {font-size:13pt; margin-top:20px; letter-spacing:0px; font-weight: bold; }
h3           {font-size:12pt; line-height: 19px; font-weight: bold;}
h4           {font-family:"Tahoma", geneva, Helvetica, sans-serif;text-align:justify; font-weight: bold; letter-spacing:0px; font-size:21px }

(f )       {font-size:13px; color: #333333; font-weight:normal; line-height:12px }

span     {font-family:Tahoma, geneva, Helvetica, sans-serif; color: #333333; font-size:11px; text-align:justify;font-weight:normal; }
a        {list-style-type:none; text-decoration: none; color:#FF6600; line-height: 10px; font-family:"Tahoma", Arial, Helvetica, sans-serif; letter-spacing:0px}

ol       {margin-left:-5px}
br       {margin-top:-8px}


.normal  { font-weight:normal; letter-spacing:0px; font-size:13px; font-weight:bold; font-family: "Tahoma", Arial, Helvetica, sans-serif}
.tit_new{font-family: "Tahoma", Verdana, Helvetica-Normal; font-size:12px; font-weight:bold; line-height:15px; color: #333333}
.new    {font-family: "Tahoma", Verdana, Helvetica-Normal; font-size:11px; line-height:15px}

.orange {color: #f90; letter-spacing:0px}
.red    {color: #F03}
.blue   {color: #0f7ac3}
.purple {color: #882d7b}
.green  {color: #66be07}

.orange1 {color: #f90; line-height:15px;}
.red1    {color: #ec3a3e; line-height:15px; letter-spacing:0px}
.blue1   {color: #0f7ac3; line-height:15px}
.purple1 {color: #882d7b; line-height:15px}
.green1  {color: #66be07; line-height:15px; letter-spacing:0px}
.mail {color: #FF6600; line-height:15px; font-size:11px}

.white  {color: #FFFFFF}
.white1  {color: #FFFFFF;}
.lgray  {color: #F00; font-size:13px}
.black  {color: #3c4c75;}


.dgray  {color: #333333; letter-spacing:0px}
.tabs {color: #333333; font-size:11px; text-decoration:underline; font-family:"Tahoma", Verdana, Helvetica-Normal; font-weight: bold;}
.tittabs {color: #333333; font-size:21px;font-family:"Tahoma", Verdana, Helvetica-Normal; font-weight: bold; letter-spacing:0px}

.orangebig {color: #F90; letter-spacing:0px; font-family:sans-serif; text-transform:uppercase; font-weight:normal; font-size:26px; line-height:24px;}
.bluebig   {color: #0f83e5; letter-spacing:0px; font-family:sans-serif; text-transform:uppercase; font-weight:normal; font-size:26px; line-height:24px;}
.greenbig   {color: #66be07; letter-spacing:0px; font-family:sans-serif; text-transform:uppercase; font-weight:normal; font-size:26px; line-height:24px;}
.redbig   {color: #F03; letter-spacing:0px; font-family:sans-serif; text-transform:uppercase; font-weight:normal; font-size:26px; line-height:24px;}
.purplebig   {color: #882d7b; letter-spacing:0px; font-family:sans-serif; text-transform:uppercase; font-weight:normal; font-size:26px; line-height:24px;}

.links       {color:#FF6600; font-size:14px; text-decoration:underline; font-family:"Tahoma", Verdana, Helvetica-Normal; font-weight: bold; text-indent:13px}
.titulo7     {color: #CCCCCC; font: Arial, Helvetica, sans-serif bold}

.small {color: #333333; font-size:11px; text-decoration:none; font-family:"Tahoma", Verdana, Helvetica-Normal; font-weight: normal;}
.medium{color:#FF6600; font-size:13px; text-decoration:underline; font-family:"Tahoma", Verdana, Helvetica-Normal; font-weight: normal;}
date  {font-family:Tahoma, geneva, Helvetica, sans-serif; color: #333333; font-size:11px; text-align:justify;font-weight:normal; letter-spacing:0px }
.dateleft  {font-family:Tahoma, geneva, Helvetica, sans-serif; color: #333333; font-size:11px; text-align:justify;font-weight:normal; letter-spacing:0px; margin-top:-15px }
.left {color: #333333; font-size:11px; text-decoration:underline; font-family:"Tahoma", Verdana, Helvetica-Normal; font-weight: normal; line-height:15px}
/* -------- links -------------------- */

.class1 A:visited {text-decoration: none;}
.class1 A:link {text-decoration: none; color: #666;}
.class1 A:active {text-decoration: none; color: #CCCCCC}
.class1 A:hover {text-decoration: none; color: #F7931E;}
.class1 li {color: #999;}


.class2 A:visited {text-decoration: none;}
.class2 A:link {text-decoration: none; color: #D3D3D3;}
.class2 A:active {text-decoration: none; color: #CCCCCC}
.class2 A:hover {text-decoration: none; color: #F7931E;}
.class2 { padding:16px 0px 0px 40px; //padding:0px 0px 0px 40px}



/* ---------------------------formularios---------------------------- */	

#formulario3  { width:270px; height:100%; margin-left:auto; margin-right:auto; text-align:left; margin-top:auto; position: relative; float:left}
formulario2  { width:270px; height:100%; margin-left:auto; margin-right:auto; text-align:left; margin-top:auto; position: relative; margin-bottom:25px; float:left}
#formulario2  { width:280px; height:100%; margin-left:auto; margin-right:auto; text-align:left; margin-top:auto; position: relative; margin-bottom:25px; float:left}
#politicas  { width:230px; height:100%; text-align:left; margin-top:35px; position: relative; float:left; border-left: 1px #999999;padding-left:15px; border-left-style:dotted; margin-left:15px}



/* ---------------------------css formularios---------------------------- */	

label    {display:block; font-weight:bold; color:#333333; font-size:12px; font-family:"Tahoma", Arial, Helvetica, sans-serif; text-align:left; } 
fieldset {border:none; border-style:none; margin-right:20px; border:none } 
textarea, input {font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:1px; cursor: text; border:1px solid #999999; width:210px; margin-bottom:-20px }
input { cursor:pointer;}
textarea  {margin-bottom:0px }
form p   {margin:20px;} 
.buttons  {color: #FF3300; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-left:0px; font-weight: bold; cursor:pointer; position:relative}

/* ---------------------------popup---------------------------- */	

/*----------------------------------------------GALERIA-----------------------------------------------*/

a img {
border : 0;
}
div.wrap {
width : 550px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 590px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}

div#video-gallery {
height : 683px;
margin : -1px 0 0;
}
div#gallery2 div.wrap {
height : 290px; width:580px; background-image: url(images/slideintro/back_slide.png); background-repeat:no-repeat; /*----- GRAN CONTENEDOR-----------*/
float:left; margin-top:0px; margin-bottom:30px; margin-left:10px;
 //margin-top:15px}
div#gallery2 div#slide-holder {
z-index : 40;
width : 193px;
height : 299px;
position : absolute;
}
div#gallery2 div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 560px;/*----- Contenedor-----------*/
height : 360px;
overflow : hidden;
position : absolute;
margin-left:0px; 
}
div#gallery2 div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#gallery2 div#slide-holder div#slide-controls {
left : 0px;
bottom : 99px;/*----- a la base-----------*/
width : 586px;/*----- TRANPARENCIA-----------*/
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
 
}
div#gallery2 div#slide-holder div#slide-controls p.text {
float: left;
color: #FFFFFF;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px; /*----- ESPACIO CAPTION-----------*/

}
div#gallery2 div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 29px 0 0;
}
div#gallery2 div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 10px;
margin : 0 3px 0 0;/*----- espaciado botones-----------*/
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#gallery2 div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#gallery2 div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}





#contact-area {
	width: 350px;
	margin-top: 10px;
}

#contact-area input, #contact-area textarea {
	padding: 4px;
	width: 270px;
	font-family: Tahoma, Verdana;
	font-size: 11px;
	margin: 10px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 20px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}