/* =========================== Capcelera ============================ */
.header{
	height: 200px;
	background: #fff;
}
.header .logo{	
	width: 20%;
	background: url("../img/logo.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
	height: 200px;
	float: left;
	color: #000;

}
.header .menu{	
	width: 60%;
	float: left;
}

.menu a{
	width: 25%,
	height: 85%;
}
.item_alarmes{
	width: 20%;
	float: left;
	background-image: url("../img/alarma2.png");
	background-repeat: no-repeat;
	background-size: 85%;
	height: 200px;
}
.item_alarmes:hover{
	background-image: url("../img/alarma1.png");
	cursor: pointer;
}
.item_camares{
	width: 20%;
	float: left;
	background-image: url("../img/video2.png");
	background-repeat: no-repeat;
	background-size: 85%;
	height: 200px;
}
.item_camares:hover{
	background-image: url("../img/video1.png");
	cursor: pointer;
}
.item_play{
	width: 20%;
	float: left;
	background-image: url("../img/play2.png");
	background-repeat: no-repeat;
	background-size: 85%;
	height: 200px;
}
.item_play:hover{
	background-image: url("../img/play1.png");
	cursor: pointer;
}
.item_grandpacks{
	width: 20%;
	float: left;
	background-image: url("../img/grandpacks2.png");
	background-repeat: no-repeat;
	background-size: 85%;
	height: 200px;
}
.item_grandpacks:hover{
	background-image: url("../img/grandpacks1.png");
	cursor: pointer;
}
.item_contacte{
	width: 20%;
	float: left;
	background-image: url("../img/grup2.png");
	background-repeat: no-repeat;
	background-size: 85%;
	height: 200px;
}
.item_contacte:hover{
	background-image: url("../img/grup1.png");
	cursor: pointer;
}


/*************************** Social *******************************/
.social {
	width: 20%;
	height: 200px;
	float: left;
	color: #000;
}
.facebook{
	width: 33.3%;
	float: left;
	background-image: url("../img/facebook1.png");
	background-repeat: no-repeat;
	background-size: 85%;
	height: 20%;
}
.facebook:hover{
	background-image: url("../img/facebook2.png");
	cursor: pointer;
}
.twitter{
	width: 33.3%;
	float: left;
	background-image: url("../img/twitter1.png");
	background-repeat: no-repeat;
	background-size: 85%;
	height: 20%;
}
.twitter:hover{
	background-image: url("../img/twitter2.png");
	cursor: pointer;
}
.google{
	width: 33.3%;
	float: left;
	background-image: url("../img/google1.png");
	background-repeat: no-repeat;
	background-size: 85%;
	height: 20%;
}
.google:hover{
	background-image: url("../img/google2.png");
	cursor: pointer;
}
.tel{
	width: 90%;
	float: right;
	background-image: url("../img/telefono.jpg");
	background-repeat: no-repeat;
	background-size: 85%;
	height: 33.3%;
}
/*************************** cos *******************************/
.cos{
	height: 1500px;
	background: #fff;
	text-align: center;
	
}
.esquerra{
	float: left;
	width: 100%;
	text-align: justify;
	margin-top: -100px;
}
.subscripcio{
	text-align: center;
	width: 240px;
	margin-bottom: 10px;
}

.centre{
	float: right;
	width: 50%;
	min-height: 600px;
	text-align: center;
	padding-left: 0%;
	padding-right: 0%;
	margin-top: -650px;
}
.centre p{
	text-align: justify;
}
.centre li{
	text-align: justify;
}
.mon{
	
}
.dreta{
	float: left;
	text-align: center;
}





.peu{
	
}

/********************* estils originals ****************************/

.Estilo8 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.Estilo8 a{text-decoration: none; color: #fff;}
.Estilo9 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; }
.Estilo10 {font-size: 8px}
.Estilo13 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }
.Estilo15 {font-size: 10px}


/* CSS para la animación y localización de los DIV de cookies */
@keyframes desaparecer
{
0%	{bottom: 0px;}
80%	{bottom: 0px;}
100%	{bottom: -50px;}
}
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%	{bottom: 0px;}
80%	{bottom: 0px;}
100%	{bottom: -50px;}
}
@keyframes aparecer
{
0%	{bottom: -38px;}
10%	{bottom: 0px;}
90%	{bottom: 0px;}
100%	{bottom: -38px;}
}
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%	{bottom: -38px;}
10%	{bottom: 0px;}
90%	{bottom: 0px;}
100%	{bottom: -38px;}
}
#cookiesms1:target {
display: none;
}
.cookiesms{	
width:100%;
height:43px;
margin:0 auto;
padding-left:1%;
padding-top:5px;
text-align: center;
clear:both;
font-size: 10px;
font-weight: strong;
color: #fff;
bottom:0px;
position:fixed;
left: 0px;
background-color: #000;
opacity:0.8;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #000;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute;
left:1%;
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
}
/* Fin del CSS para cookies */