@charset "iso-8859-1";
/* CSS Document */



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #19242a;
	background-image: url(../imgs/fons.jpg);
	background-position:top;
	background-repeat:  repeat-x;
}
.text {
	font-family: Lucida Sans Unicode, Lucida Grande;
	font-size: 11px;
	color: #616366;
	text-decoration:none;
	line-height:18px;
}
.text2 {
	font-family: Lucida Sans Unicode, Lucida Grande;
	font-size: 11px;
	color: #ffffff;
	text-decoration:none;
}
.titol {
	font-family: Lucida Sans Unicode, Lucida Grande;
	font-size: 13px;
	font-weight:bold;
	color:#616366;
	text-decoration:none;
}
.titol2 {
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.titol3 {
	font-family: Lucida Sans Unicode, Lucida Grande;
	font-size: 11px;
	font-weight:bold;
	color: #000000;
	text-decoration:none;
}
.titol4 {
	font-family: "Trebuchet MS";
	font-size: 24px;
	font-weight:bold;
	color: #000000;
	text-decoration:none;
	line-height:30px;
}
.titol5 {
	font-family: Lucida Sans Unicode, Lucida Grande;
	font-size: 17px;
	font-weight:regular;
	color: #0ea60e;
	text-decoration:none;
}
.titol6 {
	font-family: Lucida Sans Unicode, Lucida Grande;
	font-size: 15px;
	font-weight:regular;
	color: #41b741;
	text-decoration:none;
}
.titol7 {
	font-family: Lucida Sans Unicode, Lucida Grande;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	text-decoration:none;
}
.menu {
	font-family: Lucida Sans Unicode, Lucida Grande;
	font-size: 11px;
	font-weight: regular;
	color:#5d5d5d;
}
.menu_on {
	font-family: Lucida Sans Unicode, Lucida Grande;
	font-size: 11px;
	font-weight: regular;
	color:#ffffff;
}
.menu:active {
	color:#5d5d5d;
	text-decoration:none;
}
.menu:link {
	color:#5d5d5d;
	text-decoration:none;
}
.menu:visited {
	color:#5d5d5d;
	text-decoration:none;
}
.menu:hover {
	color:#a2a2a2;
	text-decoration:none;
}
.menu_on2 {
	font-family: Lucida Sans Unicode, Lucida Grande;
	font-size: 11px;
	font-weight: regular;
	color:#0ea60e;
}
.idiomes {
	font-family: Lucida Sans Unicode, Lucida Grande;
	font-size: 11px;
	font-weight: regular;
	color:#e8e8e8;
}
.idiomes_on {
	font-family: Lucida Sans Unicode, Lucida Grande;
	font-size: 11px;
	font-weight: regular;
	color:#a8a8a8;
	text-decoration: none;
}
.idiomes:active {
	color:e8e8e8;
	text-decoration:none;
}
.idiomes:link {
	color:#e8e8e8;
	text-decoration:none;
}
.idiomes:visited {
	color:#e8e8e8;
	text-decoration:none;
}
.idiomes:hover {
	color:#a8a8a8;
	text-decoration:none;
}
.link {
	font-family: Lucida Sans Unicode, Lucida Grande;
	font-size: 11px;
	color:#0ea60e;
	text-align: right;
	text-decoration: none;
}
.link:active {
	color:#0ea60e;
	text-decoration:none;
}
.link:link {
	color:#0ea60e;
	text-decoration:none;
}
.link:visited {
	color:#0ea60e;
	text-decoration:none;
}
.link:hover {
	color:#0ea60e;
	text-decoration:underline;
}
.link2 {
	font-family: Lucida Sans Unicode, Lucida Grande;
	font-size: 11px;
	color:#0ea60e;
	text-align: right;
	text-decoration: underline;
}
.link2:active {
	color:#0ea60e;
	text-decoration:underline;
}
.link2:link {
	color:#0ea60e;
	text-decoration:underline;
}
.link2:visited {
	color:#0ea60e;
	text-decoration:underline;
}
.link2:hover {
	color:#0ea60e;
	text-decoration:none;
}
.tabla {
	background-image:url(../imgs/fons_inf_acc03.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.peulink {
	font-family: Lucida Sans Unicode, Lucida Grande;
	font-size: 11px;
	color:#ffffff;
	text-align: right;
	text-decoration: underline;
}
.peulink:active {
	color:#ffffff;
	text-decoration:underline;
}
.peulink:link {
	color:#ffffff;
	text-decoration:underline;
}
.peulink:visited {
	color:#ffffff;
	text-decoration:underline;
}
.peulink:hover {
	color:#ffffff;
	text-decoration:none;
}
.tabla2 {
	background-image:url(../imgs/fons_cont.jpg);
	background-repeat: repeat-x;
	background-position:top;
}
img.floatLeft {
	float: left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	margin-top:20px;
}
.imagen_caso {
	background-color:#FFFFFF;
	padding:11px;
	width:243px;
	border: 1px solid #A8A8A8;
	text-align:center;
}
.imagen_caso img {
	border: 1px solid #A8A8A8;
}
p, ul, li {
	margin-top: 0px;
	margin-bottom: 0px;
}
.sistema {
	font-family: Lucida Sans Unicode, Lucida Grande;
	font-size: 11px;
	color: #616366;
	text-decoration:none;
	line-height:14px;
	text-align:left;
	padding-left: 40px;
}
.sistema a {
	padding-left:10px;
	height:20px;
}


/*ecommerce*/

.titol4.shops_online {padding: 0 0 0 50px;}
.texto_shops_online {width:500px; float:left; line-height:13px;}
img.logo_montaweb { float:right;width:176px; height:40px;}
a.link_montaweb { float:right; text-decoration:underline; margin-right:30px; color:#616366; }
a.link_montaweb:hover { text-decoration:none; }

ul.llista_botigues{ width:658px; /*background:url(../imgs/llista_botigues.png) 20px 25px  no-repeat;*/ background-image:none; padding-top:20px; margin-bottom:-20px; *height:625px;}
ul.llista_botigues li{ width:575px; color:#616366; line-height: 18px; padding: 5px 0 30px 70px; display:inline-block; font-size:11px;}
ul.llista_botigues li.viabilidad { background: url("../imgs/ico_shops_1.jpg") 15px 5px no-repeat; }
ul.llista_botigues li.posicionamiento { background: url("../imgs/ico_shops_2.jpg") 15px 5px no-repeat; }
ul.llista_botigues li.realizacion { background: url("../imgs/ico_shops_3.jpg") 15px 5px no-repeat; }
ul.llista_botigues li.erp { background: url("../imgs/ico_shops_4.jpg") 15px 5px no-repeat; }
ul.llista_botigues li.seo { background: url("../imgs/ico_shops_5.jpg") 15px 5px no-repeat; }
ul.llista_botigues li.marketing { background: url("../imgs/ico_shops_6.jpg") 15px 5px no-repeat; }
ul.llista_botigues li.analitica { background: url("../imgs/ico_shops_7.jpg") 15px 5px no-repeat; }

ul.llista_botigues li.erp p { width: 410px; float:left; padding:0; display:inline-block; }
ul.llista_botigues li.erp img { width:149px; height:86px; float:right;}
ul.llista_botigues a{ text-decoration:underline; color:#616366;}
ul.llista_botigues a:hover{ text-decoration:none;}
ul.llista_botigues li span.num { color:#0ea60e;font-size:15px;}

/*últimos proyectos */
div.cabecera_shops {
	display:inline-block;
	width:688px;
	height:39px;
	margin:0;
}

ul.listado_shops {
	list-style:none;
	width:686px;
	padding:30px 0 0 0;
	height:510px;
	display:inline-block;
	margin:0;
	background:#f4f4f4;
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
}
ul.listado_shops li {
	list-style:none;
	width:202px;
	height:153px;
	float:left;
	margin:0px 0 20px 20px;
}
ul.listado_shops li.last {margin-bottom:10px;}

div.pie_shops {
	display:inline-block;
	width:688px;
	height:39px;
	margin:0;
}

/* fin ecommerce*/


.areaclients{background: url(../imgs/acces-clients.png); height:45px; margin-bottom:24px; width:88px; position:relative; top:-7px; float: right; display:inline; font-family: Lucida Sans Unicode, Lucida Grande;	font-size: 13px; padding:10px 0 0 40px;}
.areaclients a{	color: #5D5D5D; text-decoration:none;}
.areaclients a:hover{ color:#a2a2a2;}
.areaclients:hover{ cursor:pointer; background: url(../imgs/acces-clients-h.png);}
.areaclients:hover a{color:#a2a2a2;}

/*TECLAT*/
.contrasenya{ float:left; display:inline; width:724px; height:185px;}
.contra-titol{ font-weight:bold; font-size:16px; margin:17px 0 33px 265px;}
.contra-texta{ margin-left:231px; height:30px; *margin-left:115px;}
.contra-boton{margin:11px 0 0 325px;  font-size:12px; width:74px;text-align:center;}
.contra-boton a{ color:#FFF; text-decoration:none; padding:4px 17px;}
.contra-boton a:hover{ color:#ccc;}
#container {margin:0; height:433px; width: 724px; margin:0 -14px; background:url(../imgs/fons-keyboard.png)}
#write {

width:260px;
height:16px;
padding:2px;
font: 1em/1.5 Verdana, Sans-Serif;
background: #eee;
border: 1px solid #b5b5b5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#keyboard {
margin: 0 0 0 21px;
padding: 0;
list-style: none;
}
	#keyboard li {
	float: left;
	margin: 0 5px 5px 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	border: 1px solid #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
		.capslock, .tab, .left-shift {
		clear: left;
		}
			#keyboard .tab, #keyboard .delete {
			width: 70px;
			}
			#keyboard .capslock {
			width: 80px;
			}
			#keyboard .return {
			width: 77px;
			}
			#keyboard .left-shift {
			width: 95px;
			}
			#keyboard .right-shift {
			width: 109px;
			}
		.lastitem {
		margin-right: 0;
		}
		.uppercase {
		text-transform: uppercase;
		}
		#keyboard .space {
		clear: left;
		width: 681px;
		}
		.on {
		display: none;
		}
		#keyboard li:hover {
		position: relative;
		top: 1px;
		left: 1px;
		border-color: #e5e5e5;
		cursor: pointer;
		}
		
		
.video{ float:left; display:inline; width:227px; margin-right:11px; height:240px;}
.video h1{ font-size:14px; font-weight:normal; color:#343434; height:43px; margin-top:20px;}
.video td{ border:1px solid #999; padding:3px; width:209px; height:131px;}
.video h1 span{ color:#9b9b9b;}
.video div.plantilla{ position: relative; top:-136px; left:6px; width:209px;}
.video div.plantilla:hover{ background: rgba(0,0,0,0.5)}
.text-empresa{ float:left; display:inline; width:459px; margin:0 20px 20px 0;}
.logo-empresa{ float:left; display:inline; width:217px; text-align:right; margin-bottom:20px;}
.logo-empresa img{ max-width:217px; border:1px solid #e6e6e6}
.area-clients div.titol4{ float:left; display:inline; width:600px;}
.video img{border:none;}

ul.arxius {float:left; display:inline; width:730px;margin:0;padding:10px 0 40px 0;font-size:13px; margin-right:-34px;}
ul.arxius li{ padding:0; float:left; display:inline; width:365px; line-height:normal; overflow:hidden; text-align:left; margin-top:10px; list-style:none;}
ul.arxius li a{ color:#616366;}
ul.arxius li a:hover{ text-decoration:none;}

.video-container{ float:left; display:inline; width:724px; margin-right:-28px;}