/* --------------------------------------------------------------------------------
   CSS : LeChill / www.lechill.com
   -
   by Kings of Mambo / www.kingsofmambo.com
-------------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

html {
	background: #ccc url(/images/layout/background.jpg) repeat-x top center;
}

html, body {
	border: 0;
	font: 11px Arial, Verdana, Georgia, sans-serif;
	color: #333;
}

body {
	margin: 10px;
	text-align: center;
}

img {
	border: 0;
}
/*
ul, li {
	list-style: none;
}*/

a {
	color: #f60;
	text-decoration: none;
}
h1, h2, h3 {
	text-align: left;
}
h1 {
	font-size: 24px;
	color: #008373;
	margin-bottom: 10px;
}
h2, h3, h4 {
	font-size: 19px;
	color: #f60;
}
h4 {
	color: #008373;
}
.clear {
	clear: both;
}
.hide_text {
	display: none;
}
.nav_hide {
	display: none;
}



/* ------------------------------------------------------------------------------ WRAP */
#wrap {
	margin: auto;
	width: 775px;
	text-align: left;
	background: #fff url(/images/layout/wrap_background.gif) no-repeat top left;
}



/* ------------------------------------------------------------------------------ HEADER */
#header {
	text-align: left;
	padding-left: 34px;
	height: 77px;
	background: #fff url(/images/layout/header_background.gif) no-repeat top left;
}
	#header a.logo {
		display: block;
		float: left;
		width: 126px;
		height: 68px;
		margin-right: 540px;
		background: #fff;
	}
	/* LANGUAGES */
	#header ul.lang li {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
	}
	#header ul.lang {
		float: left;
		list-style: none;
		width: 60px;
		margin-top: 51px;
	}
	#header ul.lang li {
		width: 20px;
		height: 18px;
	}
	#header li, #header li a {
		height: 18px;
		display: block;
	}
		
	#header ul.lang li a:link { background-position: 0 0; }
	#header ul.lang li a:hover { background-position: 0 -18px; }
	
	li.en a, li.en_selected {	background: #fff url(/images/layout/lang_en.gif) no-repeat top left;	}
	li.es a, li.es_selected {	background: #fff url(/images/layout/lang_es.gif) no-repeat top left;	}
	li.se a, li.se_selected {	background: #fff url(/images/layout/lang_se.gif) no-repeat top left;	}
	
	li.en_selected { background-position: 0 -18px; }


/* ------------------------------------------------------------------------------ GENERAL */
#menu, #content, #moreinfo {
	clear: both;
	margin-left: 34px;
	width: 707px;
}


/* ------------------------------------------------------------------------------ MENU */
#menu {
	height: 33px;
	background: #fff url(/images/layout/menu_background.gif) repeat-x top left;
}
	
	#menu ul {
		float: left;
		list-style: none;
		margin-top: 2px;
		width: 707px;
		letter-spacing: 0px;
	}
	#menu li {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		/*margin-right: 12px;*/
	}
	#menu li.selected {
		color: #000;
	}
	#menu ul a {
		float: left;
		color: #999;
	}
	#menu ul a:hover {
		color: #000;
	}
	/*#menu span, #menu li.selected, #menu li {
		font-size: 11px;		
	}*/
	#menu span {
		display: block;
		float: left;
		text-align: left;
		color: #999;
	}
	#menu li, #menu a, #menu li.selected {
		font-size: 11px;
		height: 14px;
	}
	
	/* ES menu */
	#menu span.op1_es	{ width: 50px;}		/* HOME */
	#menu span.op2_es	{ width: 144px;}	/* PRODUCTS */
	#menu span.op3_es	{ width: 71px;}		/* OUR WORK */
	#menu span.op4_es	{ width: 111px;}	/* SERVICES */
	#menu span.op5_es	{ width: 78px;}		/* ABOUT US */
	#menu span.op6_es	{ width: 127px;}	/* NEWS */
	#menu span.op7_es	{ width: 63px;}		/* PRESS ROOM */
	#menu span.op8_es	{ width: 75px;}		/* CONTACT */
	#menu span.op9_es	{ width: 63px;}		/* JOIN US */
	
	/* EN menu */
	#menu span.op1_en	{ width: 51px;}		/* HOME */
	#menu span.op2_en	{ width: 133px;}	/* PRODUCTS */
	#menu span.op3_en	{ width: 86px;}		/* OUR WORK */
	#menu span.op4_en	{ width: 107px;}	/* SERVICES */
	#menu span.op5_en	{ width: 81px;}		/* ABOUT US */
	#menu span.op6_en	{ width: 105px;}	/* NEWS */
	#menu span.op7_en	{ width: 88px;}		/* PRESS ROOM */
	#menu span.op8_en	{ width: 75px;}		/* CONTACT */
	#menu span.op9_en	{ width: 56px;}		/* JOIN US */
	

/* ------------------------------------------------------------------------------ CONTENT */
#content {
	text-align: left;
	margin-bottom: 20px;
	background: #fff url(/images/layout/content_background.jpg) no-repeat top left;
	/*background: #fff url(/images/layout/content_background.gif) no-repeat top left;*/
}


	/* ------------------------------------------------------------------------------ COLUMNS */
	.smallcolumn1, .smallcolumn2, .aboutcolumn {
		display: block;
		float: left;
		padding: 0 8px;
		width: 255px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 239px;
	}
	.smallcolumn1 h3 {
		width: 239px;
	}
	.smallcolumn1 h1, .bigcolumn h1, .bigcolumn h4 {
		margin-top: 40px;
	}
	.smallcolumn2 {
		padding-top: 78px;
	}
	.smallcolumn1 p, .smallcolumn2 p, .smallcolumn1 h3, .btn, .bigcolumn p {
		margin-bottom: 15px;
	}
	.smallcolumn1 #productsflash, .aboutcolumn {
		margin-top: 40px;
	}
	
	.bigcolumn {
		float: left;
		display: block;
		margin-left: 30px;
		width: 422px;
	}
	.bigcolumn h1 {
		/*height: 30px;*/
		width: 422px;
		font-size: 10px;
		line-height: 30px;
	}
	.bigcolumn h2 {
		width: 422px;
		font-size: 10px;
		line-height: 22px;
		margin-bottom: 10px;
	}
	.bigcolumn img {
		float: left;
		margin: 0 5px 10px 0;
	}
	.bigcolumn h4 {
		width: 422px;
		font-size: 20px;
		line-height: 24px;
	}
	.bigcolumn p {
		padding-right: 14px;
	}
	
	/* LIST */
	ul.list {
		list-style: none;
	}
	ul.list li {
		clear: both;
		margin-top: 10px;
		padding-bottom: 15px;
		border-bottom: 1px solid #c2c2c2;
	}
 
	ul.list a.list_img {
		display: block;
		float: left;
		width: 93px;
		margin-right: 7px;
	}
	ul.list p {
		float: left;
		width: 130px;
		margin: 0;
	}	
	ul.list a {
		display: block;
		color: #f60;
		font-weight: bold;
	}
	ul.list a.link_more {
		margin: 0;
		display: inline;
	}
	h1.h1_margin {
		margin-top: 30px;
	}
	h3.h3_margin, h2.h2_margin {
		margin-top: 22px;
	}
	/*
	ul.list p img.btn_more {
		float: none;
	}*/
	.aboutcolumn .aboutbox {
		display: block;
		clear: both;
		width: 203px;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #999;
	}
	.aboutcolumn .aboutbox img {
		margin-bottom: 7px;
	}
	.aboutcolumn .aboutbox h2 {
		width: 203px;
		font-size: 10px;
		line-height: 24px;
		margin-bottom: 5px;
	}
	.aboutcolumn .aboutbox p {
		margin-bottom: 4px;
	}
	.aboutcolumn .aboutbox ul.orange_bullets li, .bigcolumn ul.orange_bullets li {
		margin-bottom: 4px;
	}
	/*
	.aboutcolumn p.more_info {
		width: 203px;
		margin-bottom: 15px;
	}*/
	.bigcolumn ul.orange_bullets {
		margin-bottom: 15px;
	}
	
	/* ------------------------------------------------------------------------------ SWF */
	#homeflash {
		float: left;
		width: 197px;
	}
	
	/* ------------------------------------------------------------------------------ BTN */
	.btn {
		font-size: 10px;
		height: 22px;
		margin-top: 10px;
	}
		.btn img.left, .btn img.right, .btn a {
			display: block;
			float: left;
			width: 12px;
			background: #f60;
		}
		.btn a {
			width: auto;
			color: #fff;
			font-size: 11px;
			font-weight: bold;
			height: 22px;
			line-height: 22px;
			vertical-align: middle;
			background: #f60 url(/images/layout/btn_content.gif) repeat-x top left;
			margin: 0 -3px;
			voice-family: "\"}\"";
			voice-family:inherit;
			margin: 0;
		}

	img.btn_more, ul.list p img.btn_more {
		width: 12px !important;
		height: 12px !important;
		display: inline;
		margin-left: 5px;
		vertical-align: top;
	}

/* ------------------------------------------------------------------------------ CONTACT */
#map {
	width: 237px;
	height: 239px;
	border: 1px solid #999;
}
#map span {
	display: none;
}
#contact span, #contact span.info_form {
	float: left;
	display: block;
	width: 70px;
	margin-right: 7px;
	line-height: 16px;
	vertical-align: middle;
}
#contact li, #contact li.li_send, #contact li.li_comments {
	clear: both;
	display: block;
	height: 25px;
}
#contact li.li_comments {
	height: auto;
}
#contact li.li_send {
	clear: both;
	padding: 7px 0 0 328px;
	height: 40px;
}
#contact li.li_send input.btn_send {
	width: auto;
	height: auto;
	border: 0;
}
#contact input, #contact textarea {
	font: 11px Arial, Georgia, Verdana, sans-serif;
	height: 16px;
	float: left;
	border: 1px solid #008373;
	background: #fff;
	width: 320px;
}
#contact textarea {
	height: 175px;
}

	
/* ------------------------------------------------------------------------------ ADDITIONAL INFORMATION */
#moreinfo {
	border-top: 1px solid #7fc1b9;
	text-align: left;
	background: #fff;
}
	#moreinfo h1 {
		margin-top: 10px;
		width: 545px;
	}
	#moreinfo .more_services {
		float: right;
		display: block;
		width: 160px;
		margin-top: -46px;
		text-align: right;
	}
	#moreinfo .more_services .btn {
		float: right;
	}
	
	#related_pages
	{
		clear: both;
	}
	
	.columninfo, .columninfo_last {
		display: block;
		float: left;
		width: 203px;
		margin-right: 49px;
		margin-bottom: 35px;
	}
	.columninfo_last {
		margin: 0;
	}
	.columninfo img, .columninfo_last img {
		display: block;
	}
	.columninfo p.title, .columninfo_last p.title {
		font-weight: bold;
		color: #f60;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	.columninfo a img.btn_more, ul.orange_bullets a img.btn_more {
		display: inline;
	}
	ul.orange_bullets, li.orange_bullets {
		margin: 0;
		padding-left: 15px;
		list-style-image: url(/images/layout/list_style.gif);
	}


/* ------------------------------------------------------------------------------ FOOTER */
#footer {
	height: 114px;
	text-align: left;
	padding-left: 34px;
	background: #fff url(/images/layout/footer_background.gif) no-repeat top left;
}
	#footer p.information, #footer ul#logos {
		float: left;
		margin-top: 10px;
	 
	}
	#footer p.information {
		float: left;
		font-size: 11px;
		color: #999;
		width: 255px;
	}
	#footer p.information strong {
		color: #333;
	}
	#footer ul#logos {
		list-style: none;
		margin-top: 15px;
	}
	#footer ul#logos li {
		float: left;
	}
	
	#footer p.information_2 { /*Temporal, borrar al poner de nuevo los partners en la plantilla principal*/
		position: relative;
	float: left;
		width: auto;
		color: #333; 
		margin-top: 10px;
	 
		 
	}
	
 
	
	#footer p.logos_title {
		position: relative;
		top: 10px;
		left: 0px;
		width: auto;
		color: #333;
		font-weight: bold;
	}
	

/* #################################### sIFR styles ################ */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {	visibility: visible !important; line-height:0;	}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {  display: none !important;	}

.sIFR-hasFlash h1 {	visibility: hidden; }
.sIFR-hasFlash h2 {	visibility: hidden;	}
.sIFR-hasFlash h3 {	visibility: hidden;	}
.sIFR-hasFlash h4 {	visibility: hidden;	}
.sIFR-hasFlash h5 {	visibility: hidden;	}

.sIFR-hasFlash #menu span, .sIFR-hasFlash #menu li.selected {
	visibility: hidden;
	font-size: 11px;
	height: 14px;
}

div.bigcolumn ul { 
	padding-left: 20px;
	margin: 10px 0;
}

div.bigcolumn ul li {  
	margin-bottom: 5px;	
}

div#pagination {
	clear: both;
	height: 30px;
	font-size: 10px;
	margin-top: 10px;
}

div#pagination a {
	color: #666;
}

div#pagination div.next {
	float: right;
}

div#pagination div.previous {
	float: left;
}


div.pagination {
	clear: both; 
	font-size: 10px; 
	text-align: center;
	padding: 10px;
}
div.pagination a {
 
 
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#333;
	cursor:pointer;
	padding:5px 10px 5px 7px; /* Links */

}

div.pagination span.current {
 
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#ccc;
	cursor:pointer;
	padding:5px 10px 5px 7px; /* Links */	
}
div.pagination a.pag_arrow {

}

div.pagination span.disabled {
	text-decoration: none;
	color: #666;
	padding: 3px 0;			 
}

div.pagination span.disabled {

}