/* 
Name: CSS general
File: /css/general.css
Author:   Elisabet Hortigüela
Author URI: http://www.elisabethortigüela.es
eMail:   info.ehortiguela@gmail.com
Version: 1.0
Description: CSS general.
*/

/*** NEUTRALITZANT ESTILS: 
	elements que volem netejar completament: ***/
* { 
	margin: 0;
	padding: 0;
	border: none;
}
html, body, form, fieldset {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-shadow: #000 0px 0px 0px; /*Elimina l'efecte bold en Safari*/
	margin:0;
	padding:0;
}
body{height:1000px;}

/*** NEUTRALITZANT ESTILS:
	elements amb marge vertical: ***/
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 1em 0;
	padding: 0;
}

/*** Alguns ajustos bàsics: ***/
li, dd, blockquote {
	margin-left: 1em;
}

/*** LINKS: ***/
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

img {
	border: none;
	text-decoration: none;
	background: #fff;
}

/*** FORMULARIS: ***/
form label, button {
	cursor:pointer;
}

input, select, textarea {
	font-size: 100%;
}

input:focus, select:focus, textarea:focus {
	background-color: #FFF;
}

fieldset {
	border: none;
}

/*** TAULES: ***/
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/*** Algunas clases útiles: ***/
.clear {clear: both;}
.float-left {float: left;}
.float-right {float: right;}


/**/
body{background:#fff url(../img/fons.gif) left top repeat-x;}
/* Capçalera ************************************************/
#cap{
	text-align:center;
	height:137px;
	cursor:pointer;
	}
	
/* Titulars *************************************************/
h1{position:absolute; top:0px;
	font:9px/9px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	}
h1 a{color:#fff;
	}
h2{font:15px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:right;
	margin-top:10px;
	}
h2 strong{font:19px Verdana, Arial, Helvetica, sans-serif;}

#dret_empresa h2,
#dret_organigrama h2,
#dret_medio h2,
#dret_noticias h2,
#dret_producto h2,
#dret_producto2 h2,
#dret_producto3 h2{text-align:left;
	font-weight:bold;
	}
#dret_producto3 h2{margin-top:40px;}

h3{font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-style:italic;
	text-decoration:none;
	}
h4{font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin:20px 0 5px;
	color:#fff;
	cursor:pointer;
	}
h5{font:bold 15px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;margin:8px 0 3px;
	/*margin:13px 0 3px;*/
	padding:0;
	text-align:left;
	}
h5 strong{font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-style:italic;
	text-decoration:none;
	}
#dret_home h5{font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}
h6{font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:8px 0 3px;
}
/* Contingut ************************************************/
#contingut,
#contingut_quienes,
#contingut_mail,
#contingut_zona{width:100%; 
	height:330px;
	text-align:center;
	background:#666;
	}
#contingut{background:url(../img/fotohome2.jpg) left center no-repeat;}
#contenidor{width:1000px;
	margin:0 auto;
	}
.espai{display:block;
	padding:5px 0;
	margin:5px 0;
	}

/*home*/
/* --------------------------------------------------------------- col esq */
#col_esq0{position:absolute;
	width:492px;
	height:330px;
	top:137px;
	right:60%;
	border-right:1px solid #6ab429;border-left:1px solid #6ab429;
	padding:0;
	background:#6ab429;
	}


#col_esq,
#col_esq2{position:absolute;
	width:392px;/*492*/
	height:330px;
	top:137px;
	right:60%;
	border-right:1px solid #6ab429;border-left:1px solid #6ab429;
	padding:0;
	background:#6ab429;
	}
	
#col_esq2{
	border-right:1px solid #012d9a;border-left:1px solid #012d9a;
	background:#012d9a;
	}
	
	
/* ------------------------------------------------------------- fi col esq */

/*dreta_____________________________________________________________________*/
#dret_home{position:absolute;
	left:40%;
	width:644px;/*770*/
	height:330px;
	padding:0 12px;
	text-align:left;
	background:#666;
	}
#dret_empresa,
#dret_organigrama,
#dret_medio,
#dret_noticias{position:absolute;
	left:40%;
	width:644px;/*770*/
	height:330px;
	padding:0 12px;
	text-align:left;
	background:#666;
	}
#dret_producto{
	position:absolute;
	left:57.7%;
	width:290px;
	height:330px;
	padding:0 12px;
	text-align:left;
	background:#666;
	}
#dret_producto2{position:absolute;
	left:19.6%;
	width:290px;
	height:330px;
	padding:0 12px;
	text-align:left;
	background:#666;
	}
#dret_producto3{
	position:absolute;
	left:62%;
	width:240px;
	height:330px;
	padding:0 12px;
	text-align:left;
	background:#666;
	}


/* -------------------------------------------------------------------- mig */
#mig_home{float:left;
	width:236px; /*260-24= 236*/
	height:330px;
	border-right:1px solid #7d7d7d;
	margin-right:1px;
	padding:0 12px 0 0;
	text-align:center;
	}
.mig{margin-top:18px;}
/* ----------------------------------------------------------------- fi mig */
#espaidret{float:right;width:250px; height:1px;
	}
/* --------------------------------------------------------------- noticies */
#noticies{float:left;
	width:259px;
	height:330px;
	border-left:1px solid #959595;
	border-right:1px solid #959595;
	font:11px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-right:126px;
	text-align:left;
	}
.not{}
h3#titnot{
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:6px 7px;
	background-color:#767676;
	border-bottom:1px solid #959595;
	}
#noticies .data{padding:0 7px;}
#noticies h5{padding:0 7px;
	font-weight:bold;
	color:#000;
	margin-bottom:2px;
	}
#noticies p{padding:0 7px;}
.not h6{width:259px;
	font:11px/13px Verdana, Arial, Helvetica, sans-serif;
	}
#noticies h6 a{ display:block;
	width:245px;/*259-7-7=245*/
	padding:0 7px;
	text-align:right;
	border-top:1px dotted #959595;
	border-bottom:1px solid #959595;
	background-color:#767676;color:#fff;
	}
#noticies h6 a:hover{
	color:#000;
	background-color:#fff;
	}
/* -------------------------------------------------------------- fi noticies */
/* fi home */


/* quienes somos */
/* --------------------------------------------------------------- col esq */
#col_esq2{
	border-right:1px solid #012d9a;
	}
	
/* --------------------------------------------------------------- col dreta */
#dret_empresa p{font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	width:489px;
	}
#dret_empresa p strong{font-weight:bold;
	color:#000;
	}
/*taula dades*/
#dades, 
#dades2{color:#fff;
	margin-top:25px;
	}
#dades2{margin-top:0px;margin-bottom:8px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	}
caption{font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	height:5px;
	}
.def{font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	width:85px;
	height:20px;
	color:#000;
	}
#dades a{color:#fff;text-decoration:none;
	}
#dades a:hover{color:#000;text-decoration:underline;
	}
/* fi quienes somos */

/* organigrama */
#org{width:590px;
	height:280px;
	}
#org_esq{float:left;
	width:265px;
	}
#org_dret{float:right;
	width:320px;
	}

#dret_organigrama p{font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	width:289px;
	}
#dret_organigrama p strong{font-weight:bold;
	color:#000;
	}
a.link_org{color:#000;
	text-decoration:none;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	}
a.link_org:hover{text-decoration:underline;
	color:#fff;
	}

/*medio_ambiente*/
#dret_medio p{width:450px;
	color:#fff;
	}
.scroll,
.scroll2{
	overflow:scroll;
	overflow-x:hidden;  
	width:475px; 
	height:240px;
	}

/* noticies */
#dret_noticias p{width:450px;
	color:#fff;
	}
#dret_noticias p.dia{
	color:#000;
	font-weight:bold;
	}
.scroll2{width:475px; 
	height:275px;
	}
hr{width:445px;  height:1px; overflow:hidden; margin-bottom:5px;
	border-top:1px solid #ccc;
	}
#dret_noticias a{color:#000;
	text-decoration:none;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	}
#dret_noticias a:hover{text-decoration:underline;
	color:#fff;
	}



/* Producto ___________________________________________________________________*/
#dret_producto p,
#dret_producto2 p,
#dret_producto3 p{width:290px;
	color:#fff;
	}
#dret_producto3 p{width:260px;}
#dret_producto p strong,
#dret_producto2 p strong,
#dret_producto3 p strong{font-weight:bold;
	color:#000;
	}

#col_esq3, 
#col_esq5{position:absolute;
	width:335px;
	height:330px;
	top:137px;
	right:53%;
	border-left:1px solid #fff;
	padding:0 0 0 8PX;
	background:#666;
	text-align:left;
	}
#col_esq4{position:absolute;
	width:335px;
	height:330px;
	top:137px;
	left:45%;
	border-left:1px solid #fff;
	padding:0 0 0 8PX;
	background:#666;
	text-align:left;
	}
#col_esq3 img,
#col_esq4 img{
	padding:3px;
	background:#666;
	border:1px solid #ccc;
	}
#col_esq5{width:485px;
	right:41.1%;
	z-index:10;
	}

#fotoprod{position:absolute;
	top:45px;
	left:190px;
	
	}



/* Menu ******************************************************/
#menu{text-align:left;
	width:770px;
	margin:0px auto;

	}
#men_htm{
	visibility:hidden;
	
	}
#men_htm a{color:#666;
	margin:5px;}
#men_htm a:hover{
	text-decoration:underline;}
#men_htm a.principal{
	font-weight:bold;
	
	}
.lili{
	font-weight:bold;
	color:#b8c5d4;
	}
.espai1{margin:0 38px;
	color:#fff;}
	
	
#submen a.subm,
#submen a.actiu{display:block;
	color:#fff;
	width:241px;
	height:11px;
	margin-left:-8px;
	padding:2px 0 2px 5px;
	background:#666 url(../img/nofletxa.gif) left center no-repeat;
	}	
#submen a span{
	padding:0 5px 0 3px;
	background:#666;
	}
#submen a.actiu,
#submen a:hover{background:#666 url(../img/fletxa.gif) left center no-repeat;
	}
.nohay{color:#fff;
	font:10px Verdana, Arial, Helvetica, sans-serif;}

a.video{position:relative;
	margin-top:40px;
	width:200px;
	height:52px;
	padding:40px 70px 20px;
	background:url(../img/video/vid.jpg) left center no-repeat;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;	
	text-decoration:none;	
	}
a.video:hover{
	background:url(../img/video/vid_h.jpg) left center no-repeat;		
	}
	
	
/*formulari*/
#entrades_form{width:510px;
	}
#entrades_form td{width:245px;
	}
#entrades_form td.doble{width:500px;}

input{
	width: 115px;
	}
input.entradadoble,
textarea.entradadoble{width: 370px;
	}
label {float: left;
	text-align: left;
	width: 125px;
	margin-right: 2px;
	padding-top: 2px;
	font-weight:bold;
	}

.formpeu {text-align:center;
	width:510px;
	margin-top:10px;
	}
input.buto{
	color:#fff;
	font-weight:bold;
	background:#000;
	margin:0 10px;
	}
input.buto:hover{
	color:#000;
	background:#6FA930;
	cursor:pointer;
	}

input:focus{background:#6FA930;}
textarea:focus{background:#6FA930;}	
	
/*video*/
#dret_video{position:absolute;
	top:0px;
	left:40%;
	margin-top:35px;
	z-index:50;
	border:2px solid #fff;
	background:#fff;
	}

/*css pel safari*/
/*\*/ html* caption{
	height:20px;
	}


/* canvis */
#col_esq h2{ 
	position:absolute;
	z-index:10;
	margin-left:165px;
	font-size:14px;
	margin-top:6px;
	text-align:right;
}
#mig_home h2{}

#dret_home h2{font:15px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	margin-top:10px;
	margin-bottom:5px;
	}
.videosHome{
	border-bottom:1px solid #959595;
	padding:10px 0 2px;
	margin-bottom:0px;
}
a.video2{ display:block;
	width:170px;
	height:43px;
	background:url(../img/video/vid.jpg) left center no-repeat;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;	
	text-decoration:none;	
	text-align:left;
	padding:15px 0 0 65px;
	}
a.video2 strong{
	color:#99d466;
	font-size:13px;
	display:block;
} 
a.video2:hover{
	background:url(../img/video/vid_h.jpg) left center no-repeat;		
	}
.espai2{display:block;
	height:10px !important;
	}