/*---------------------------------------------------------------------------------------------------------------------------
	RSB Media Main Cascading Style Sheet
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.autor			RSB Media SCP
	.version		2.5
	.url				http://www.rsbmedia.com
	.timestamp	16/10/2008 .. 21/11/2008
	---------------------------------------------------------------------------------------------------------------------------*/
	
	
/*---------------------------------------------------------------------------------------------------------------------------
	0.	Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	1.	Body
	2.	Links
	3.	General
	4.	Common
	5.	Home
	6.	Projects
	7.	Project Detail
	8.	News
	9.	News Detail
	10.	About Us
	11.	Working
	---------------------------------------------------------------------------------------------------------------------------*/
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	1.	Body
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	body {
		margin: 0;
		overflow-x: scroll;
		overflow-y: hidden;
		color: #d4d4d4;
		font: 12px/15px "Lucida Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
		background: #616161 url(/images/mainBg2.gif) repeat fixed center center;
	}
	
	/*---------------------------------------------------------------------------------------------------------------------------
	2.	Links
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	a {
		text-decoration: none;
		color: #f03;
	}
		
		a:hover {
			text-decoration: underline;
		}
		
		a:active {
			outline: none;
		}
	
	a.readMore {
		color: #f03;
	}
		
		a.readMore:visited {
			padding: 0 14px 0 0;
			background: transparent url(/images/tick.png) no-repeat scroll center right;
		}
	
	a.external {
		padding: 0 20px 0 0;
		background: transparent url(/images/outLink.png) no-repeat scroll center right;
		color: #f03;
	}
	
	h2 a {
		color: #fff;
	}
		
		h2 a:hover {
			text-decoration: none;
		}
	
	h3 a {
		color: #fff;
	}
	
	a.btn {
		display: block;
		background-repeat: no-repeat;
		background-position: top left;
	}
		
		a.btn:hover {
			background-position: bottom left;
		}
		
		a.btn:active {
			outline: none;
		}
		
		a.btn span {
			display: none;
		}
	
	/*---------------------------------------------------------------------------------------------------------------------------
	3.	General
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	img {
		display: block;
		border: 0px none #600;
	}
	
	p {
		margin: 0 0 13px;
		padding: 0;
	}
		
		p.pGroup {
			margin: 0 0 11px !important;
		}
	
	.bodyText {
		font: 12px/15px "Lucida Sans", "Trebuchet MS", Helvetica, Arial, sans-serif !important;
		letter-spacing: normal;
	}
		
		.bodyText a {
			text-decoration: none;
			color: #f03 !important;
		}
			
			.bodyText a:hover {
				text-decoration: underline;
				color: #f03 !important;
			}
	
	h1 {
		display: none;
	}
	
	h2 {
		max-height: 68px;
		margin: 0 0 5px 0;
		padding: 0;
		overflow: hidden;
		font-size: 32px;
		font-weight: normal;
		color: #fff;
		letter-spacing: -2px;
		line-height: 36px;
		text-transform: uppercase;
	}
		
		h2.smaller {
		}
	
	h3 {
		max-height: 33px;
		margin: 2px 0;
		overflow: hidden;
		font-size: 14px;
		font-weight: bold;
		line-height: 16px;
		color: #fff;
	}
	
	/*---------------------------------------------------------------------------------------------------------------------------
	4.	Common
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	.clearer {
		height: 0;
		overflow: hidden;
		clear: both;
	}
	
	.main {
		width: 5750px; /* JAVASCRIPTEAR Y TAL */
		height: 614px;
		position: absolute;
		margin: -307px 0 0 0;
		top: 50%;
	}
	
		.main .nav {
			width: 258px;
			height: 25px;
			position: fixed;
			right: 70px;
		}
			
			.main .nav .backToStart {
				width: 129px;
				height: 25px;
				float: right;
			}
			
			.main .nav .backToPrevious {
				width: 129px;
				height: 25px;
				float: right;
			}
		
		.main .content {
			width: 5680px; /* JAVASCRIPTEAR Y TAL */
			height: 580px;
			margin: 16px 0 0 0;
			padding: 9px 0;
			float: left;
			overflow: hidden;
			background: transparent url(/images/contentBigBg.png) repeat-x scroll top left;
		}
		
		.main .endSpacer {
			width: 70px;
			height: 598px;
			margin: 16px 0 0 0;
			float: left;
			background: transparent url(/images/contentEnd.png) no-repeat scroll left top;
		}
	
	.linQuo {
		color: #fff;
	}
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	5.	Home
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	.frontPage {
		width: 1290px;
		height: 580px;
		padding: 0.01px 0 0;
		float: left;
	}
		
		.frontPage .menuNLogo {
			width: 346px;
			height: 193px;
			margin: 190px auto 0px auto;
		}
			
			.frontPage .menuNLogo .logo {

				margin: 0 0 0 90px;
			}
			
			.frontPage .menuNLogo .mainMenu {
				width: 346px;
				height: 16px;
				margin: 29px 0 0 0;
				display: none;
			}
				
				.frontPage .menuNLogo .mainMenu .opt0 {
					width: 96px;
					height: 16px;
					float: left;
					background-image: url(/images/frontPageMenuOpt0.png);
				}
				
				.frontPage .menuNLogo .mainMenu .opt1 {
					width: 68px;
					height: 16px;
					margin: 0 0 0 11px;
					float: left;
					background-image: url(/images/frontPageMenuOpt1.png);
				}
				
				.frontPage .menuNLogo .mainMenu .opt2 {
					width: 69px;
					height: 16px;
					margin: 0 0 0 11px;
					float: left;
					background-image: url(/images/frontPageMenuOpt2.png);
				}
				
				.frontPage .menuNLogo .mainMenu .opt3 {
					width: 80px;
					height: 16px;
					margin: 0 0 0 11px;
					float: left;
					background-image: url(/images/frontPageMenuOpt3.png);
				}
	
	.sectionPresentacion {
		width: 600px;
		height: 580px;
		padding: 0 40px 0 120px;
		float: left;
		background: transparent url(/images/homeTitleSec0.png) no-repeat scroll left top;
	}
		
		.sectionPresentacion .presentacionPrologue {
			width: 150px;
			height: 382px;
			margin: 0 40px 0 0;
			padding: 198px 0 0 0;
			float: left;
			color: #fff;
		}
			
			.sectionPresentacion .presentacionPrologue p {
				margin: 0 0 15px;
			}
		
		.sectionPresentacion .featuredProject {
			width: 410px;
			height: 580px;
			float: left;
		}
			
			.sectionPresentacion .featuredProject .featuredImage {
				width: 410px;
				height: 274px;
				margin: 0 0 10px 0;
			}
	
	.sectionPortfolio {
		width: 1320px;
		height: 580px;
		padding: 0 0 0 130px;
		float: left;
		background: transparent url(/images/homeTitleSec1.png) no-repeat scroll left top;
	}
		
		.sectionPortfolio .viewAllProtfolio {
			width: 96px;
			height: 188px;
			float: left;
			margin: 0 0 0 -106px;
		}
		
		.sectionPortfolio .projectGroup {
			width: 620px;
			height: 550px;
			margin: 0 35px 0 0;
			padding: 30px 0 0 0;
			float: left;
		}
			
			.sectionPortfolio .projectGroup .project {
				width: 620px;
				height: 241px;
				overflow: hidden;
				margin: 0 0 30px;
				padding: 0.01px 0 0;
			}
				
				.sectionPortfolio .projectGroup .project .projectImage {
					width: 332px;
					height: 241px;
					margin: 5px 10px 0 0;
					float: left;
				}
				
				.sectionPortfolio .projectGroup .project p{
					max-height: 105px;
					overflow: hidden;
				}
	
	.sectionNosotros {
		width: 660px;
		height: 550px;
		padding: 30px 0 0 135px;
		float: left;
		background: transparent url(/images/homeTitleSec2.png) no-repeat scroll left top;
	}
		
		.sectionNosotros .aboutUs {
			width: 330px;
			height: 550px;
			margin: 0 40px 0 0;
			padding: 0.001px 0 0 0;
			float: left;
			line-height: 16px;
		}
			
			.sectionNosotros .aboutUs p {
				margin: 0 0 27px;
			}
		
		.sectionNosotros .syndication {
			width: 250px;
			height: 550px;
			margin: 0 40px 0 0;
			float: left;
		}
			
			.sectionNosotros .syndication p {
				margin: 0 0 27px;
			}
			
			.sectionNosotros .syndication h2 {
				text-transform: none;
			}
			
			.sectionNosotros #twitter_div ul {
				margin: 0;
				padding: 0 15px;
				height: 278px;
				overflow:hidden;
				list-style-type: square;
				color: #fff;
			}
				
				.sectionNosotros #twitter_div ul li {
					margin: 0 0 8px 0;
				}
				
				.sectionNosotros #twitter_div ul span {
					color: #d4d4d4;
				}
			
			.sectionNosotros .qrCode {
				width: 66px;
				height: 66px;
				margin: 15px auto;
				border: 1px solid #555;
			}
			
			.sectionNosotros .flickr {
				width: 240px;
				height: 178px;
				margin: 0 auto;
			}
			
			.sectionNosotros .lastNews {
				width: 270px;
				height: 550px;
				margin: 0 40px 0 0;
				float: left;
			}
				
				.sectionNosotros .lastNews .article {
					width: 270px;
					height: 140px;
					margin: 0 0 25px;
				}
					
					.sectionNosotros .lastNews .article p {
						max-height: 75px;
						margin: 0;
						overflow: hidden;
					}
					
					.sectionNosotros .lastNews .article p.date {
						color: #fff;
						font-size: 10px;
						font-style: italic;
					}
	
	.sectionContactar {
		width: 910px;
		height: 550px;
		padding: 30px 45px 0 140px;
		float: left;
		background: transparent url(/images/homeTitleSec3.png) no-repeat scroll left top;
	}
		
		.sectionContactar .work4us {
			width: 336px;
			height: 503px;
			margin: 9px 40px 0 0;
			float: left;
			border: 1px solid #555;
		}
		
		.sectionContactar .contactForm {
			width: 530px;
			height: 550px;
			float: left;
		}
			
			.sectionContactar .contactForm .textNForm {
				height: 292px;
				overflow: hidden;
			}
			
			.sectionContactar .contactForm span.reqMark {
				color: #f6ff00;
				font-size: 10px;
				font-weight: bold;
			}
			
			.sectionContactar .contactForm form {
				width: 530px;
				height: 190px;
				margin: 5px 0 20px 0;
			}
			
				.sectionContactar .contactForm form label {
					margin: 0 0 5px 0;
					float: left;
					display: block;
					color: #fff;
					text-align: right;
				}
					
					.sectionContactar .contactForm form label.labelName {
						width: 265px;
					}
					
					.sectionContactar .contactForm form label.labelMail {
						width: 265px;
					}
					
					.sectionContactar .contactForm form label.labelQuery {
						width: 530px;
					}
					
					.sectionContactar .contactForm form label.labelChanclas {
						width: 381px;
					}
				
				.sectionContactar .contactForm form .error {
					background-color: #e6e039 !important;
				}
				
				.sectionContactar .contactForm form .texter {
					width: 195px;
					border: 1px solid #555;
					font: 12px/14px "Lucida Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
				}
				
				.sectionContactar .contactForm form #contactFormChanclas {
					width: 90px !important;
				}
				
				.sectionContactar .contactForm form textarea {
					width: 460px;					
					height: 100px;
					border: 1px solid #555;
					font: 12px/14px "Lucida Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
					vertical-align: baseline;
				}
				
				.sectionContactar .contactForm form .chanclasImage {
					margin: 0 0 0 69px;
					float: left;
				}
				
				.sectionContactar .contactForm form .submiter {
					float: right;
					font: 12px/14px "Lucida Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
				}
			
			.sectionContactar #map {
				width: 530px;
				height: 180px;
				border: 1px solid #555;
			}
				
				.sectionContactar #map .fakeMap {
					width: 530px;
					height: 180px;
					cursor: pointer;
				}
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	6.	Projects
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	.portfolio {
		width: 100%;
		height: 580px;
		padding: 0 0 0 130px;
		float: left;
		background: transparent url(/images/homeTitleSec1.png) no-repeat scroll left top;
	}
		
		.portfolio .viewAllProtfolio {
			width: 96px;
			height: 188px;
			position: absolute;
			margin: 0 0 0 -106px;
		}
		
		.portfolio .projectGroup {
			width: 620px;
			height: 550px;
			margin: 0 35px 0 0;
			padding: 30px 0 0 0;
			float: left;
		}
			
			.portfolio .projectGroup .project {
				width: 620px;
				height: 241px;
				overflow: hidden;
				margin: 0 0 29px;
				padding: 0.01px 0 0;
			}
				
				.portfolio .projectGroup .project .projectImage {
					width: 332px;
					height: 241px;
					margin: 5px 10px 0 0;
					float: left;
				}
				
				.portfolio .projectGroup .project p{
					max-height: 105px;
					overflow: hidden;
				}
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	7.	Project Detail
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	.projectDetail {
		width: 100%;
		height: 550px;
		padding: 30px 0 0 130px;
		float: left;
		background: transparent url(/images/projectTitle.png) no-repeat scroll left top;
	}
		
		.projectDetail .images {
			width: 342px;
			height: 550px;
			float: left;
		}
			
			.projectDetail .images .image {
				width: 332px;
				height: 241px;
				margin: 5px 0 25px;
			}
			
			.projectDetail .images .imageFooter {
				display: block;
				text-align: center;
				color: #fff;
			}
		
		.projectDetail .description {
			width: 340px;
			height: 513px;
			padding: 0 10px 0 0;
			overflow: auto;
		}
			
			.projectDetail .description strong {
				color: #fff;
			}
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	8.	News
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	.news {
		width: 100%;
		height: 550px;
		padding: 30px 0 0 130px;
		float: left;
		background: transparent url(/images/newsTitle.png) no-repeat scroll left top;
	}
		
		.news .articleGroup {
			width: 340px;
			height: 550px;
			margin: 0 40px 0 0;
			float: left;
			
		}
			
			.news .articleGroup .article {
				width: 340px;
				height: 151px;
				margin: 0 0 30px;
			}
				
				.news .articleGroup .article p {
					max-height: 90px;
					margin: 0;
					overflow: hidden;
				}
				
				.news .articleGroup .article p.date {
					color: #fff;
					font-size: 10px;
					font-style: italic;
				}
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	9.	News Detail
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	.newsDetail {
		width: 100%;
		height: 550px;
		padding: 30px 0 0 130px;
		float: left;
		background: transparent url(/images/newsTitle.png) no-repeat scroll left top;
	}
		
		.newsDetail .article {
			width: 340px;
			height: 514px;
			padding: 0 10px 0 0;
			overflow: auto;
		}
			
			.newsDetail .article p {
				margin: 0;
			}
			
			.newsDetail .article p.date {
				color: #fff;
				font-size: 10px;
				font-style: italic;
			}
	
	/*---------------------------------------------------------------------------------------------------------------------------
	10.	The Team
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	.theTeam {
		width: 100%;
		height: 550px;
		padding: 30px 0 0 130px;
		float: left;
		background: transparent url(/images/theTeamTitle.png) no-repeat scroll left top;
	}
		
		.theTeam .staffGroup {
			width: 295px;
			height: 550px;
			margin: 0 0 0 0;
			float: left;
			line-height: normal;
			
		}
			
			.theTeam .staffGroup .staff {
				width: 295px;
				height: 120px;
				margin: 0 0 30px;
				padding: 30px 0 0 0;
				color: #fff;
			}
				
				.theTeam .staffGroup .staff .portrait {
					width: 88px;
					margin: 0 5px 0 0;
					float: left;
				}
					
					.theTeam .staffGroup .staff .portrait img {
						margin: 0 auto;
					}
				
				.theTeam .staffGroup .staff .name {
					font-size: 23px;
					margin: 15px 0 0 0;
				}
				
				.theTeam .staffGroup .staff .role {
					font-size: 14px;
					font-weight: bold;
					margin: 0;
				}
				
				.theTeam .staffGroup .staff .personal {
					font-size: 12px;
					margin: 10px 0 0 0;
				}
					
					.theTeam .staffGroup .staff .personal a {
						color: #fff;
					}
	
	
	/*---------------------------------------------------------------------------------------------------------------------------
	11.	Working
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	.working {
		width: 1280px;
		height: 580px;
		padding: 0.01px 0 0;
		float: left;
	}
		
		.working .menuNLogo {
			width: 315px;
			height: 290px;
			margin: 140px auto;
		}
			
			.working .menuNLogo .logo {
				width: 260px;
				height: 148px;
				padding: 0 0 0 55px;
			}
			
			.working .menuNLogo .message {
				margin: 20px 0 0 0;
				text-align: center;
			}