@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) central stylesheet - layout example "2col_right_31"
 * (de) Zentrales Stylesheet - Beispiellayout "2col_right_31"
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.3
 * @revision        $Revision: 118 $
 * @lastmodified    $Date: 2007-08-18 16:03:42 +0200 (Sa, 18 Aug 2007) $
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../css/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(../css/navigation/nav_shinybuttons.css);
@import url(../css/screen/basemod.css);
@import url(../css/screen/basemod_2col_right_13.css);
@import url(../css/screen/content.css);
@import url(../css/typography/typography.css);

/* import print layout | Druck-Layout einbinden */
@import url(../css/print/print_100_draft.css);
#col1 p { font-family: Verdana, sans-serif;}
h2{
background: url(../images/underline-h2.gif) repeat-x 100% 100%;
white-space: nowrap;
padding: 0.5em 0 0.3em 0;
margin: 0.65em 0;
border-top: #333 1px solid;
}
h2:first-child {
	background: url(../images/underline-h2.gif) repeat-x 100% 100%;
	white-space: nowrap;
	padding:0 0 0.3em 0;
	margin: 0 0 0.65em 0;
	border-top: #E5E5E5 0px solid;
}
h2 img { 
	margin: 0 0 8px; 
	}
h3{
	color:#00ABEC;
	font-weight: bold;
	/*border-bottom: #3F3F3D 1px dashed;*/
	background: transparent url(../images/underline-h3.gif) repeat-x 100% 100%;
	white-space: nowrap;
	padding-bottom: 4px;
	font-size: 13px;
	padding-bottom: 1em;
	margin-bottom: 1.5em;
}
h3 span {
	font-weight: normal;
}
h4{
	font-weight: normal;
	background: transparent url(../images/underline-h4.gif) repeat-x 100% 100%;
	white-space: nowrap;
	padding-bottom: 4px;
	padding-bottom: 1em;
	margin-bottom: 1.5em;
}
h4 span{
	font-size:85%;
}
li span{
	color:#00ABEC;
	font-weight: bold;
	padding-bottom: 4px;
	font-size: 12px;
	padding-bottom: 0;
	margin-bottom: 0.2em;
}
#col1 ul a{
	color:#222222;
	text-decoration:none;
	display: block;
	height:60px;
}
#col1 li a:hover{
	text-decoration:none;
	background:#fff;
	display: block;
}
#col1 ul{
	margin:0;
	padding:0;
}
#col1 li{
	list-style:none;
	margin:0;
	padding:0.5em 0;
}
#col1 li img{
	float:right;
	margin:0 0 0 5px;
	padding:0;
}
p {
	text-align: left;
	}
#header span {
		font-size:50%;
		font-weight:bold;
	}
#topnav a:hover {
	color:#00ABEC;
}
#footer{
	margin-top: 5px; padding:0;
	background: url(../images/underline-foot.gif) repeat-x 0 0;
	white-space: nowrap;
	}
.req{
	width:100%;
	background:#4D4D4D;
	margin: 0 0 10px 0;
}
.req h3 {
	margin:0px;
	padding:10px 1px 9px 11px;
	font-weight:normal;
	font-size:120%;
	color:#CBCBCB;
	background:#2c3031;

}
.req h3 span{
	color:#fff;	
}
.req h4 {
	margin:0px;
	padding:10px 1px 8px 11px;
	font-weight:normal;
	font-size:120%;
	color:#00ABEC;
	background: transparent;
}
.req p {
	margin:0px;
	padding:0px 1px 13px 11px;
	font-weight:normal;
	font-size:100%;
	color:#fff;
}
.req img{
	margin:0;
}
.req span{
	font-size:80%;
}
#noti{
	height:70%;
	width:100%;
	background:#4D4D4D;
	padding: 0 0 10px 0;
}

#noti h3 {
	margin:0px;
	padding:10px 1px 2px 11px;
	font-weight:normal;
	font-size:200%;
	color:#fff;
	background:#2c3031;
}
#noti h6{
	color:#fff;
	font-size:80%;
	font-weight:normal;
	font-style:normal;
	background:#2c3031;
	padding:0 1px 4px 11px;
	margin:0px;	
}
.vScrol{
	padding:10px;
}
#noti ul{
	margin:0;
}
#noti ul li{
	list-style:none;
	padding: 10px 0 ;
	color:#fff;
	background: url(../images/underline-noti.gif) repeat-x 100% 100%;
	margin:0;
	text-align: left;
}
#noti ul li span{
	font-weight:bold;
	color:#00ABEC;
}
#noti ul li a{
	font-style: italic;
	text-decoration:none;
	font-weight:normal;
	color:#00ABEC;
}
#noti ul li a:hover{
	text-decoration:underline;
	font-weight:normal;
	color:#00ABEC;
}
#scrol{
	margin: 0 0 10px 0;
	padding:8px;
	text-align:center;
	background:#2C3031;
}
#scrol img {margin:0;}
#scrol button{ border-style:none;
	background-color: #2c3031;
}
noscript{
	position:absolute;
	top:0;
	left:400px;
	background:#FBE3E4 none repeat scroll 0%;
	border:#FBC2C4 2px solid;
	color:#D12F19;
	width: 30em;
	padding:10px;
}
 img { behavior: url(../js/iepngfix.htc) }
#col1 .listlink{
	float:left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	width:170px;
}
#col1 .listlink li{
	padding:2px 0 2px 16px;
	
}
#col1 .listlink .actiu{
	background-image: url(../images/li-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0%;
	padding-left: 16px;
	font-weight:bold;
}
#col1 .listlink li a{
	color:#000;
	text-decoration:none;
	display: block;
	height:auto;
}
#imatgesRef {
	margin-left:15px;
	width:445px;
	height: auto;
	float:left;
}
#col1 #listmarg {
	padding-right:5px;
}
#col1 .listREF {
	float:left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	width:312px;
}

#col1 .listREF dt{
	color:#00ABEC;
	font-weight:bold;
	padding: 0;
	margin: 0;
}
#col1 .listREF dd{
	padding: 0;
	margin: 0;
}
#col1 .scrol{
	margin:25px 0 0;
	padding:2px;
	text-align:right;
	border-top:1px #333 solid;
	border-bottom:1px #333 solid;
}
#col1 .scrol img {margin:0;}
#col1 .scrol button{ border-style:none;background:transparent;}
#col1 #listnews {
	width:100%;
}
#col1 #listnews dt{
	color:#fff;
	background:#00ABEC;
	font-weight:normal;
	padding: 2px 5px 2px 5px;
	margin: 0 0 5px 0;
}
#col1 #listnews dd{
	background:#CBCBCB;
	font-weight:normal;
	padding: 5px;
	margin: 0 ;
}
#col1 #listnews p{
	padding: 0;
	margin: 0 0 0px 0;
	background: #e5e5e5 url(../images/underline-h3.gif) repeat-x 50% 50%;
}
#col1 #listnews dd span{
	color:#008DC5;
	font-size:130%;
}
.botonera {
	background:#00ABEC;
	padding:2px;
}
.botonera button {
	border-style:none;background:transparent;
	border-right:#fff 1px solid;
	
	color:#fff;
	margin:0px;
	padding:0px;
	text-align:center;
}
.BRclear{clear:both;}
/* CONTACT*/
#imgContact{float:left;width:243px; height:230px;background:#000;}
#formulari {float:right;width:380px;}
.underline{
	height:60px;
	background: transparent url(../images/underline-h3.gif) repeat-x 100% 100%;
	white-space: nowrap;
	padding-bottom: 0px;
	margin-bottom: 0;
}
form ul{display:block;list-style:none;}
form ul li {float:left;padding:105px;display:block;}
label, textarea{float:left;clear:both;font-size:85%;}
input, textarea{float:left;clear:both; margin-right:10px;border:none;padding:3px;}
#enviar {float:right;background:#00ABEC; color:#fff;padding:0 5px;}
.imgContact{float:right;margin-left:25px;}
.linea{border-bottom:1px #333 solid;margin-bottom:15px;}
#dadesCnt li{float:left;padding:0; }
#dadesCnt #li1{width:150px;}
#dadesCnt #li2{width:210px;padding-right:10px;}
#dadesCnt #li3{width:240px;}
.imgH3{margin:0 0 8px 0;padding:0 ;}
.noticia dd{ text-align:left;}
/*juntas*/
.psang{width:400px;margin:0;}
.blau{color:#00ABEC;}
#junta dt{color:#00ABEC;font-size:110%;font-weight:bold;
	background: transparent url(../images/underline-h3.gif) repeat-x 100% 100%;
	white-space: nowrap;
	padding-bottom: 0px;
	margin-bottom: 0;
	}
#junta dd{margin:0;}
.specs {width:30%;float:left;margin-right:8px;}
.pic{margin-left:100px;margin-top:25px;}
.linea2{border-top:3px #333 solid;}

#paneles dt{color:#00ABEC;font-size:110%;font-weight:bold;
	background: transparent url(../images/underline-h3.gif) repeat-x 100% 100%;
	white-space: nowrap;
	padding-bottom: 0px;
	margin-bottom: 0;
	}
#paneles dd{margin:0;}
.det {width:50%;float:left;font-size:80%;}
#paneles img {margin-top:15px; margin-bottom:30px;}
table#estaticas {
	text-align: center;
	color: #fff;
	width: 570px;
	background-color: #00ABEC;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 1px;
	margin:0 auto 10px;}

table#estaticas td {
	padding: 5px;
	border: 1px #e5e5e5 solid;
	}

table#estaticas td.tit {
	text-align: left;
	font-weight: bold;
	}
p#estaticas{font-size:85%; margin:0 auto 30px;color:#333;}
.superscript{vertical-align: super;font-size:60%;}
table#materiales{text-align: left;font-size:80%;float:right;border: 0px;}
table#materiales td.tit {color:#00ABEC;}
table#materiales td {vertical-align: top;border: 0px;}
.ptit {font-size:50%;}
p#carac {font-size:80%;}
/*descargas*/
.desc{float:right;margin-top:-25px;border:0;}
.chapa{float:right;margin-top:-80px;margin-right:-15px;border:0;}
/* html nav menu*/
	#nav {
		margin: 0;
		padding: 0;
		background: #333;
	}

	#nav li.on ul, #nav li.off ul {
		margin: 0;
		padding: 0;
	
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 15px;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul { /*put the subnav below*/
		position: absolute;
		top: 160px;
		*top: 160px;
		left: 10%;
		padding-top: 8px;
		background: #00ABEC;
		height: 28px;
		width: 740px;
	}

	#nav li a {
		color: #fff;
		font-weight: bold;
		display: block;
		height: 15px;
		width: 100px;
		border: 2px solid #d6e3b0;
		padding: 5px;
	}

	#nav li.on a {
		border: 2px solid #7a8566;
		color: #7a8566;
	}

	#nav li.on ul a, #nav li.off ul a {
		float: left; /*ie doesn't inherit the float*/
		border: 0;
		color: #fff;
		width: auto;
		margin-right: 5px;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul {
		display: block;
		z-index: 6000;
				}

	#nav li.off a:hover, #nav li:hover a {
		background: #00ABEC;
		color: #000;
	}