/* @override http://localhost:8888/wordlab_es/stylesheets/layout.css */

/* -------------------------------------------------- */
/*                LAYOUT BASICS                       */
/* -------------------------------------------------- */
body {
	margin: 50px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 12px;
}

#wrapper {
	text-align: left;
	margin: 0px;
	padding: 0px;
	border:0;
	width: 950px;
}

a {
	text-decoration:none;
	color: #029FD2;
	background-color: #FFFFFF;
}

a span:hover{
	text-decoration: underline;
	color: white;
	background-color: #029FD2;
}

img {
 border: 0px;

}


#header {
	margin: 0px;
	height: 38px;
}

#side-a {
	margin: 180px 0px 0px 0px;
	padding: 0px;
	float: left;
	width: 115px;
	/*background-color:#00FFCC;*/
}

#side-b { 
	margin: 0px 0px 50px 0px;
	padding: 0px;
	float: left;
	width: 835px;
	height: 1% /* Holly hack for Peekaboo Bug */
	/*height: 425px;
	background-color:#CCFFCC;*/
}


#footer {
	clear: both;
	margin-left: 130px;
	padding: 0px;
	background-image: url(../images/line.gif);
	background-repeat: no-repeat;
	/*background-color:#FFFF99;*/
}

/* -------------------------------------------------- */
/*             MENU SELECCION LENGUAJE                */
/* -------------------------------------------------- */

div.logo {
	margin: 0px;
	padding: 0px;
	height: 38px;
	width: 130px;
	display:block;
	float: left;
}


/*h1 {
	margin: 0px;
	padding: 0px;
	height: 37px;
	width: 129px;
	background-image:url(images/logo_wordlab.gif);
	display:block;
	float: left;
}*/

h1 span {
	display:none;
}
h1{font-weight:normal;}

.h1_body{font-size: 60px !important;}

.h1_friends, .h1_copyright,
.h1_publications, .h1_team,
.h1_method, .h1_projects,
.h1_about, .h1_contact
{font-size: 40px !important;}

.h1_game_lab .seccion{margin-bottom: 40px;}

.h1_game_lab{
    margin-bottom:26px;
    height: 55px !important;
    font-size: 40px !important;
}

.h1_creative_lab{
    margin-bottom:26px;
    height: 55px !important;
    font-size: 40px !important;
}
.h1_publications, .h1_projects{
    height: 110px !important;
}

.game_guide{margin-top:37px;}
#first{margin-top: 22px;}
.h2_grey p{color:#666666; font-size: 14px;}
.h2_grey_2 p{color:#666666; height: 12px; font-size: 14px;}
.h3_small{font-size:12px !important;}

/* -------------------------------------------------- */
/*                MENU LENGUAJE                       */
/* -------------------------------------------------- */

ul.idioma {
	list-style-type: none;
	display: block;
	float: right;
	margin: 25px 0px 0px 0px;
 	padding: 0px;
}

ul.idioma li {
	display: inline;
}

ul.idioma li a {
 	display: block;
	float: left;
	margin-left: 10px;
}


/*#wrapper.es ul.idioma li a.espanol 		{background:url(/images/es/btl_esp.gif) 0x 0px no-repeat; height: 13px; width: 48px;}
#wrapper.es ul.idioma li a.english 		{background:url(/images/es/btl_eng.gif) 0px 0px no-repeat; height: 13px; width: 44px;}
#wrapper.en ul.idioma li a.espanol 		{background:url(/images/en/btl_esp.gif) 0px 0px no-repeat; height: 13px; width: 48px;}
#wrapper.en ul.idioma li a.english 		{background:url(/images/en/btl_eng.gif) 0px 0px no-repeat; height: 13px; width: 44px;}


#wrapper.es ul.idioma li a span,
#wrapper.en ul.idioma li a span {display: none;}
*/

#wrapper.es ul.idioma li a:hover,
#wrapper.en ul.idioma li a:hover {background-position:0 -13px;}

#wrapper.es ul.idioma li a.on,
#wrapper.en ul.idioma li a.on {background-position:0 -13px;}

#wrapper.es ul.idioma li a.on:hover,
#wrapper.en ul.idioma li a.on:hover	{background-position:0 0;}

#wrapper.en ul.idioma li a.english,
#wrapper.en ul.idioma li a.espanol
{color:#DBDBDB;}

#wrapper.en ul.idioma li a.english:hover,
#wrapper.en ul.idioma li a.espanol:hover{
    background-color:#fff !important;
    color:#029FD2 !important;
}

/* -------------------------------------------------- */
/*                MENU PRINCIPAL                      */
/* -------------------------------------------------- */

ul#menu, ul#menu_down {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	list-style:none;

	}

ul#menu li a , ul#menu_down li a{
	margin: 0px 0px 4px 0px !important;
	margin: 0px;
	width: 115px;
	height: 20px; 
	display: block;
        text-decoration: none;
}

ul#menu li, ul#menu_down li {
	font-size: 15px;
}

/* Botones menú español */

#wrapper.es ul.menu li a.history 	{background:url(../images/es/bt_history.gif) 0 0 no-repeat;}
#wrapper.es ul.menu li a.team 		{background:url(../images/es/bt_team.gif) 0 0 no-repeat;}
#wrapper.es ul.menu li a.method 	{background:url(../images/es/bt_method.gif) 0 0 no-repeat;}
#wrapper.es ul.menu li a.services 	{background:url(../images/es/bt_services.gif) 0 0 no-repeat;}
#wrapper.es ul.menu li a.projects 	{background:url(../images/es/bt_showcase.gif) 0 0 no-repeat;}
#wrapper.es ul.menu li a.articles 	{background:url(../images/es/bt_publications.gif) 0 0 no-repeat;}
#wrapper.es ul.menu li a.links 		{background:url(../images/es/bt_links.gif) 0 0 no-repeat;}
#wrapper.es ul.menu li a.contact 	{background:url(../images/es/bt_contact.gif) 0 0 no-repeat;}

#wrapper.en ul.menu li a.history 	{background:url(../images/en/bt_history.gif) 0 0 no-repeat;}
#wrapper.en ul.menu li a.team 		{background:url(../images/en/bt_team.gif) 0 0 no-repeat;}
#wrapper.en ul.menu li a.method 	{background:url(../images/en/bt_method.gif) 0 0 no-repeat;}
#wrapper.en ul.menu li a.services 	{background:url(../images/en/bt_services.gif) 0 0 no-repeat;}
#wrapper.en ul.menu li a.projects 	{background:url(../images/en/bt_showcase.gif) 0 0 no-repeat;}
#wrapper.en ul.menu li a.articles 	{background:url(../images/en/bt_publications.gif) 0 0 no-repeat;}
#wrapper.en ul.menu li a.links 		{background:url(../images/en/bt_links.gif) 0 0 no-repeat;}
#wrapper.en ul.menu li a.contact 	{background:url(../images/en/bt_contact.gif) 0 0 no-repeat;}


/* Oculta texto y desplaza en rollover o activado */

#wrapper.es ul.menu li a span ,
#wrapper.en ul.menu li a span {display: none;}

#wrapper.es ul.menu li a:hover,
#wrapper.en ul.menu li a:hover {background-position:0 -20px;}

#wrapper.es ul.menu li a.on
#wrapper.en ul.menu li a.on {background-position:0 -20px;}



/* -------------------------------------------------- */
/*                AREA CONTENIDO                      */
/* -------------------------------------------------- */

/* Area distintiva sección */

h1.seccion {
	padding: 0px;
	margin: 30px 0px 0px 15px;
	height: 135px;
	font-size: 50px;
	color: #029FD2;
}
.seccion{margin-left:14px;}

.game_lab{
    font-size: 40px;
    color:#99CC00 !important;
    height: 16px !important;
    margin-left:14px;
}
.creative_lab{
    font-size: 40px;
    color:#EE047F !important;
    height: 16px !important;
    margin-left:14px;
}
/* ESTILO */


p {
	color: #666666;
	line-height: 1.5em;
}

div.left {
	display: block;
	float: left;
	width: 380px;
	padding: 15px;
}

div.right {
	display: block;
	float: left;
	width: 380px;
	padding: 15px;
}

div.clear {
	clear: both;
}



div.boxhide p {
	display: inline;
	line-height: 19px;
	background-color: #EAEAEA;
	color: #EAEAEA;
}

div.boxshow p {
	display: inline;
	line-height: 19px;
	background-color: #FFFFFF;
	color: #666666;
}

div.boxhide h3 {
	font-size: 12px;
	display: inline;
	line-height: 19px;
	background-color: #CCCCCC;
	color: #CCCCCC;
}

div.boxshow h3 {
	font-size: 12px;
	display: inline;
	line-height: 19px;
	background-color: #FFFFFF;
	color: #666666;
	/*text-decoration:underline;*/
	font-weight:bold
}


/* -------------------------------------------------- */
/*           ESTILOS EN LOS PARRAFOS                  */
/* -------------------------------------------------- */

div.boxhide ul, div.boxshow ul {
	list-style-type: none;
	line-height: 19px;
	padding: 0px;
/*	margin-left: 15px;*/
}

div.boxhide ul li {
	/*background: url(images/bullet.gif) 0px 7px no-repeat;*/
	padding: 0px 0px 0px 13px;
	background-color: #EAEAEA;
	color: #EAEAEA;
	display: inline;

}

div.boxshow ul li {
	background: url(../images/bullet.gif) 0px 7px no-repeat;
	padding: 0px 0px 0px 10px;
	color: #666666;
	display: inline;
}

div.boxhide img, div.boxshow img {
	display: block;
	margin: 0px 0px 10px 0px;
}



/* Iconos sociales */


div.boxhide a.social, div.boxshow a.social {
	/*background-color: #FFF;*/
	height: 16px;
	width: 56px;
	display: block;
	float: left;
	margin: 0px 6px 0px 0px;
}



/* Etiqueta STRONG */

strong { color: #CCCCCC; background-color: #CCCCCC; }
div.boxshow strong { color: #666666; background-color: #ffffff;}
/*strong.ficha { padding-right: 10px;}*/


div.boxshow span.fecha {color: #CCCCCC;}

/* Estilo enlace general */

div.boxhide a {
	background-color: #029FD2;
	color: #029FD2;
	text-decoration:none;
}

div.boxshow a {
	text-decoration:none;
	color: #029FD2;
	background-color: #FFFFFF;
}

div.boxshow a:hover {
	text-decoration:underline;
	color: #029FD2;
	background-color: #FFFFFF;
}


/*div.box a.outer-link p {background:#fef;}
div.box a.outer-link:hover {background:#000;}*/




/* Estilo creative_LAB */

a.creative, div.boxhide a.creative {
	background-color: #EE047F;
	color: #EE047F;
	text-decoration:none;
	font-weight: bold;
}

a.creative, div.boxshow a.creative, div.boxshow a.creative:hover {
	text-decoration:none;
	color: #EE047F;
	font-weight: bold;
	background-color: #FFFFFF;
}

/* Estilo game_LAB */

a.game, div.boxhide a.game {
	background-color: #99CC00;
	color: #99CC00;
	text-decoration:none;
	font-weight: bold;
}

a.game, div.boxshow a.game, div.boxshow a.game:hover {
	text-decoration:none;
	color: #99CC00;
	font-weight: bold;
	background-color: #FFFFFF;
}

/* Estilo iconos enlaces */


h2 {
	color: #029FD2;
	font-size: 22px;
        font-weight: normal;
}

div.boxhide a.pdf {
	color: #029FD2;
	text-decoration:none;
	background-color: #029FD2;
	padding-right: 19px;
}

div.boxshow a.pdf, div.boxshow a.pdf:hover {
	text-decoration:none;
	color: #029FD2;
	background: #FFFFFF url(../images/ico_pdf.gif) right 0px no-repeat; 
	padding-right: 19px;
}

div.boxhide a.popup {
	color: #029FD2;
	text-decoration:none;
	background-color: #029FD2;
	padding-right: 19px;
}

div.boxshow a.popup, div.boxshow a.popup:hover {
	text-decoration:none;
	color: #029FD2;
	background: #FFFFFF url(../images/ico_popup.gif) right 0px no-repeat; 
	padding-right: 24px;
	font-size: 13px;
}

div.boxhide a.linkexterno {
	color: #029FD2;
	text-decoration:none;
	background-color: #029FD2;
	padding-right: 16px;
}

div.boxshow a.linkexterno, div.boxshow a.linkexterno:hover {
	text-decoration:none;
	color: #029FD2;
	background: #FFFFFF url(../images/ico_externo.gif) right 2px no-repeat; 
	padding-right: 16px;
}


div.boxshow a.pdf:hover,
div.boxshow a.popup:hover,
div.boxshow a.linkexterno:hover,
div.boxshow a.game:hover, 
div.boxshow a.creative:hover,
div.veatambien a.game:hover,
div.veatambien a.creative:hover {
	text-decoration:underline;
}


/* -------------------------------------------------- */
/*                PIE DE PÁGINA                      */
/* -------------------------------------------------- */


#footer p {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 9px;*/
	margin: 0px;
	padding: 5px 0px 0px 0px;
	/*background: url(../images/translation_icon.gif) 3px 6px no-repeat;*/
	color: #A6A6A6;
}


div.veatambien {
	clear: both;
	margin-left: 14px;
	margin-bottom: 30px;
	padding: 0px;
}
div.veatambien_projects{
    clear: both;
}


/* -------------------------------------------------- */
/*                THUMBNAILS PROYECTOS                */
/* -------------------------------------------------- */

ul.thumb {
	padding: 0px;
	margin: 0px;

}

ul.thumb li {
	display: block;
	float: left;
	width: 150px;
	height: 220px;
	background-color: #EAEAEA;
	padding: 20px 5px 5px 5px;
	margin-right: 0px;
	list-style-type:none;
}

ul.thumb li div {
	text-align:center;
}

ul.thumb li div span.nombre {
	display: block;
}

ul.thumb li div span.miniatura {
	display: block;
	height: 150px;
	background-color:#FFFFFF;
	padding: 10px 0px 5px 0px;
	margin-bottom: 10px;
}

ul.ellen li {
	height: 150px;
}

#menu_down li a span, #menu li a span{text-decoration: none;padding-left: 4px;}

/* localization team*/
#wrap{-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
/*background:#F0F6F9 none repeat scroll 0 0;*/
width:381px;}

#wrap .clients a{
    margin-left: 20px;background-color: transparent !important;
    margin-top:11px;text-decoration: none
}
/* carousel*/
.jcarousel-item{background: transparent !important;}
.jcarousel-skin-tango .jcarousel-container{padding-top: 14px;}

#preview{
	position:absolute;
	border:1px solid #1ba3d5;
	background:#e3f4fb;
	padding:5px;
        margin: 0 0 0 0;
        z-index: 3;
        color: #1ba3d5;
        font-weight: bold;
        line-height: 2.0em;
        padding-bottom: 12px;
}
#preview_showcase{
        position:absolute;
	border:1px solid #1ba3d5;
	background:#e3f4fb;
	padding:5px;
        padding-bottom: 16px;
        margin: 0 0 0 0;
        z-index: 3;
}

#showcase_text{
    padding-left: 16px;
}
#showcase_text ul li{list-style: none; float:left;background: none; margin: 0 14px 0 0; padding: 0 0 0 0;font-size: 14px;}
#showcase_text h3{color:#1ba3d5;background: none;font-size: 18px;font-weight: normal;}
#showcase_text .words{
 color:white; font-weight:bold;background-color: #1ba3d5;
 height: 23px;padding-left: 6px;padding-right: 6px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;}
#showcase_text .languajes{color:#1ba3d5; font-weight: bold;}

/*
#circle{
    background: transparent url(/images/circle.gif) no-repeat 0 0;
    height:5px;
    margin-left: 166px;
    padding-bottom: 10px;
    
    width: 28px;
}*/
#side-b .proyectos_localizacion li{list-style: none;float:left;background: none;padding: 0 0 0 0;}
#side-b .proyectos_localizacion li a{
    text-decoration: none;float:left;
    margin-right: 5px;margin-bottom: 10px;
    color: #029FD2;
    background-color: #FFFFFF;}
#side-b .proyectos_localizacion li a img{border:0;width: 120px;height: 80px;}

.right .proyectos_localizacion li{list-style: none;float:left;background: none;padding: 0 0 0 0;}
.right .proyectos_localizacion li a{text-decoration: none;float:left;margin-right: 5px;margin-bottom: 10px;}
.right .proyectos_localizacion li a img{border:0;width: 120px;height: 80px;}


/*blogg, twitter, delicious*/
#side-b .twitter li{background: none !important;padding:0 0 0 0;}
#side-b .feed li{padding: 0 0 0 0;background: none !important;}
#side-b .feed {float:left;margin-right: 6px; }

#side-b .special {
    color: #029FD2;
	font-size: 22px;}

/*#side-b .left h3{font-size: 22px;}*/

#side-b .feed_link{
    
    text-decoration: none;
    background:#FFFFFF url(../images/ico_externo.gif) no-repeat scroll right 2px;
    color:#029FD2;
    padding-right:16px;
}

#feed_rss_blog{
    background-image: url(/images/ico_feed.png);
          width: 16px;height: 16px;margin-left:220px;margin-top:-40px;}

#feed_rss_delicious{
    background-image: url(/images/ico_feed.png);
          width: 16px;height: 16px;margin-left:153px;margin-top:-40px;}

#feed_twitter{
    background-image: url(/images/ico_twitter.png);
          width: 16px;height: 16px;margin-left:154px;margin-top:-40px;}

.selected span{
    color: #fff;
    background-color: #029FD2;
}

.social_links{
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    background:#F0F6F9 none repeat scroll 0 0;
    width:380px;
    height: 25px;
    padding-top:10px;
}
.social_links a {
    text-decoration: none;
    width:80px;
    background-color:#F0F6F9 !important;
}
.social {width:80px !important;}
.social p{color:#029FD2!important;background: transparent !important;}
.social img {
    float:left;
    margin-left:10px !important;
    margin-right: 6px !important;}
.slong{
    width:190px !important;
}
.line_height_low{line-height: 0.2em !important;}
.showcase{cursor:default;}