@charset "utf-8";
/* ------------- COMIENZO RESET -------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;}
	
body 								      { background: #FFFFFF; line-height: 1; color:#666666; font: normal 1em helvetica,verdana,arial,sans-serif; }
ol, ul 								      { list-style: none; }
form 									  { margin:0; padding:0; }
/* ------------- FIN RESET -------------*/
html, body   							  { margin:0; padding:0; }

/* ------------- CLASSES COMUNES -------------*/

.clear	     							   { clear:both; }
a										   { text-decoration:none; color:#666666;}
a:hover     					    	   { color:#006699;}
.resaltar    							   { color:#9ab82d; font-weight: bold;}
.text_sh 								   { text-shadow: 0px 1px 4px #999;}
.transp										{filter: alpha(opacity=20); opacity:0.2; -moz-opacity:0.2; -khtml-opacity: 0.2;}
.notransp										{filter: alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity: 1;}
/* ------------- FIN CLASSES COMUNES ------------- */

#container 						{width:1150px; margin-left:auto; margin-right:auto; height:auto; background:url(../images/bg.jpg) no-repeat -135px 0px;}
#container #header 				{width:1020px; height:140px;  margin-left:65px; margin-right:65px; border:1px solid #eff7df;}
#container #header #logo 		{width:437px; height:120px; position:relative; left:200px;}
#container #header .es#logo a	{width:437px; height:150px; position:absolute; z-index:10; background:url(../images/sprite.png) no-repeat -351px -39px;}
#container #header .en#logo a	{width:437px; height:150px; position:absolute; z-index:10; background:url(../images/sprite.png) no-repeat -739px -1028px;}
#container #header .de#logo a	{width:437px; height:150px; position:absolute; z-index:10; background:url(../images/sprite.png) no-repeat -746px -1239px;}
#container #header .fr#logo a	{width:437px; height:150px; position:absolute; z-index:10; background:url(../images/sprite.png) no-repeat -1409px -1320px;}
#container #header .it#logo a	{width:437px; height:150px; position:absolute; z-index:10; background:url(../images/sprite.png) no-repeat -1409px -1031px;}
#container #header .cat#logo a	{width:437px; height:150px; position:absolute; z-index:10; background:url(../images/sprite.png) no-repeat -756px -1530px;}

#container #header #logo h1 	{display:none;}
#container #header #logo #lang_cont	{position:absolute; width:100px; left:680px; cursor:pointer;}
#container #header #logo #lang_menu {position:absolute; left:680px; top:-60px; width:170px; font-size:11px;}
#container #header #logo #lang_menu a{background:none; padding:0; margin:0; position:relative; color:#9ab82d; font-size:11px;}

#container #header #barra 		{position:relative; z-index:9; left:-8px; top:-2px; width:1040px; height:26px; background:url(../images/sprite.png) no-repeat -4px -0px;}
#container #header #nav   		{width:1000px; height:50px; position:relative; z-index:8; top:-20px; }
#container #header #nav ul 		{margin-top:9px; font-size:14px; font-weight:bold;}
#container #header #nav li a 	{float:left; width:200px; height:35px; color:#FFFFFF; padding-top:15px; text-align:center; background:url(../images/sprite.png) no-repeat -82px -158px;}
#container #header #nav li a:hover {color:#FFFFFF; background:url(../images/sprite.png) no-repeat -82px -60px;}
#container #header #nav li.active  {float:left; width:200px; height:35px; color:#FFFFFF; padding-top:15px; text-align:center; background:url(../images/sprite.png) no-repeat -82px -109px;}
#container #header #nav #me_gusta	{float:left; width:300px;}
#container #header #nav #me_gusta #like	{float:right; margin:18px 15px; width:50px;}
#container #header #nav #me_gusta #tweet 	{float: right; margin:20px 15px; width:60px; }

#container #cuerpo						{width:1020px; height:auto; float:left; margin-left:65px; line-height:16px;}
#container #cuerpo #video 				{float:left; width:1020px; height:525px; background:url(../images/sprite.png) no-repeat 36px -190px; margin-top:10px;}
#container #cuerpo #video #video_player {float:left; width:891px; text-align:center; height:415px; padding-top:10px; margin-left:64px; border-bottom:2px solid #FFFFFF; background:#000000;}
#container #cuerpo #video_slogan		{float:left; height:50px; width:1020px; padding-top:40px; font-size:20px; letter-spacing:1.5px; text-shadow: 2px 2px 2px #91AA32; text-align:center; color:#FFFFFF;}
#container #cuerpo #main_text 			{float:left; width:940px; font-size:0.9em; margin-left:40px; margin-top:60px; color:#333; line-height:20px;}
#container #cuerpo #destacadas 			{float:left; width:970px; margin-left:51px; color:#333; margin-top:90px;}
#container #cuerpo #destacadas .bloque 	{position:relative; left:10px;  top:-68px;  float:left; z-index:50; width:300px; height:290px; background:url(../images/sprite.png) no-repeat -1000px -180px;}
#container #cuerpo #destacadas .bloque .imagen_dest1 {float:left; position:relative; left:15px; z-index:1; width:168px; font-size:18px;  padding:25px 80px; background:url(../images/sprite.png) no-repeat -122px -978px;}
#container #cuerpo #destacadas .bloque .imagen_dest2 {float:left; position:relative; left:15px; z-index:1; width:177px; font-size:18px;  padding:25px 80px; background:url(../images/sprite.png) no-repeat -122px -1062px;}
#container #cuerpo #destacadas .bloque .imagen_dest3 {float:left; position:relative; left:15px; z-index:1; width:168px; font-size:18px;  padding:25px 80px; background:url(../images/sprite.png) no-repeat -118px -1168px;}
#container #cuerpo #destacadas .bloque .thumb {float:left; position:relative; left:24px; top:2px; z-index:2; width:250px;}
#container #cuerpo #destacadas .bloque .sq {height:25px; background:url(../images/sprite.png) no-repeat -1266px -3px; }
#container #cuerpo #destacadas ul 	{clear:both; margin-top:240px;}
#container #cuerpo #destacadas li 	{width:255px !important; margin-left:25px; padding-left:20px; height:20px; font-size:12px;}
#container #cuerpo #more 			{width:940px;float:left; background-color:#FFF; border:10px solid #009BC0; -moz-border-radius:10px; -webkit-border-radius:5px; padding: 30px 3px 18px 18px; font-size:20px; margin: 20px 0 80px 20px;}
#container #cuerpo #more .botones 	{margin:-25px 10px 5px 2px;}
#container #cuerpo #more p  		{width: 300px;}
#container #cuerpo #more a 			{color: #9ab82d; font-weight:bold;}
#container #cuerpo #more .more_btn	{float:right; position:relative; width:320px;}
#container #cuerpo #more .head_more {position:absolute; top:-10px; left:95px; z-index:999; font-size:24px;}
#container #cuerpo #more a.head_more {color:#006699;}
#container #cuerpo #more .det_more  {position:absolute; top:10px; left:95px; z-index:999; font-size:14px;}
#container #cuerpo #more a.det_more	{color:#666666;}
#container #cuerpo #features 		{float:left; width:970px; font-size:0.9em; height:auto; margin-left:55px; color:#333; margin-top:90px;}
#container #cuerpo #features .bloque_des {position:relative; left:10px;  top:-68px;  float:left; z-index:50; margin-right:75px; width:240px; height:400px;}
#container #cuerpo #features #titulo  	{float:left; width:240px; height:20px; background:url(../images/sprite.png) no-repeat -1317px -238px;}
#container #cuerpo #features #titulo2 	{float:left; width:240px; height:20px; background:url(../images/sprite.png) no-repeat -1320px -262px;}
#container #cuerpo #features #titulo3 	{float:left; width:240px; height:20px; background:url(../images/sprite.png) no-repeat -1320px -286px;}
#container #cuerpo #features #titulo4 	{float:left; width:240px; height:20px; background:url(../images/sprite.png) no-repeat -1285px -360px;}
#container #cuerpo #features #titulo5 	{float:left; width:240px; height:20px; background:url(../images/sprite.png) no-repeat -1320px -336px;}
#container #cuerpo #features #titulo6 	{float:left; width:255px; height:20px; background:url(../images/sprite.png) no-repeat -1322px -311px;}
#container #cuerpo #features #titulo7 	{float:left; width:240px; height:20px; background:url(../images/sprite.png) no-repeat -1285px -387px;}
#container #cuerpo #features #titulo8 	{float:left; width:240px; height:20px; background:url(../images/sprite.png) no-repeat -1310px -413px;}
#container #cuerpo #features #titulo9 	{float:left; width:240px; height:20px; background:url(../images/sprite.png) no-repeat -1310px -413px;}
#container #cuerpo #features h2 		{text-align:center;  text-shadow: 0px 1px 4px #999;}
#container #cuerpo #features .icono 	{width:160px; margin-top:30px; margin-left:auto;}
#container #cuerpo #features .texto 	{width:220px; position:relative; top:0px; left:12px; line-height:18px;}
#container #cuerpo #features .sep   	{margin-top:75px;}


#container #cuerpo #contacto        	{float:left; width:685px !important; padding-left:40px; margin-bottom: 80px;  }
#container #cuerpo p#form_invite 		{margin-top: 40px; padding-left: 40px; padding-bottom:20px; float:left; line-height:24px; }
#container #cuerpo #contacto input, textarea  {float:left; width:600px; clear:both; margin:11px 10px; padding:15px; border:2px solid #ccee33; font-size:14px; color:#666; font-family:helvetica,verdana,arial,sans-serif; -moz-border-radius:10px; -webkit-border-radius:10px;}
#container #cuerpo #contacto .alto  	{height:300px; margin-bottom:14px;}
#container #cuerpo #cont_text 			{float:left; width:210px !important; color:#333; margin-top: 20px; font-size:14px; line-height:20px;}
#container #cuerpo #contacto #status	{padding:20px; color:#DC3169; font-weight:bold; text-shadow: 2px 0px 2px #666;}
#container #cuerpo #contacto #enviar 	{float:left; width:250px; height:50px; font-size:16px; font-weight:bold; margin-left:432px; }
#container #cuerpo #contacto #enviar a  {color:#FFFFFF; display:block; height:18px; padding:15px; position:relative; text-align:center; top:-19px; width:188px; background:url(../images/sprite.png) no-repeat -78px -157px;}
#container #cuerpo #contacto #enviar a:hover  {position:relative;  background:url(../images/sprite.png) no-repeat -78px -59px;}
  


#container #footer				{width:1020px; height:30px; float:left; position:relative; padding-top:20px; text-align:center;  margin-left:65px; margin-right:65px; background:url(../images/sprite.png) no-repeat -55px -850px;}
#container #footer	 a			{color:#069;}
#container #footer	 a:hover	{color:#333;}
#container #footer #sonic		{float:left; width:300px; font-size:12px;}
#container #footer #sonic p		{padding-left:80px; text-align:left;}
#container #footer #social_cont	{float:left; width:690px; padding-left:30px; position:relative; text-align:left;}
#container #footer	.social      {position:absolute; top:27px; left:190px;}
#container #footer	.social	li	{display:inline-block; width:32px; height:32px; padding:0px 2px; position:relative; z-index:1;}
#container #footer	.social	li:first-child {top:-25px; font-size:12px;  position:absolute; width:150px !important; height:10px !important;}
#container #footer #fb-root	    {float:left; position:relative; left:0px; top:40px;}
.small		{font-size:10px; float:left; width:80px;}
.socialTrigger {cursor:pointer; width:80px; position:relative; z-index:999;}
.smaller	{font-size:10px; color:#999999;}


/*tips*/
.tip				{ width:195px; font-family:tahoma,arial;  }


.tip-title {
	color: #fff;
	font-size: 12px;
	padding: 5px 10px;
	background:#DC3169;	
	border:3px solid #fff;
	-moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0px 2px 6px #999;  position:relative; z-index:99999;
}

.tip-text {
	color: #fff;
	font-size: 11px;
	padding: 10px;
	-moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0px 0px 6px #ccc;  position:relative; top:-10px; z-index:99998;
	background:#9ab82d;
	border:3px solid #fff;
}