/* 
	CRYSFORMA WEB
	mafsdisseny 
*/

/* Include Reset File */
@import url("reset.css");


*{	margin: 0;
	padding: 0;
	}* 

body {
	font: 75%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	color:#777;
	background: #efefef;
	color: #444;
	}

a {
	color: #039;
	background: inherit;
	text-decoration: none;
	}
a.download {
	background:#fff url(../images/file.png) no-repeat left;
	padding: 3px 0px 3px 20px;
	}
a.goto {
	background:#fff url(../images/arrow-left.png) no-repeat left;
	padding: 3px 0px 3px 25px;
	line-height: 22px;
	}	
p.download {
	margin-top: 15px;
	}
a:hover {
	color: #fff;
	background-color: #039;
	}
p {
	margin: 0 0 15px 0;
	text-align:justify;
	}
h1 {
	font:bold 1.8em Arial;
	line-height: 1.3em;
	color:#121212;
	margin:10px 0 0 0;
	clear:left;
	}
h1 a {
	color: #121212;
	background: inherit;
	}
h1 a:hover {
	color: #E4FFD3;
	background: inherit;
	}
h2 {
	font:bold 1.8em Arial;
	color:#121212;
	margin:10px 0 0 0;
	clear:left;
	}
/*Especifico para el menu seriveces de la izquierda*/
#h3main-first { line-height: 22px; background-color: #d7eafb; color:#383838;margin-top:8px;}
#h3main { line-height: 22px; background-color: #d7eafb; color:#383838;}
/* Hasta aqui*/
h3 {
	color: #808080;
	background: #fff url(../images/arrow-left.png) no-repeat left;
	font: normal 1.1em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	border-bottom-color:#999;
	border-bottom-style:solid;
	border-bottom-width:1px;
	text-transform:uppercase;
	line-height: 22px;
	padding: 5px 10px 5px 25px;
	margin: 0px 0 0 0;
	}
h3 a {
	text-decoration: none;
	background: none;
	color: #808080;
}
h4 {
	font:bold 1.2em Arial;
	color:#039;
	margin:10px 0 5px 0;
	clear:left;
	}
img a{
	color: #fff !important;
}
	
#content {
	width: 960px;
	margin: 0px auto;
	background: #FFF url(../images/fondo-content.jpg) repeat-y center;
	padding: 0px 5px 0px 5px;
	}
#fondo2 {
	width: 960px;
	margin: 0px auto;
	background: url(../images/fondo-logo4.gif) no-repeat bottom right;
	padding: 0px 0px 60px 0px;
	}	
#content h2 {
	font:bold 1.8em Arial;
	color:#121212;
	margin:10px 0 0 0;
	clear:left;
}

/*----------------------------------------------  MENU  ---------------------------------------------------------*/
#menudrop {
	width: 960px;
	margin: 0px auto;
	background: #FFF url(../images/fondo-content.jpg) repeat-y center;
	padding: 0px 5px 0px 5px;
}

#menu {
	
	width: 960px;
	margin: 0px auto;
	background: #FFF url(../images/fondo-content.jpg) repeat-y center;
	padding: 0px 5px 30px 5px;
		
	/*height: 30px;
	margin: 0;
	padding: 0;
	width: 960px;*/
}
#menu ul {
	background: #fff;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#menu li {
	display: block;
	float: right;
/*	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
*/	margin: 0;
	padding: 0;
}
#menu a {
	background: #D0D4D4 url("../images/seperator.gif") bottom left no-repeat;
	color: #000;
	display: block;
	float: left;
	margin: 0;
	padding: 5px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu a:hover {
	background: #000 url("../images/hover3.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 5px;
	}	
/*----------------------------------------------  FIN DEL MENU  ---------------------------------------------------------*/

#banner {
	background: #fff url(../images/logo-crysforma.jpg) no-repeat left;
	width: 960px;
	height: 100px;
	}
#header {
	background: #fff url(../images/header-crysforma.jpg) no-repeat center;
	width: 960px;
	height: 252px;
	}
.col-esquerra {
	font-size: .9em; 
	float: left;
	width: 200px; /*antes, con col-dreta habilitada, tenia 200px y despues funcionando 295px*/
	margin: 0px 0px 10px 40px;
	}
.col-central {
	font-size: .9em; 
	float: left;
	width: 400px;
	margin: 0px 0px 10px 40px;
	}
.col-central h2{
	color: #999!important;
	font: bold 1.2em Arial!important;
	padding: 4px 10px 15px 0px;
	margin: 0 !important;
	}
.col-central ul {
	margin-top: 0px;
	padding-top: 0px;
	text-align:justify;
	list-style-type:square;
	list-style-position:inside;
	}
.col-central-half {
	/*font-size: .9em; */
	background:#D7EAFB;
	float: left;
	width: 180px;
	min-height: 368px;
	margin: 0px 10px 0px 0px;
	padding: 0px 6px 0px 4px;
	}
.col-central-half-dreta {
	/*font-size: .9em; */
	background:#D7EAFB;
	float: left;
	width: 180px;
	min-height: 368px;
	margin: 0px 0px 0px 10px;
	padding: 0px 6px 0px 4px;
	}
.col-dreta {
	font-size: .9em; 
	float: right;
	width: 200px;
	margin: 0px 30px 10px 10px;
	}
/*.last	h2 {
	color:#333;
	margin:10px 0;
	font-size:1.3em;
	}*/
.more {
	border-top: 1px solid #eee;
	padding: 5px 0 0 0;
	}
#footer {
	width: 960px;
	margin: 0px auto;
	padding: 15px 5px 0px 5px;
	background: #eFeFeF url(../images/fondo-content-down-ex.jpg) no-repeat top;
	color: #808080;
	font-size: .9em;
	}
#footer a {
	background: none;
	color: #444;
	text-decoration:none;
	}
#footer a:hover {
	background: none;
	color: #000;
	text-decoration:none;
	}
.right {
	float: right;
	text-align: right;
	font-size: 1em;
	}
#footer .right a {
	background: none;
	margin: 0 0 0 2px;
	padding: 3px 10px;
	}
#footer .right a:hover {
	background: none;
	color: #444;
	text-decoration: underline;
	}
p.destacats {
	background:#f4f4f4;
	padding:6px;
	margin:0 0 10px 0;
/*border-left:5px solid #f0f0f0;*/
/*	line-height: 120%;*/
	}
p.noticies {
	background:#D7EAFB;
	padding:6px;
	margin:0 0 10px 0;
}


/*p.form {
	background:#f4f4f4;
	padding:5px 5px 5px 10px;
	margin:0 0 0px 0;
}
p.form-textarea {
	overflow:auto;
}
p.form-buttons {
	background:#f4f4f4;
	padding:5px 25px 15px 10px;
	margin:0 0 0px 0;
	border-left:5px solid #f0f0f0;
	text-align:right;
}*/

/*---------- formulario -------------*/

form {
	/*margin:10px;*/
	padding: 0 5px;
	background-color: #D6D6D6; 	
}
fieldset {
	border: none;
	padding: 5px;
	line-height: 30px;
}
label{
	float: left;
	width: 90px;
	font-weight: bold;
}
input, textarea{
	padding: 3px;
	width: 280px;
	margin-bottom: 3px;
	margin-top: 3px;
	border:1px solid #eee;
	font: normal 1.0em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
}
textarea{
	height: 100px;
}
.boxes{
	width: 1em;
}
br{
	clear: left;
}
input.button { 
	/*font: bold 12px Arial, Helvetica, sans-serif;*/
	width: 80px;
	height: 24px;
	margin: 0px 5px 5px 298px;
	padding: 2px 3px; 
	color: #FFF;
	background: #039;
	border: 1px solid #fff;
}
input.radio { 
	/*font: bold 12px Arial, Helvetica, sans-serif;*/
	width: 15px;
	height: 14px;
	margin: 0px 0px 0px 5px;
	padding: 0px; 
}

input[disabled="disabled"], input.disabled {
	width: 80px;
	height: 24px;
	margin: 0px 5px 5px 298px;
	padding: 2px 3px; 
	/*color: #FFF;*/
	background: #d7eafb;
	border: 1px solid #fff;
}

/*---------- fin del formulario -------------*/
.open-position {
	color: #444;
	font:bold 1.4em Arial;
	background-color:#CF9;
}

/*------fondo azul destacado------*/
.fondo-azul {
	background-color: #D7EAFB;
	padding: 2px 10px 10px 10px;
}