/*
 *                Full d'estils
 *          Plataformas Aereas Altex
 *                Perception.es
 */

a {
    text-decoration: none; color: #000000;
}

body {
    background: #fff url('../img/fons.jpg') repeat-x;
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    margin: 0px;
}
h2{ font-family:Trebuchet MS, arial, verdana, sans-serif; margin-top:0.2em; margin-bottom:0.5em; }

img {
    border: 0px;
} 

div#cap {
    height: 51px;
    margin: 0px auto;
    margin-top: 23px;
	margin-bottom:5px;
    text-align: center;
    width: 980px; 
}

div#cap .logo {

    float: left;
    padding: 0px;
}


div#cap #idiomes a {
    color: #7d7d7d;
    text-decoration: underline;
}
div#cap #idiomes a.actiu {
    color: #a8a8a8;
}
div#cap #idiomes a:hover {
    color: #a8a8a8;
    text-decoration: none;
}

div#cap #menu {
	width:79%;
	background-image:url(../img/menu/middle-menu.jpg);
	background-repeat:repeat-x;
	float:right;
	height:45px;
	background-color:#C60000;
    font-size: 13px;
    color:#FFFFFF;
	font-family:Trebuchet MS, arial, verdana, sans-serif; 

}
div#cap #menuInner { background-image:url(../img/menu/left-menu.jpg);background-position:left;background-repeat:no-repeat; 	height:45px;}
div#cap #menuInner2 { background-image:url(../img/menu/right-menu.jpg);background-position:right;background-repeat:no-repeat; 	height:45px; 	text-align:left;}


div#cap #menu a {
	color:#FFFFFF;

	float:left;
	display:block;
	font-size:1.1em; 
	font-weight:bold;
	padding-top:13px;
	padding-left:15px;
	padding-bottom:12px;
	padding-right:15px;
	letter-spacing:0.05em;

}
div#cap #menu #idiomes  { float:right; padding-top:12px ; padding-right:30px;}
div#cap #menu #idiomes a { float:none; font-size:0.8em; margin:0; padding:0; display:inline; }
div#cap #menu .MenuSeparator{ background-image:url(../img/menu/middle-separator.jpg); height:41px; float:left; width:3px;
margin-top:2px;}

div#cap #menu a:hover , div#cap #menu a.actiu { 
    color:#750000;
}

div#cap #menu a.primer{
    border-width: 0px;
}

div#cos {
    margin: 0px auto;
    width: 980px;  
}

div#cos h1 {
    background: transparent url('../img/linia-horitzontal.jpg') repeat-x bottom;
    color: #323232;
    font-size:1.5em;
    font-weight: bold;

    padding-bottom: 3px;
	font-family:Trebuchet MS, arial, verdana, sans-serif;
	 margin-top:0.1em;
	  margin-bottom:0.4em;  }

}
div#cos .titol a {
    color: #323232;
}
div#cos .titol a.vermell {
    color: #ac1b18;
}
/*
 *      Portada
 */


div#cos #imatge_productes {
font-family:Trebuchet MS, arial, verdana, sans-serif; margin-top:0.2em; margin-bottom:0.5em;
    background: transparent url('../img/imatge_producte1.jpg') no-repeat;
    float: left;
    height: 254px;
    width: 542px;
}

div#cos #imatge_productes div {
    padding-top: 25px;
    padding-left: 30px;
    width: 300px;
}

div#cos #imatge_productes div b {
    color: #bf252d;
    display: block;
}

div#cos #imatge_productes div span {
    color: #343434;
    font-size: 20px;
}

div#cos .capsa1 {
    background-color: #f0f0f0;
    border: 1px solid #fff;
  
    float: right;
    line-height: 13px;
    padding: 10px;
    width: 410px;
}
div#cos .separacio {
    background: transparent url('../img/linia-horitzontal.jpg') repeat-x center;
    clear: right;
    float: right;
    height: 8px;
    width: 430px;
	font-size:8px;
	margin-bottom:4px;
	margin-top:1px;
   
}



div#cos .capsa2 {
    background: transparent url('../img/servicios.jpg') no-repeat;
    float: right;
    height: 116px;
    margin-right: 6px;
    width: 240px;
}

div#cos .capsa2  h2 {
display:block;
    color: #bf252d;
    font-size: 12px;
    font-weight: bold;

    padding-left: 5px;

	font-size:1.5em;
}
div#cos .capsa2  h2 a{    color: #bf252d;}


div#cos .capsa3 {
    background: transparent url('../img/dondeestamos.jpg') no-repeat;
    float: right;
    height: 116px;
    width: 177px;
    margin-left: 5px;
}
div#cos .capsa3 h2{
	font-size:1.5em;
    color: #bf252d;
    font-weight: bold;
    padding-top: 0px;
    padding-left: 5px;
}
div#cos .capsa3  h2 a{    color: #bf252d;}


div#cos .RoundedBox{
	background-image:url(../img/roundsquare/top-left.gif); background-repeat:no-repeat;background-position:left top;
	margin-bottom:0.5em;
	margin-top:0.32em;
}


div#cos .RoundedBoxInner1{ background-image:url(../img/roundsquare/bottom-left.gif); background-position:left bottom; background-repeat:no-repeat;   }

div#cos .RoundedBoxInner2{ background-image:url(../img/roundsquare/top-right.gif); background-position:top right; background-repeat:no-repeat;   }
div#cos .RoundedBoxInner3{ background-image:url(../img/roundsquare/bottom-right.gif); background-position:bottom right; background-repeat:no-repeat;  }
div#cos .RoundedBoxInner4{ padding-left:6px; padding-right:6px; padding-top:5px; padding-bottom:6px;  overflow: hidden; _display: inline-block;  }

div#cos .RoundedBoxInnerContingut{ padding:15px; overflow: hidden; _display: inline-block; font-size:1.1em;  }
div#cos .RoundedBoxInnerContingut p{  margin-top:0.2em; line-height:1.6em; }
div#cos .RoundedBoxInnerContingut a{ color:#AC1B18;}
div#cos .RoundedBoxInnerContingut h2{ font-size:1.2em;}





div#cos .RoundedBox .separador {
    background: transparent url('../img/linia-vertical.gif') repeat-y center;
    float: left;
    height: 162px;
    margin: 2px;
    width: 1px;
}

div#cos .RoundedBox .producte {
    float: left;
    height: 162px;
    width: 157px;
}
div#cos .RoundedBox .producte span {
	 font-family:Trebuchet MS, arial, verdana, sans-serif; margin-top:0.2em; margin-bottom:0.5em;

    color: #bf252d;
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    padding: 60px 30px 30px 30px;
    text-align: center;
}
div#cos .RoundedBox .producte:hover span {
    color: #000;

}


div#cos .RoundedBox .producte:hover {
    background-position: bottom center;
}

div#cos .RoundedBox .prod1 {
    background: transparent url('../img/producte1.jpg') no-repeat top;
}
div#cos .RoundedBox .prod2 {
    background: transparent url('../img/producte1.jpg') no-repeat top;
}
div#cos .RoundedBox .prod3 {
    background: transparent url('../img/producte1.jpg') no-repeat top;
}
div#cos .RoundedBox .prod4 {
    background: transparent url('../img/producte1.jpg') no-repeat top;
}
div#cos .RoundedBox .prod5 {
    background: transparent url('../img/producte1.jpg') no-repeat top;
}
div#cos .RoundedBox .prod6 {
    background: transparent url('../img/producte1.jpg') no-repeat top;
}


/*
 *      Interior productes
 */


div#cos .menu_productes {  
	overflow: hidden; _display: inline-block;
	padding-top:6px;
	padding-left:3px;


}

div#cos .menu_productes .separador {
    background: transparent url('../img/linia-vertical.gif') repeat-y center;
    float: left;
    height: 35px;
    margin: 2px;
    width: 1px;
}

div#cos .menu_productes .producte {
    background: transparent url('../img/menu156.jpg') no-repeat top;
    float: left;
    height: 37px;
    width: 157px;

	
}
div#cos .menu_productes .producte span {
    color: #bf252d;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 13px 0px;
    text-align: center;
}
div#cos .menu_productes .producte:hover span, div#cos .menu_productes .actiu span {
    color: #000;
}

div#cos .menu_productes .producte:hover , div#cos .menu_productes .actiu {
    background-position: bottom center;

}



div#cos .capsa_general {
	background: #fff url('../img/degradat.jpg') repeat-x top;


}


div#cos .capsa_general .esquerra {
    float: left;
	padding-right:10px; 
	padding-top:10px;
	padding-bottom:10px;

}

div#cos .capsa_general .esquerra img {
    border: 2px solid #c83a26;
}


div#cos .capsa_general .dreta {
    float: left;
    padding: 10px 5px 10px 0px;
    width: 670px;
}

div#cos .capsa_general .dreta .subtitol {
    color: #c83a26;
    font-weight: bold;
    text-transform: uppercase;
}

div#cos .capsa_general .dreta .seccio {
    background: transparent url('../img/linia-horitzontal-vermella.jpg') repeat-x bottom;
    color: #c83a26;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

div#cos .capsa_general .dreta .apartat {
    color: #c83a26;
    display: block;
    font-weight: bold;
    margin-top: 10px;
}

div#cos .capsa_general .dreta .linia_vermella {
    background: transparent url('../img/linia-horitzontal-vermella.jpg') repeat-x top;
    height: 1px;
    margin-top: 5px;
}

div#cos .capsa_general .dreta .model {
    background: transparent url('../img/linia-horitzontal-vermella.jpg') repeat-x bottom;
    color: #c83a26;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
div#cos .capsa_general .dreta .model img {
    margin-right: 5px;
    vertical-align: middle;
}
div#cos .capsa_general .dreta .model a {
    color: #c83a26;
}
div#cos .capsa_general .dreta .model a:hover {
    color: #333333;
}

div#cos .capsa_general .dreta .versio {
    background: transparent url('../img/menu334.jpg') no-repeat top;
    float: left;
    height: 33px;
    line-height: 20px;
    width: 334px;
}
div#cos .capsa_general .dreta .versio span {
    color: #333;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0px;
    text-align: center;
}
div#cos .capsa_general .dreta .versio:hover span {
    color: #bf252d;
}

div#cos .capsa_general .dreta .versio:hover {
    background-position: bottom center;
}

div#cos .capsa_general .dreta .altura {
    background: transparent url('../img/menu127.jpg') no-repeat top;
    float: left;
    height: 31px;
    line-height: 18px;
    margin-right: 7px;
    width: 127px;
}
div#cos .capsa_general .dreta .altura span {
    color: #333;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0px;
    text-align: center;
}
div#cos .capsa_general .dreta .altura:hover span {
    color: #bf252d;
}

div#cos .capsa_general .dreta .altura:hover {
    background-position: bottom center;
}











/*
 *      Generals
 */


div#cos .capsanoticies {
    background:  url('../img/degradat.jpg') repeat-x ;
	background-position: 5px 5px;
    line-height: 14px;
	margin-top:0px;

	overflow: hidden; _display: inline-block;
}
.NoticiesLink{ float:right; color:#BF252D; padding-right:5px; font-weight:bold;}


div#cos .capsanoticies .noticia {
    background: transparent url('../img/linia-vertical.gif') repeat-y left;
    color: #323232;
    float: left;
    margin-top: 5px;
    padding: 10px;
    width: 295px;
	overflow: hidden; _display: inline-block;
}
div#cos .capsanoticies .primera {
    background-image: none;
	overflow: hidden; _display: inline-block;
}
div#cos .capsanoticies .noticia .data {
    color: #b70924;
}
div#cos .capsanoticies .noticia b {
    display: block;
}


div#peu {
    color: #515151;
    font-size: 11px;
    margin: 0px auto;
    width: 980px;     
}

div#peu span {
    color: #9b9b9b;
}

div#peu img {
    vertical-align: middle;
}

div#peu .dreta {
    float: right;
    color: #ab4543;
}

div#peu .dreta a {
    color: #ab4543;
    text-decoration: none;
}
div#peu .dreta a:hover {
    text-decoration: underline;
}

div.franja {
    background: transparent url('../img/franja.jpg') repeat-x;
    height: 10px;
    width: 100%;
}
div.clear {
    clear: both;
    height: 0px;
	font-size:0px;
}

.vermell {
    color: #ab4543;
}

.ImgDecoration{	border: 2px solid #D81E14;}
.ContMap{

	width:580px;
	height:420px;
	float:left;
	margin-right:20px;

	margin-left:10px;
}
.Input{
	border: 1px solid #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

#contacte-left{
	width:330px;
	float:left;
}

.ServeisLink{ padding-bottom:85px; display:block;  }
.LocalitzacioLink{ padding-bottom:85px;  display:block;  }
.ServiciosLink{ padding-bottom:85px; display:block;  }
.LocalizacionLink{ padding-bottom:65px;  display:block;  }
.MiniFoto{  margin:2px; float:left; }

.LinkNoticies{ color:#CC0000; }

.ContNoticia{ width:45%; float:left; margin-right:35px; margin-bottom:15px;}
.ContNoticia .data { color: #b70924;}

.ProductCont{ float:left; position:relative; height:227px; width:293px; margin:10px; }
.ProductCont .ProductContInner{ position:absolute; bottom:10px; left:0px; color:#FFFFFF; text-align:center; display:block;width:292px; font-weight:bold;      }
div#cos .ProductCont  a{ color:#FFFFFF; display:block; height:227px; }

.enllas-java{
cursor:pointer;
}