@charset "utf-8";
/*	
	----------------------------------------
	Campoy Príncipi
	version: 1.0
	date: 04-09
	----------------------------------------										
											 */
											 
											 
/* GENERAL: DIAGRAMACION Y ESTILOS DE LINKS PRINCIPALES */
	* {
		margin:0;	
		padding:0;
	}
	
	.floatRight {
	float:right;	
	}
	
	.floatLeft {
		float:left;	
	}
	.clear {
		clear:both;
		
	}
	
	#mainImage {
		outline: none;
	}
	
	a:link, a:visited, a:active {
		color:#ffffff;	
		text-decoration:none;
		border:none;
		outline: none;
		-moz-outline-style: none;
	}
	
	
  
	
	a:hover {
		color:#5A5046;
		text-decoration:none;
	}

	body { 
		margin:0px; 
		padding:0px; 
		color: #ffffff; 
		font-family: Lucida Grande, Lucida Sans, sans-serif; 
		font-size:13px;
		background:#FFFFFF url(../images/bodyBg.png) top center repeat-y;
		}
		body a img { border:0px;} /* elimina borde de imagenes con link */
		
	#wrapper { 
		width: 800px; 
		margin: 0px auto; 
		 
		/*min-height:1400px; 
		*height:1400px;*/  }
	
	.es .staffMarginFix{
		margin-top:164px !important;
	}
	
	.en .staffMarginFix{
		margin-top:180px !important;
	}
	
	.es .staffMarginHandFix {
		margin-top:231px;
	}
	
	.en .staffMarginHandFix {
		margin-top:247px;
	}
	
	/* HEADER Y NAVEGACION */
	#header{ 
		
		margin:0px auto; }
	
	#logo { 
		margin-top:37px;
		margin-left:17px;
		cursor:pointer;
		width:237px;
		height:18px;
		overflow:hidden;
		display:block;
		float:left;}
		
		
		#logo a:link, #logo a:visited{
			width:237px;
			height:35px;
			display:block;
			background:url(../images/cpdLogo.png) top left no-repeat;
		}
		#logo a:hover{ 
			background-position: 0 -18px;
		}
		
	.langSelector {
		float:right;
		margin-top:36px;
		padding-right: 12px;
	}
		.langSelector li{
			float:left;
			list-style: none;
		}
			.langSelector li.hand{
				padding: 4px 9px 2px 5px;
			}
		
		.langSelector li a#espanol{
			width:75px;
			height:15px;
			display:block;
			overflow:hidden;
			background:url(../images/langSelector.png) 0 0 no-repeat;
		}
		
		.langSelector li a#english{
			width:75px;
			height:15px;
			display:block;
			overflow:hidden;
			background:url(../images/langSelector.png) -75px 0 no-repeat;
		}
		
		.langSelector li a#espanol:hover {
			background-position: 0 -19px;
		}
		.langSelector li a#english:hover {
			background-position: -75px -19px;
		}
	
	ul#main-nav { 
		float: right; 
		/*width:398px;*/
		display:block; 
		margin-top:33px;
		margin-right:11px; 
		padding:0px; 
		list-style:none;
		font-size:14px;
		display:inline;
		}
		
		ul#main-nav li{ 
			padding:8px; 
			margin: 0px;
			float:left; }
			
			ul#main-nav li a{ 
				 
			}
			
			ul#main-nav li#nav-portfolio-es a{ 
				width:81px;
				height:11px;
				display:block;
				overflow:hidden;
				background:url(../images/nav.png) no-repeat;
			}
			ul#main-nav li#nav-portfolio-en a{ /*ENGLISH*/
				width:81px;
				height:11px;
				display:block;
				overflow:hidden;
				background:url(../images/nav-eng.png) no-repeat;
			}
			
			ul#main-nav li#nav-nosotros-es a{ 
				width:79px;
				height:11px;
				display:block;
				overflow:hidden;
				background:url(../images/nav.png) -95px 0 no-repeat;
			}
			ul#main-nav li#nav-nosotros-en a{ /*ENGLISH*/
				width:74px;
				height:11px;
				display:block;
				overflow:hidden;
				background:url(../images/nav-eng.png) -95px 0 no-repeat;
			}
			
			ul#main-nav li#nav-extras-es a{ 
				width:88px;
				height:11px;
				display:block;
				overflow:hidden;
				background:url(../images/nav.png) -190px 0 no-repeat;
			}
			ul#main-nav li#nav-extras-en a{ /*ENGLISH*/
				width:43px;
				height:11px;
				display:block;
				overflow:hidden;
				background:url(../images/nav-eng.png) -190px 0 no-repeat;
			}
			
			ul#main-nav li#nav-contacto-es a{ 
				width:77px;
				height:11px;
				display:block;
				overflow:hidden;
				background:url(../images/nav.png) -295px 0 no-repeat;
			}
			ul#main-nav li#nav-contacto-en a{ /*ENGLISH*/
				width:66px;
				height:11px;
				display:block;
				overflow:hidden;
				background:url(../images/nav-eng.png) -295px 0 no-repeat;
			}
			
			ul#main-nav li#nav-portfolio-es a:hover, ul#main-nav li#nav-portfolio-es.current a{ 
				background-position: 0 -17px;
			}
			ul#main-nav li#nav-nosotros-es a:hover, ul#main-nav li#nav-nosotros-es.current a{ 
				background-position: -95px -17px;
			}
			ul#main-nav li#nav-extras-es a:hover, ul#main-nav li#nav-extras-es.current a{
				background-position: -190px -17px;
			}
			ul#main-nav li#nav-contacto-es a:hover, ul#main-nav li#nav-contacto-es.current a{ 
				background-position: -295px -17px;
			}
			/*ENGLISH*/
			ul#main-nav li#nav-portfolio-en a:hover, ul#main-nav li#nav-portfolio-en.current a{ 
				background-position: 0 -17px;
			}
			ul#main-nav li#nav-nosotros-en a:hover, ul#main-nav li#nav-nosotros-en.current a{ 
				background-position: -95px -17px;
			}
			ul#main-nav li#nav-extras-en a:hover, ul#main-nav li#nav-extras-en.current a{
				background-position: -190px -17px;
			}
			ul#main-nav li#nav-contacto-en a:hover, ul#main-nav li#nav-contacto-en.current a{ 
				background-position: -295px -17px;
			}
			
			/* nav */
			
		
	/* SUB -NAV */
	ul#sub-nav { 
		display:block; 
		padding:37px 17px 15px;
		*padding:32px 19px 15px;
		margin:1px auto 0;
		border-top:1px solid #665747;
		list-style:none; 
		
		}
		
		ul#sub-nav li {
			float:left;
			padding:0 15px 0 0;
			
		}
		
		ul#sub-nav li#subnav-recientes-es a{ 
				width:77px;
				height:15px;
				display:block;
				overflow:hidden;
				background:url(../images/nav.png) 0 -39px no-repeat;
			}
			ul#sub-nav li#subnav-recientes-en a{ /*ENGLISH*/
				width:56px;
				height:15px;
				display:block;
				overflow:hidden;
				background:url(../images/nav-eng.png) 0 -39px no-repeat;
			}
			
			ul#sub-nav li#subnav-archivo-es a{ 
				width:66px;
				height:15px;
				display:block;
				overflow:hidden;
				background:url(../images/nav.png) -92px -39px no-repeat;
			}
			ul#sub-nav li#subnav-archivo-en a{ /*ENGLISH*/
				width:64px;
				height:15px;
				display:block;
				overflow:hidden;
				background:url(../images/nav-eng.png) -92px -39px no-repeat;
			}
			
			ul#sub-nav li#subnav-caligrafia-es a{ 
				width:87px;
				height:15px;
				display:block;
				overflow:hidden;
				background:url(../images/nav.png) -174px -39px no-repeat;
			}
			ul#sub-nav li#subnav-caligrafia-en a{ /*ENGLISH*/
				width:102px;
				height:15px;
				display:block;
				overflow:hidden;
				background:url(../images/nav-eng.png) -174px -39px no-repeat;
			}
			
			ul#sub-nav li#subnav-estudio-es a{ 
				width:64px;
				height:15px;
				display:block;
				overflow:hidden;
				background:url(../images/nav.png) 0 -81px no-repeat;
			}
			ul#sub-nav li#subnav-estudio-en a{ /*ENGLISH*/
				width:55px;
				height:15px;
				display:block;
				overflow:hidden;
				background:url(../images/nav-eng.png) 0 -81px no-repeat;
			}
			
			ul#sub-nav li#subnav-equipo-es a{ 
				width:56px;
				height:15px;
				display:block;
				overflow:hidden;
				background:url(../images/nav.png) -78px -81px no-repeat;
			}
			ul#sub-nav li#subnav-equipo-en a{ /*ENGLISH*/
				width:43px;
				height:15px;
				display:block;
				overflow:hidden;
				background:url(../images/nav-eng.png) -78px -81px no-repeat;
			}
			
			ul#sub-nav li#subnav-clientes-es a{ 
				width:67px;
				height:16px;
				display:block;
				overflow:hidden;
				background:url(../images/nav.png) -240px -81px no-repeat;
			}
			ul#sub-nav li#subnav-clientes-en a{ /*ENGLISH*/
				width:59px;
				height:16px;
				display:block;
				overflow:hidden;
				background:url(../images/nav-eng.png) -240px -81px no-repeat;
			}
			
			ul#sub-nav li#subnav-servicios-es a{ 
				width:75px;
				height:15px;
				display:block;
				overflow:hidden;
				background:url(../images/nav.png) -149px -81px no-repeat;
			}
			ul#sub-nav li#subnav-servicios-en a{ /*ENGLISH*/
				width:66px;
				height:15px;
				display:block;
				overflow:hidden;
				background:url(../images/nav-eng.png) -151px -81px no-repeat;
			}
			
			ul#sub-nav li#subnav-recientes-es a:hover, ul#sub-nav li#subnav-recientes-es.current a{ 
				background-position: 0 -56px;
			}
			ul#sub-nav li#subnav-archivo-es a:hover, ul#sub-nav li#subnav-archivo-es.current a{ 
				background-position: -92px -56px;
			}
			ul#sub-nav li#subnav-caligrafia-es a:hover, ul#sub-nav li#subnav-caligrafia-es.current a{
				background-position: -174px -56px;
			}
			ul#sub-nav li#subnav-estudio-es a:hover, ul#sub-nav li#subnav-estudio-es.current a{ 
				background-position: 0 -98px;
			}
			ul#sub-nav li#subnav-equipo-es a:hover, ul#sub-nav li#subnav-equipo-es.current a{ 
				background-position: -78px -98px;
			}
			ul#sub-nav li#subnav-servicios-es a:hover, ul#sub-nav li#subnav-servicios-es.current a{ 
				background-position: -149px -98px;
			}
			ul#sub-nav li#subnav-clientes-es a:hover, ul#sub-nav li#subnav-clientes-es.current a{ 
				background-position: -240px -98px;
			}
			/*ENGLISH*/
			ul#sub-nav li#subnav-recientes-en a:hover, ul#sub-nav li#subnav-recientes-en.current a{ 
				background-position: 0 -56px;
			}
			ul#sub-nav li#subnav-archivo-en a:hover, ul#sub-nav li#subnav-archivo-en.current a{ 
				background-position: -92px -56px;
			}
			ul#sub-nav li#subnav-caligrafia-en a:hover, ul#sub-nav li#subnav-caligrafia-en.current a{
				background-position: -174px -56px;
			}
			ul#sub-nav li#subnav-estudio-en a:hover, ul#sub-nav li#subnav-estudio-en.current a{ 
				background-position: 0 -98px;
			}
			ul#sub-nav li#subnav-equipo-en a:hover, ul#sub-nav li#subnav-equipo-en.current a{ 
				background-position: -78px -98px;
			}
			ul#sub-nav li#subnav-servicios-en a:hover, ul#sub-nav li#subnav-servicios-en.current a{ 
				background-position: -151px -98px;
			}
			ul#sub-nav li#subnav-clientes-en a:hover, ul#sub-nav li#subnav-clientes-en.current a{ 
				background-position: -240px -98px;
			}
		
	
				
	/* CONTENT */
	#content{ 
		padding:22px 0 0 0;
		display:block;
		border-top:1px solid #665747;
		margin:9px auto 0;
		 }
	.langHome #content{
		border:none;
	}
	
	#content.home{ 
		margin:3px auto 0;
		 }	
		

	#footer {
		clear:both;
		height: 50px;
		padding:12px 19px;
		border-top:1px solid #665747;
		margin: 0px auto;
		bottom:0;
		display:block;
		
		}
			
		
			
/* ESTILOS TIPOGRAGICOS Y CONTENIDOS */
 
		dl {
		padding: 0px 5px 0px 0px;
		line-height:1.4;
		}
		dt {
			padding: 15px 0px 0px 0px;
			font-weight:bold;
			}
		dt.nomargin {
			padding: 0px 0px 0px 0px;
			font-weight:bold;
			}
			dd {
				margin:0px;
				padding: 0px 0px 0px 0px;
				}
		p {
		
		line-height:1.4em;
		
		}
		
		
/* TEXT -NAV */
	ul#text-nav { 
		display:block;
		width:174px;
		float:left;
		padding:0 21px 0 17px;
		height:400px;
		
		}
		
		ul#text-nav li {
			list-style:none; 
			padding: 0 0 20px 0;
			
		}
		
		ul#text-nav li li{
			list-style:none; 
			padding: 0 0 5px;
			
		}
		ul#text-nav li span {
			font-weight:bold;	
		}
		
		


/* GRID */
	
		
	.grid {
		padding:0 0 0 17px;
		min-height:300px;
		display:block;
		
	}
	
	.grid h2 {
		color: #5A5046;
	}
	
	.grid li{
		list-style:none;
		float:left;
		padding:0 21px 20px 0;
		width:174px;
		
	}
	
	.archivo .grid li, .caligrafia .grid li{
		height:131px;
	}
	
	div.pager, div.pager a{
		font-size:12px;
		color:#5A5046;
	}	
	
		div.pager span {
			display:inline;
			padding:0 25px;
			list-style:none;
			
		}
		
	.thumb {
		position: absolute;
	}
	
	.thumbHoverInvisible {
		width:174px;
		height:131px;
		filter: alpha(opacity=0);
		opacity:0;
		position: absolute;
		z-index : 1;
		cursor: pointer;
	}
	
	.thumbHoverVisible {
		width:174px;
		height:131px;
		filter: alpha(opacity=100);
		opacity:1;
		position: absolute;
		z-index : 1;
		cursor: pointer;
	}
	
	
	.leftCol {
		float:left;
		width:174px;
		margin-right:23px;
		padding-left:18px;
	}
	
	.leftCol  p {
		font-size:14px;	
	}
	
	/* HACHES */
	h1 {
		
		
		}
	
	.recientes h2 {
		margin: 15px 0 -5px;
	}
	
	h2, h4 {
		color:#5A5046;
		font-size:16px;
		font-weight:bold;
		margin: 9px 0 7px;
	}
	
	.servicios h2, .servicios h4, .equipo h2{
		
		margin: 0 0 10px;
	}
	
	.servicios h4 {
		float: right;
		margin-top: -1px;
	}
	
	.servicios li span.hand{
		padding:5px 10px 0 0;
		float:right;
		display:block;
		width:35px;
		height:15px;
		background: url(../images/hand.png) 0 3px no-repeat;
	}
	
	.prensaHeader {
		margin-left: -195px;
		text-align: right;
	}
	
	.prensaHeader h4{
		margin:-4px 0 0 0;
		float:right;
	}
	
	.prensaHeader span.hand{
		padding:5px 10px 0 0;
		margin-top:-3px;
		float:right;
		display:block;
		width:35px;
		height:15px;
		background: url(../images/hand.png) 0 3px no-repeat;
	}
	
	.pdfForm li span.hand{
		padding:5px 0 0 0;
		margin:10px 0;
		float:right;
		display:block;
		width:31px;
		height:34px;
		background: url(../images/acrobat.png) 0 3px no-repeat;
	}
	
	.pdfForm{
		color: #5A5046;
		font-size: 10px;
		min-height: 0 !important;
	}
	
	.equipo li span.hand{
		padding:5px 10px 0 0;
		margin-right:-20px;
		_margin-right:-10px;
		float:right;
		clear:both;
		display:block;
		width:35px;
		height:15px;
		background: url(../images/hand.png) 0 3px no-repeat;
	}
	
	.extras {
	}
	
	.extras h2 {
		
		padding: 3px 0;
	}
	
	.extras a {
		display: block;
		width: 174px;
		overflow: hidden;
	}
	
	.lineSeparator {
		display:block;
		border-top:1px solid #665747;
		margin-top:30px;
		padding-bottom: 10px;
	}
	
	.prensa {
		padding:20px 0 0 17px;
		display:block;
		margin-left: 191px;
		min-height: 0 !important;
	}
	
	.prensa h5 {
		color: #5A5046;
		font-size: 1em;
	}
	
	.popFrame h2 {
		
		margin: -4px 0 -7px 0;
		
		
		text-transform:lowercase;
	}
	
	h3 {
	
		font-size:1em;
		margin: 15px 0 15px;
	}
	
	.equipo h3 {
		color:#ffffff;
		font-size:16px;
		font-weight:bold;
		margin: 0 0 10px;
	}
	
	p {
		line-height:1.53em;	
	}
	
	.equipo p {
		line-height:1.3em;	
	}
	
	p.colored {
		color:#5A5046;
	}
	
/* PAGINACION */

	.pager a:hover {
		text-decoration: none;
		color: #000000 !important;
	}

.thumb_over {
	border: solid 1px #ae102a;
	float:left;
	list-style:none;
	padding: 0px;
}

/* FORM */

.contact {
		
}
		
		.contact p, .contact label {
			font-size: 12px;
			line-height: 1.5em;
		}

		#contact {
			width:370px;
		}
			.pdfForm #contact {
				width:174px;
				padding-top: 10px;
			}
			.contact li {
				list-style:none;
			}
		
		.contact img {
			padding-bottom: 15px;	
		}
		
		#contact li {
			padding:0 0 14px 0 !important;
			clear:both !important;
			width: 100%;
		}
		
		.pdfForm #contact li {
			padding:0 0 0 0 !important;
			clear:both !important;
			width: 100%;
		}
	
		.contact li.special, .pdfForm li.special {
			display:none;
		}
		
		#status {
			color:#ffffff;
			display:none;
			width:240px;
			float:left;
			margin-left:72px;
			_margin-left:35px;
		}
		
		.pdfForm #status {
			color:#ffffff;
			display:none;
			width:174px;
			float:left;
			margin-left:0;
			padding: 18px 0;
		}
		
		.contact label{
			float:left;
			clear:left;
			width:60px;
		}
		
		.pdfForm label{
			float:left;
			clear:left;
			width:50px;
			text-align: right;
			padding: 10px 0 0 0;
		}
		
		.contact label img{
			
			padding: 0 0 0 0;
		}
		
		.contact input, .contact textarea{
			float:left;
			border:none;
			border-bottom:solid 1px #665747;
			border-left:solid 1px #665747;
			font-family: Arial, Helvetica, sans-serif; 
			font-size:11px;
			margin-left: 12px;
			padding:2px 5px 5px 5px;
			width:285px;
			color:#B06010;
			background-color: #AFAAA0;
		}

		.pdfForm input{
			float:left;
			border:none;
			border-bottom:solid 1px #665747;
			font-family: Arial, Helvetica, sans-serif; 
			font-size:10px;
			margin-left: 12px;
			padding:2px 5px 5px 5px;
			width:100px;
			color:#B06010;
			background-color: #AFAAA0;
		}
		
		.contact textarea{
			width:285px;
			overflow: auto;
		}
		
		.contact .submitButton-es, .contact .submitButton-en{
			clear:both;
			margin: 10px 0;

		}
		
		.submitbutton-es a, .submitbutton-en a{ 
			width:60px;
			margin-left:73px;
			height:15px;
			display:block;
			overflow:hidden;
			background:url(../images/nav.png) 6px -123px no-repeat;
		}
		
		.submitbutton-es a{ 
			background:url(../images/nav.png) 6px -123px no-repeat;
		}
		
		.submitbutton-en a{ 
			background:url(../images/nav-eng.png) 6px -123px no-repeat;
		}
		
		.pdfForm .submitbutton-es a, .pdfForm .submitbutton-en a{ 
			width:60px;
			margin-left:55px;
			margin-top:5px;
			height:15px;
			display:block;
			overflow:hidden;
			background:url(../images/nav.png) 6px -123px no-repeat;
		}
		
		.pdfForm .submitbutton-es a{ 
			background:url(../images/nav.png) 6px -123px no-repeat;
		}
		
		.pdfForm .submitbutton-en a{ 
			background:url(../images/nav-eng.png) 6px -123px no-repeat;
		}
		
		.submitbutton-es a:hover{
			background:url(../images/nav.png) 6px -140px no-repeat ;
		}
		
		.submitbutton-en a:hover{
		background:url(../images/nav-eng.png) 6px -140px no-repeat ;
		}
			
		.socialIcon{
			width:18px;
			height: 16px;
			display: block;
			clear: left;
			margin-top: 5px;
		}	
		
		.socialIcon span{
			padding-left: 25px;
			display: block;
			padding-top: 2px;
		}
		
		.socialIconBlock{
			border-top: solid 1px #665747;
			padding-top: 5px;
			margin-top: 15em;
		}
		
		.socialIcon:hover{
			background-position: -17px;
		}
			
			
/* FANCYBOX */

#fancy_ajax {
	overflow:hidden !important;	
	left:0;
	top:0;
	right:0;
	bottom:0;
	padding:20px 0;
}
.popFrame {
	width:640px;
	margin:0 auto;
}

.popPage {
	float:left;
	width:80px;
	padding:13px 0 0 0;
	*padding:12px 0 0 0;
	color:#5A5046;
	font-size:0.8em;
}
	.popPage span{
		font-size:1em;
		padding:0 5px;
		color:#5A5046;
		cursor: pointer;
	}
.popCol {
	padding:13px 0 0 21px;
	*padding:12px 0 0 21px;
	color:#5A5046;
	width:155px;
	_width:150px;
	float:left;
}

.popDescCol {
	padding:13px 0 0 21px;
	*padding:12px 0 0 21px;
	color:#5A5046;
	width:360px;
	_width:350px;
	float:left;
	font-size: 12px;
}