/*---------------------------------------------------------------------------------------------------------------------------
	DIPUNTOCOM Main Cascading Style Sheet
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.autor			RSB Media SCP
	.version		0.1
	.url				http://www.dipuntocom.net
	.timestamp	27/11/2008 .. //
	---------------------------------------------------------------------------------------------------------------------------*/
	
	
/*---------------------------------------------------------------------------------------------------------------------------
	0.	Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1.	Body
	2.	Links
	3.	General
	4.	Common
	5.	Home
	6.	Contacto
	7.	Proyectos
	8.	Clientes
	9.	Reconocimientos
	10.	Empresa
	---------------------------------------------------------------------------------------------------------------------------*/
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	1.	Body
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	body {
		margin: 53px 28px;
		background: #ffffff repeat scroll left top;
		color: #767676; /* TEMPORAL! */
		font: 13px/16px "Times New Roman", times, minion, serif;
	}
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	2.	Links
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	a {
		text-decoration: none;
		color: #ec297b; /* TEMPORAL! */
	}
		
		a:hover {
			text-decoration: underline;
		}
		
		a:active {
			outline: none;
		}
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	3.	General
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	img {
		display: block;
		border: 0 none #000;
	}
	
	p {
		
	}
	
	h1 {
		margin: 0 0 66px 11px;
		padding: 0;
		color: #000;
		font: normal 26px/26px "Times Roman", "Times New Roman", times, minion, serif;
	}
	
	h2 {
		width: 230px;
		margin-left: 8px;
		padding: 6px;
		background: transparent url(/images/strippedGreyBg.gif) repeat scroll left top;
		color: #000;
		font: normal 19px "Times Roman", "Times New Roman", times, minion, serif;
	}
	
	h3 {
		
	}
	
	/*---------------------------------------------------------------------------------------------------------------------------
	4.	Common
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	.clearer {
		height: 0 !important;
		overflow: hidden !important;
		clear: both !important;
		float: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.main {
		max-width: 1250px;
	}
		
		.main .header {
			margin: 0 0 4px 0;
		}
			
			.main .header .logo {
				width: 139px;
				height: 46px;
				margin: 0 0 0 9px;
				float: left;
			}
			
			.main .header ul.langBar {
				min-width: 580px;
				height: 46px;
				margin: 0 0 0 165px;
				padding: 0 20px 0 0;
				background: transparent url(/images/strippedGreyBg.gif) repeat scroll left top;
				list-style: none inside none;
			}
				
				.main .header ul.langBar li {
					height: 13px;
					margin: 0 18px 0 0;
					padding: 19px 0 14px 0;
					display: block;
					float: right;
					font: 10px helvetica, arial, sans-serif;
				}
					
					.main .header ul.langBar li a {
						color: #888;
					}
					
					.main .header ul.langBar li a.actual {
						color: #000;
					}
		
		.main ul.mainMenu,
		.main ul.mainMenuES,
		.main ul.mainMenuCA,
		.main ul.mainMenuEN,
		.main ul.mainMenuDE {
			width: 865px;
			height: 39px;
			margin: 0 0 14px 0;
			padding: 3px 0 0 0;
			list-style: none inside none;
			font-size: 29px;
		}
		
		.main ul.mainMenuCH {
			width: 800px;
			height: 39px;
			margin: 0 0 14px 0;
			padding: 3px 0 0 0;
			list-style: none inside none;
			font-size: 23px;
			line-height: 26px;
		}
			
			.main ul.mainMenu li,
			.main ul.mainMenuES li,
			.main ul.mainMenuCA li,
			.main ul.mainMenuEN li,
			.main ul.mainMenuDE li,
			.main ul.mainMenuCH li {
				margin: 0 10px 0 0;
				display: block;
				float: left;
			}
				
				.main ul.mainMenu li a,
				.main ul.mainMenuES li a,
				.main ul.mainMenuCA li a,
				.main ul.mainMenuEN li a,
				.main ul.mainMenuDE li a,
				.main ul.mainMenuCH li a {
					height: 17px;
					padding: 10px 9px 13px 9px;
					display: block;
					background: transparent repeat scroll left top;
					color: #000;
				}
					
					.main ul.mainMenu li a:hover,
					.main ul.mainMenuES li a:hover,
					.main ul.mainMenuCA li a:hover,
					.main ul.mainMenuEN li a:hover,
					.main ul.mainMenuDE li a:hover,
					.main ul.mainMenuCH li a:hover {
						background-image: url(/images/strippedPinkBg2.gif);
						text-decoration: none;
					}
				
				.main ul.mainMenu li a.actual,
				.main ul.mainMenuES li a.actual,
				.main ul.mainMenuCA li a.actual,
				.main ul.mainMenuEN li a.actual,
				.main ul.mainMenuDE li a.actual,
				.main ul.mainMenuCH li a.actual {
					color: #ec297b;
				}
	
	.main .contents {
		margin: 0 auto;
	}
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	5.	Home
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
 .contents_home {
 		width: 720px;
 		height: 350px;
 		position: absolute;
 		top: 50%;
 		left: 50%;
 		margin-top: -175px;
 		margin-left: -360px;
		clear: both;
	}
	
	a.introSkip {
		float: left;
		display: inline;
		margin: 0 0 15px;
		color: #666;
		font-size: 14px;
	}
	
	/*---------------------------------------------------------------------------------------------------------------------------
	6.	Contacto
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	.main .contents_contacto {
		margin: 0 auto;
		clear: both;
	}
		
		.main .contents_contacto .textColumn {
			width: 570px;
			margin: 0 62px 0 0;
			float: left;
		}
		
		.main .contents_contacto .addressColumn {
			float: left;
		}
		
		.main .contents_contacto .column {
			float: left;
		}
			
			.main .contents_contacto .textColumn p,
			.main .contents_contacto .column p {
				margin: 0 0 0 8px;
				text-align: justify;
			}
			
			.main .contents_contacto .addressColumn p.address {
				width: 385px;
				margin: 0 0 30px 0;
				text-align: left;
				font-size: 17px;
			}
				
				.main .contents_contacto .addressColumn p.address strong {
					color: #000;
					font-weight: normal;
				}
			
			.main .contents_contacto p.mailink {
				margin: 13px 0 16px 0;
				font: bold 15px verdana, trebuchet, arial, helvetica, sans-serif;
			}
		
		.main .contents_contacto .graphicContent {
			/*max-width: 1229px;
			margin-top: 21px;
			padding: 10px;
			background-color: #000;*/
		}
			
			.main .contents_contacto .graphicContent .graphic {
				/*width: 100%;
				height: 519px;
				background: transparent url(/images/empresa.jpg) no-repeat scroll center center;*/
				height: 680px;
			}
	
	/*---------------------------------------------------------------------------------------------------------------------------
	7.	Proyectos
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
	.graphicContentFlash { /* TEEEEEEMP!!!*/
		min-width: 720px;
		height: 680px;
	}
	
	.main .contents_proyectos {
		margin: 0 auto;
		clear: both;
	}
	
		.main .contents_proyectos ul.projectMenu {
			min-height: 36px;
			margin: 0 0 14px 8px;
			padding: 0;
			list-style: none inside none;
			font-size: 18px;
		}
			
			.main .contents_proyectos ul.projectMenu li {
				margin: 0 10px 12px 0;
				display: block;
				float: left;
			}
				
				.main .contents_proyectos ul.projectMenu li a {
					height: 18px;
					padding: 5px 7px;
					display: block;
					background: transparent url(/images/strippedGreyBg.gif) repeat scroll left top;
					color: #666;
				}
					
					.main .contents_proyectos ul.projectMenu li a:hover {
						background-image: url(/images/strippedPinkBg2.gif);
						text-decoration: none;
					}
				
				.main .contents_proyectos ul.projectMenu li a.actual {
					background-image: url(/images/strippedMagentaBg.gif) !important;
					color: #fff !important;
				}
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	8.	Clientes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	.main .contents_clientes {
		margin: 87px auto 0 0;
		max-width: 1110px;
		clear: both;
	}
		
		.main .contents_clientes .clientesListCont {
			background: transparent url(/images/clientesListSep.gif) repeat scroll -18px top;
		}
		
			.main .contents_clientes ul.clientesList {
				margin: 0;
				padding: 20px 0;
				list-style: none inside none;
				font-size: 20px;
				line-height: 22px;
				color: #888;
			}
				
				.main .contents_clientes ul.clientesList li {
					width: 422px;
					height: 24px;
					margin: 0 38px 3px 0;
					padding: 6px 10px 0 15px;
					float: left;
					background: transparent url(/images/strippedBigGreyBg.gif) scroll repeat left top;
				}
					
					.main .contents_clientes ul.clientesList li.lastElement {
						width: 0;
						height: 0;
						margin: 0;
						padding: 0;
						float: none;
						clear: both;
						overflow: hidden;
					}
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	9.	Reconocimientos
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	.main .contents_reconocimientos {
		max-width: 1240px;
		margin: 30px auto 0 8px;
		clear: both;
	}
		
		.main .contents_reconocimientos .element {
			width: 290px;
			height: 410px;
			margin: 7px 80px 20px 0;
			float: left;
		}
			
			.main .contents_reconocimientos .element h3 {
				height: 27px;
				width: 278px;
				margin: 0 14px 0 0;
				padding: 4px 0 0 5px;
				overflow: hidden;
				background: transparent url(/images/strippedGreyBg.gif) repeat scroll left top;
				color: #000;
				font: normal 21px "Times Roman", "Times New Roman", times, minion, serif;
			}
			
			.main .contents_reconocimientos .element p {
				height: 170px;
				margin: 14px 0 0 7px;
				overflow: hidden;
				color: #000;
				font: normal 14px/16px Helvetica, Arial, sans-serif;
			}
			
			.main .contents_reconocimientos .element img {
				width: 265px;
				height: 172px;
				margin: 7px 0 0 5px;
			}
			
			
	/*---------------------------------------------------------------------------------------------------------------------------
	10.	Empresa
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	.main .contents_empresa {
		max-width: 1240px;
		margin: 120px 0;
		clear: both;
	}
		
		.main .contents_empresa img {
			
		}