@charset "utf-8";
/* CSS Document */

body, address, blockquote, h1, h2, h3, h4, h5, h6, p, pre, dl, ol,
ul, dd, dt, li, fieldset, form, div {margin:0;padding:0;}

html, body {
	height: 100%;
}

body { 
font:72%/1.4 "Lucida Sans", Tahoma, Geneva, Helvetica, sans-serif;
background:#f1f2f4 url(../img/bg-body.jpg) repeat-x top center;
color:#222;
}

a:link, a:link > img, a:hover,
a:hover > img, a:active, a:active > img,
a:visited, a:visited > img { cursor: pointer; border: none; }
a:visited {color:#ff8a00}   

a, a:link {text-decoration:none; color:#ff8903}
a:visited {color:#b7370b}
a:hover, a:active {color:#511b09}

a:active, a:active > img { outline: thin dotted invert; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {list-style: none;}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

h1, h2, h3, h4 {font-weight:normal;}

h1 {font-size:2.1em; color:#436304; text-indent:-9999px; background:url(../img/logo.gif) no-repeat center left; display:block; height:98px; width:260px}
h2 {font-size:1.7em; color:#c5670b; }
h3 {font-size:1.6em;}
h4 {font-size:1.3em;}

hr { border: 0; outline: none; display: block; width:99%; color: #f2f2f2; background-color: #f2f2f2; height: 1px; margin:5px 0 5px 10px;}


/* ======== Forms ::
----------------------------------------------------------------- */
fieldset {border:0;}
input,label,select,textarea {vertical-align:baseline; font-size:105%; font-family:inherit;}
input[type="radio"], input[type="checkbox"] {position:relative; top:1.5px;}
input[type="text"],textarea {padding:.2em; width:185px;  }
textarea {overflow:auto;}
label{width:80px; float:left};




@media print {
	* {
	
		font-family: "Times New Roman", Times, serif;
		orphans: 2;
		widows: 2;
		page-break-before: auto;
		page-break-after: auto;
		page-break-inside: auto;
	}

	a			{ color: black; }
	h1			{ page-break-before: always; }
	h1, h2, h3,	h4, h5, h6	{ font-family: Helvetica, Arial, sans-serif; page-break-after: avoid; }
	ul, ol, dl	{ page-break-before: avoid; }
	}

@media aural {
	* {
	
		volume: medium;
		speech-rate: medium;
		voice-family: female;
		pause: 0ms;
		pitch: medium;
		pitch-range: 50;
		stress: 50;
		richness: 50;
		speak-punctuation: none;
		speak-numeral: continuous;
		speak-header: once;
	}

	h1, h2, h3,
	h4, h5, h6		{ voice-family: paul, male; stress: 20; richness: 90; }
	h1				{ pitch: x-low; pitch-range: 90; }
	h2				{ pitch: x-low; pitch-range: 89; }
	h3				{ pitch: low; pitch-range: 70; }
	h4				{ pitch: medium; pitch-range: 60; }
	h5				{ pitch: medium; pitch-range: 50; }
	h6				{ pitch: medium; pitch-range: 40; }
	li, dt, dd		{ pitch: medium; richness: 60; }
	dt				{ stress: 80 }
	pre, code, tt	{ pitch: medium; pitch-range: 0; stress: 0; richness: 80; }
	em				{ pitch: medium; pitch-range: 60; stress: 60; richness: 50; }
	strong			{ pitch: medium; pitch-range: 60; stress: 90; richness: 90; }
	dfn				{ pitch: high; pitch-range: 60; stress: 60; }
	s, strike		{ richness: 0; }
	i				{ pitch: medium; pitch-range: 60; stress: 60; richness: 50; }
	b				{ pitch: medium; pitch-range: 60; stress: 90; richness: 90; }
	u				{ richness: 0; }
	a:link			{ voice-family: harry, male; }
	a:visited		{ voice-family: betty, female; }
	a:active		{ voice-family: betty, female; pitch-range: 80; pitch: x-high; }
}

@media braille {
	h1, h2, h3,h4, h5, h6	{ text-align: right; background: white; color: black; }
}
/* FINALIZA RESET */

/* CLASES COMUNES */

	/* texto coloreado (headings y destacados) */
		
		.darkBlue-heading {
			color:#2b3135;
		}
		
		.orange-heading {
			color: #ff8a00;
		}
		
		.orangeBig-heading {
			color: #cc7208;
			font-size:1.4em
		}
		
		.blueMinHeading{
			color: #4d6979;
			font-size:0.98em;
			font-weight:bold;
		}
		
		.blueHeading{
			color: #4d6979;
			font-size:1.2em;
			font-weight:bold;
		}
		
		.blueDarkHeading{
			color: #333;
			font-size:1em;
		}

		.blueBigDarkHeading{
			color: #333;
			font-size:1.em;
		}

	/* ENLACES CON OTROS COLORES */

		a.darkBlue {
			color: #333;
			text-decoration:underline;
		}
		
		a:hover.darkBlue {
			text-decoration:none;
		}

	/* fin texto coloreado */
	
	
	/* DIVS COLOREADOS */
	
		
		
	/* FIN DIVS COLOREADOS */
	
		.alignleft {text-align:left;}
		.alignright {text-align:right;}
		.center {text-align:center;}
		.clear {clear:both;}
		.external {/* if needed with new window JS */}
		.float_img-left {float:left; margin: 0 10px;}
		.float_img-right {float:right; margin: 0 10px;}
		.mini {font-size:0.8em}
		.hidden {display:none;}
		.inline {display:inline;}
		.large {font-size:1.5em; color:#3f7c9b}
		.light {color:#999;}
		.png {/* if needed with png fix JS */}
		.small {font-size:10px; font-weight:normal;}
		.float-left {float:left;}
		.float-right {float:right;}
		
		.iconImg{
			padding:5px 0 5px 25px;
			background:url(../img/galeryIcon.jpg) no-repeat center left
		}
		
		.iconInfo{
			padding:5px 0 5px 25px;
			background:url(../img/infoIcon.jpg) no-repeat center left
		}

/* CLASES COMUNES */

/* -------------------------------------------------------------- COMIENZA WEB ------------------------------------------------ */


#main-wrapper {
	width:930px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}

	#main-wrapper #top{
		height:423px;
		background:#dbd8d8 url(../img/bg-top.jpg) repeat-x top left
	}

		#main-wrapper #top .logo{
			float:left;
			padding-top:11px
			
		}
		
		#main-wrapper #top .nav{
			float:right
		}
		
			#main-wrapper #top .nav ul{
				margin-top:45px;
				font-size:1.3em;
			}
			
				#main-wrapper #top .nav ul li{
					display:inline;
					margin:0 20px
				}
				
				#main-wrapper #top .nav ul li a{
					color:#f2f2f2;
					padding-right:10px;
					background:url(../img/bg-navIni.png) no-repeat center right		
				}
				
				#main-wrapper #top .nav ul li a:hover{
					color:#00e2fd;
					background:url(../img/bg-nav.png) no-repeat center right	
				}
		
		#main-wrapper #top .norpladur{
			height:230px;
			padding-top:28px;
			color:#f2f2f2;
			background:url(../img/bg-norpladur.jpg) no-repeat top left
		}
		
			#main-wrapper #top .norpladur p{
				width:508px;
				margin:8px 0 0 8px;
			}
			
			#main-wrapper #top .norpladur img{
				margin:0 0 8px 8px
			}
		
		#main-wrapper #top .phone{
			
			text-align:left;
			background:url(../img/bg-phone.jpg) no-repeat top right;
		}	

			#main-wrapper #top .phone .ico{
				height:55px;
				background:url(../img/ico-phone.png) no-repeat center left;
				padding-left:65px;
				line-height:55px;
				font-size:1.8em
			}



		#main-wrapper #data {
			background:url(../img/bg-data.jpg) repeat-x top left;	
		}
		
			#main-wrapper #data .categorias{
				height:150px;
				background:url(../img/bg-categorias.jpg) repeat-x top left;	
			}
			
				#main-wrapper #data .categorias .left, .center, .right{
					float:left;
					width:296px;
					color:#333;
					margin-left:13px;
					text-align:left;
				}

					#main-wrapper #data .categorias .left p, #main-wrapper #data .categorias .center p, #main-wrapper #data .categorias .right p{
						padding-top:120px;
						width:280px
					}
					
				
					#main-wrapper #data .categorias a.mas {
						float:right;	
						text-decoration:underline;
						margin-top:22px
					}
					
						#main-wrapper #data .categorias a:hover.mas {
							text-decoration:none;
						}


			#main-wrapper #data .promoMail{
				height:270px;
				font-size:0.98em
			}
			
				#main-wrapper #data .promoMail h2{
						margin:25px 0 10px 0;
				}
			
			
				#main-wrapper #data .promoMail .jobs{
					width:619px;
					background:url(../img/bg-jobs.gif) no-repeat top right;
					float:left;
				}
				
					#main-wrapper #data .promoMail .jobs .pics{
						width:206px;
						float:left;	
					}
					
					#main-wrapper #data .promoMail .jobs p{
						width:180px;
						margin-top:8px;
					}
				
				
				#main-wrapper #data .promoMail .contacto{
					width:310px;
					float:left;
				}
				
					#main-wrapper #data .promoMail .contacto p{
						margin:8px 0 0 20px;
					}
				
				
					#main-wrapper #data .promoMail .contacto h2{
						margin:25px 0 10px 20px;
						
					}
					
		/* COMIENZAN CJAS PAGINAS INTERIORES */			
			#main-wrapper #data .categorias-data{
				padding:0 22px 0 5px;
				background:url(../img/bg-categorias_int.jpg) repeat-x top left;	
			}
			
				#main-wrapper #data .categorias-data p{
					margin:3px 0 3px 20px
				}		
					
				#main-wrapper #data .categorias-data .heading{
					margin-top:10px
				}
				
				
				#main-wrapper #data #gallery{
					padding:10px;
					margin-bottom:30px
				}
				
					
				
					#main-wrapper #data #gallery img{
						padding:15px 18px
					}
				
					
/* ------------------------------------------------------------------------------------ FORMULARIO DE CONTACTO ------------------------------------------------------------------- */					

						#main-wrapper #data form {
							padding:15px 75px;
						}
						
							#main-wrapper #data form label{
								line-height:28px
							}
						
						.col1 {
							text-align: right;
							width: 125px;
							height: 31px;
							margin: 0;
							float: left;
							margin-right: 2px;
						}
						
						.col2 {
							width: 235px;
							height: 31px;
							display: block;
							float: left;
							margin: 0;
						}
						
						.col2comment {
							width: 595px;
							height: 98px;
							margin: 0;
							display: block;
							float: left;
						}
						
						.col1comment {
							text-align: right;
							width: 125px;
							height: 98px;
							float: left;
							display: block;
							margin-right: 2px;
						}
						
						div.row {
							float:left;
						}
						
						.buttonWrapper {
						   width:100%;
						   text-align:center;
						   clear:both;
						  }
					 
						
						  .submit {
						   width:85px;
						   height: 29px;
						   background:url(../img/bg-inputButton.png) no-repeat top center
						  } 

						
						.input {
							background-color: #fff;
							color: #5A698B;
							margin: 4px 0 5px 8px;
							padding: 1px;
							border: 1px solid #c8d3d9;
						}
						
						.textarea {
							border: 1px solid #c8d3d9;
							background-color: #fff;
							color: #5A698B;
							width:547px;
							margin: 4px 0 5px 8px;
						}

				
					
					
					
					
					
					
					
					
					
					

#footer {
	background:url(../img/bg-footer.jpg) repeat-x top center;
	color:#f2f2f2;
	text-align:center
}

	#footer .contentBox{
		background:url(../img/bg-footerContent.jpg) no-repeat top center;
		color:#f2f2f2;
		padding-top:20px;
		text-align:center
	}
	
		#footer .contentBox p{
			margin:8px 0	
		}



#footer, #push {
	height: 142px; /* .push must be the same height as .footer */
}

#footer a.integramedia {color:#ff8a00 }
#footer a:hover.integramedia {color:#511b09 }
#footer a.avisolegal {color:#F2F2F2 }
#footer a:hover.avisolegal {color:#511b09 }

li.works {
	margin: 2px 10px;
	list-style: circle;
	}
	
ul.works {
	margin: 10px 30px;
	}