/************Reset**************/
* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}
html, body, div, object, iframe, fieldset { 
	margin: 0; 
	padding: 0; 
	border: 0;
} 
ol, ul { 
	list-style: none;
	margin: 0;
	padding: 0;
} 
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}
header, footer, nav, section, article, hgroup, figure {
	display: block;	
}

/************End Reset**************/

/************Global**************/
@font-face {
    font-family: EurostileReg;
    src: url(EurostileLTStd.otf);
    font-weight: lighter;
}

@font-face {
    font-family: EurostilBold;
    src: url(/files/EurostileLTStd-Bold.otf);
    font-weight: 800;
}

@font-face {
    font-family: Eurostile-Demi;
    src: url(/files/EurostileLTStd-Demi.otf);
    font-weight: 400;
}

body {
	/*background-image: url(/cremyco/imatges/circles.png);
	xbackground-image: url(/cremyco/imatges/cream.jpg);
	background-repeat: x y;
	font-family: "EurostileReg", MyriadPro, Arial, sans-serif;
	padding: 0;
	-webkit-text-size-adjust: none;
	font-size: 16px;
	color: #333333;
	width: 960px;
	margin: 0 auto;*/
	/* -moz-box-shadow:  -3px 1px 4px 0px #8a8a8a;
	-webkit-box-shadow: -3px 1px 4px 0px #8a8a8a;
	box-shadow: -3px 1px 4px 0px #8a8a8a;*/
}

b {font-family: "Eurostile-Demi", MyriadPro, Arial, sans-serif; font-weight: 400;}

a {
	color: #fff;
	text-decoration: none;
	font-weight: 100;
}
a:hover, a:focus {
	color: #fff; text-decoration: underline;
}
p {
	margin: 0 0 1em;
}
img, object, video {
	max-width: 100%;
}
h1 {
	font-size: 18px;	
	line-height: 1;
	color: #000;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	font-weight: normal;
}
h2 {
	color: #000000;
    font-size: 16px;
    font-weight: 100;
    text-transform: uppercase;
}
h3 {
	font-weight: normal;
}
h1 a {
	color: #000;
}

img a {
	border:0;
}

#tot {
	margin:0 auto; 
	max-width:960px;
}
.line {
height: 1px;
background-color: #ccc;
margin: 30px 0 30px 0;
width: 100%;
}

blockquote {
	border-left: 0.5em solid #ddd;
	padding-left: 1em;
	margin-left: 1em;
}
small {
	color: #e51837;
}
input[type=search] {
	-webkit-appearance: none;
	border-radius: 0;
}
::-webkit-input-placeholder {
	color: #808080;
}
:-moz-placeholder {  
    color: #808080;
}
/************End Global**************/

/************Classes**************/
.inactive {
	color: #ddd;
}

.clearboth {clear: both;}

.grey {color: #666666;}

.underlined {text-decoration: underline;}

p.mapa small a {color: #666666;}
/************End Classes**************/

/************Structure**************/
header {
margin: 0 auto; 
background-image: url(/imatges/fondo.jpg); 
background-color: #ac8073; 
height: 170px; 
width: 960px; 
-moz-box-shadow:  -3px 1px 4px 0px #8a8a8a;
-webkit-box-shadow: -3px 1px 4px 0px #8a8a8a;
box-shadow: -3px 1px 4px 0px #8a8a8a;
}

#logo {float: left; margin: 35px 0 0 40px;}

.languages {float: right; margin-top: 35px; margin-right: 45px; font-size: 13px;}

.languages a:hover {text-decoration: underline;}

.socialmedia {float: left; margin: 47px 0 0 35px; width: 80px;}

.socialmedia .second {margin-left: 3px;}

.languages .second {margin-left: 30px;}

section .second {margin-left: 30px;}

header ul {font-size: 18px; float: right; overflow: visible; max-width: 960px; z-index: 2; margin-top: 40px; margin-right: 45px;}

header li {float: left;
    text-align: center;
    width: 60px;font-size: 13px; background: url("/imatges/sombra2.png") no-repeat scroll 40% 20% transparent;}

li.marginleft30px a img {width: 40px; margin-bottom: -9px;}

.marginleft30px {margin-left: 12px; width:60px;}

.container {
	clear:both;
	max-width: 960px;	
	padding: 8px 45px 55px;
	overflow: hidden;
	background: #fff;
	zline-height: 1.5em;
	font-family: "EurostileReg", MyriadPro, Arial, sans-serif;
	zfont-weight: 100;
	zfont-size: 22px;
}

div#front.container {padding: 0; -moz-box-shadow:  -3px 1px 4px 0px #8a8a8a;
	-webkit-box-shadow: -3px 1px 4px 0px #8a8a8a;
	box-shadow: -3px 1px 4px 0px #8a8a8a;}

.container article {
	font-size: 34px;
	color: #2f2f2f;
	letter-spacing: -0.02em;
	fxont-weight: bold;
	font-family: "EurostileReg", MyriadPro, Arial, sans-serif;
	margin-top: 30px;
	
}

.container section img {mzargin: 60px 0 50px 0;}

header ul li.biggest {margin-top: -13px;}

.empresa-pic {margin: 30px 0 0 120px;}

.container_inside {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
	line-height: 20px;
	font-family: "EurostileReg", MyriadPro, Arial, sans-serif;
	font-weight: 100;
	font-size: 14px;
	color: #666666;
	padding: 40px;
	text-align: left;
	-moz-box-shadow:  -3px 1px 4px 0px #8a8a8a;
	-webkit-box-shadow: -3px 1px 4px 0px #8a8a8a;
	box-shadow: -3px 1px 4px 0px #8a8a8a;
	}
.container_inside a{
	color:#000;
}
	
.container_inside section
	{
	float: left;
	font-family: "EurostileReg", MyriadPro, Arial, sans-serif;
	}	
		
section.second p.mapa a {float: right;}
	
.productos_first {
	color: #fff; 
	font-size: 16px; 
	line-height: 2em;
	dbackground-color: #763523;
	font-weight: 100;
	padding: 10px 0 10px 20px;
	 -moz-box-shadow:  3px 1px 4px 0px #8a8a8a;
	-webkit-box-shadow: 3px 1px 4px 0px #8a8a8a;
	box-shadow: 3px 1px 4px 0px #8a8a8a;
	width: 325px;
	/*background: #763523; Old browsers 
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc2MzUyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iIzc2MzUyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTI5MWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #763523 0%, #763523 94%, #5a291c 100%); 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#763523), color-stop(94%,#763523), color-stop(100%,#5a291c)); 
background: -webkit-linear-gradient(left,  #763523 0%,#763523 94%,#5a291c 100%); 
background: -o-linear-gradient(left,  #763523 0%,#763523 94%,#5a291c 100%);
background: -ms-linear-gradient(left,  #763523 0%,#763523 94%,#5a291c 100%); 
background: linear-gradient(to right,  #763523 0%,#763523 94%,#5a291c 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#763523', endColorstr='#5a291c',GradientType=1 ); 
*/

background: #914d36; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxNGQzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NjM1MjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #914d36 0%, #763523 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#914d36), color-stop(100%,#763523)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #914d36 0%,#763523 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #914d36 0%,#763523 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #914d36 0%,#763523 100%); /* IE10+ */
background: linear-gradient(to bottom,  #914d36 0%,#763523 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#914d36', endColorstr='#763523',GradientType=0 ); /* IE6-8 */
	}
	
.productos_first li a {
	display: block;
    text-decoration: none;
    color: #fff;
}
.productos_first li a:hover, .productos_first li a.active {
    color: #fff;
}
.productos_first li ul {
    display: none; // used to hide sub-menus
}	

.productos_first li ul li a {
 	color: #FCAF17; padding-left: 35px; font-size: 14px;
}

.noticia {height: auto; position: relative; clear: both; margin-bottom:50px;}

.noticia img {float: left; width: 85px;}

.noticia_text {padding-left: 40px; float: left; width: 725px;}

.noticia_text .date {color: #000; font-size: 18px;}

.noticia_text h3 {margin-top: 5px; color: #000; font-size: 18px;}

.noticia_text p {margin-top: -10px; font-size: 14px;}

.noticia_text .readmore {color: #000; clear:both; margin-top:-10px; font-size: 16px; text-align:right; float:right;}

.margintop70px {margin-top: 50px;}

/*Footer*/
footer {
	color: #fff;
	background: #442e30;
	margin: 0 -1em;
	position: relative;
	z-index: 2;
	width: 100%; /*960px;*/
	margin: 0 auto;
	zpadding: 10px 35px 10px 35px;
	font-family: "EurostileReg", MyriadPro, Arial, sans-serif;
	font-weight: 100px;
	font-size: 12px;
	height: 40px;
	-moz-box-shadow:  -3px 1px 4px 0px #8a8a8a;
	-webkit-box-shadow: -3px 1px 4px 0px #8a8a8a;
	box-shadow: -3px 1px 4px 0px #8a8a8a;
}

footer ul{
	display: inline;
    float: right;
    text-align: right;
    padding: 8px 35px 10px 0;
    font-size: 12px;
}

footer li{
	float:left; margin-right:5px;
}


footer p {padding: 8px 0 10px 35px; float: left; font-size: 12px;}

/*End Footer*/

div.container_inside section div span.st_facebook_hcount span.stButton span span.stMainServices {height: 22px;}
div.container_inside section div span.st_twitter_hcount span.stButton span span.stMainServices {height: 22px;}
div.container_inside section div span.st_pinterest_hcount span.stButton span span.stMainServices {height: 22px;}
div.container_inside section div span.st_sharethis_hcount span.stButton span span.stMainServices {height: 22px;}

/* forms */	
	
	*:focus{
			outline:none; /* Prevents blue border in Webkit */
		}

		
		form {
			width: 420px;
			margin-top: 15px;
		}
		
		form p { clear: both; margin-top: 5px;}

		form label {color: #666666; display: indsline;}
		form input {display: inline; width: 320px;}

		input, textarea, select {
			background-color:#fff;
			border:1px solid #ccc;
			font-size:12px;
			min-height:30px;		
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
			float: right;
		}
		
		select {height: 20px; margin-bottom: 5px;}
		
		select.dropdown {
  		background-color:#fff; !important
			border:1px solid #ccc;  !important
			font-size:12px; !important
			min-height:30px; !important
		} 
		
		textarea {
				min-height:150px;
		}

		input:focus, textarea:focus, select:focus {
			-webkit-box-shadow:0 0 25px #ccc;
			-moz-box-shadow:0 0 25px #ccc;
			box-shadow:0 0 25px #ccc;
			
			-webkit-transform: scale(1.05);
			-moz-transform: scale(1.05);
			transform: scale(1.05);
		}
		
		input:not(:focus), textarea:not(:focus) {
			opacity:0.5;
		}
		
		input:required, textarea:required {
							
		}

		input:valid, textarea:valid {
				
		}		

		input:focus:invalid, textarea:focus:invalid {
						
		}

		input[type=submit] {
			padding:5px;
			background: #fcaf17;
			color: #fff;
			opacity:1.0;
			float: right;
			font-size:14px;
			margin-top: 3px;
		}
		
		input[type=submit]:hover {
			background: #6d3131;
		}
		
form#contact input:not([type=radio]),
    form#contact textarea, form#contact select {
    outline: none;
    padding: 5px;
    width: 280px;
    }
    form#contact input:not([type=submit]):focus,
    form#contact textarea:focus {
    }
    form#contact input[type=radio] {
    float: left;
    margin-right: 5px;
    }

    input#distr {width: 15px; height: 15px;}
    input#fabr {width: 15px; height: 15px;}
    input#otros {width: 15px; height: 15px;}
    label#margintop20px {padding-top: 20px;}
    fieldset li {float: left; width: 300px;}
  	fieldset ol li p {padding-top: 15px; padding-left: 15px;}
  	
  	form#trabajo1 {
  	width: 360px; 
  	float: left; 
  	-moz-box-shadow:  -3px 1px 4px 0px #8a8a8a;
	-webkit-box-shadow: -3px 1px 4px 0px #8a8a8a;
	box-shadow: -3px 1px 4px 0px #8a8a8a;
	padding: 20px; margin-left:22px;
	border: 1px solid #eeeeee;
  	}
  	
   form.client {float: left; 
  	-moz-box-shadow:  -3px 1px 4px 0px #8a8a8a;
	-webkit-box-shadow: -3px 1px 4px 0px #8a8a8a;
	box-shadow: -3px 1px 4px 0px #8a8a8a;
	padding: 20px; width: 470px; 
	border: 1px solid #eeeeee;
  	}
  	form.client2 {float: left; 
  	-moz-box-shadow:  -3px 1px 4px 0px #8a8a8a;
	-webkit-box-shadow: -3px 1px 4px 0px #8a8a8a;
	box-shadow: -3px 1px 4px 0px #8a8a8a;
	padding: 20px; width: 670px; 
	border: 1px solid #eeeeee;
  	}
  	
  	form#contact
  	{
  	-moz-box-shadow:  -3px 1px 4px 0px #8a8a8a;
	-webkit-box-shadow: -3px 1px 4px 0px #8a8a8a;
	box-shadow: -3px 1px 4px 0px #8a8a8a;
	padding: 10px 20px 50px 20px; wifdth: 470px; 
	border: 1px solid #eeeeee;
	margin-left: 40px;
  	}
  	
  	div#trabajo.container_inside p.ie_pad {width: 300px; float: left; margin-left: 30px; margin-top: 20px;}
  	
  	p.clientp {width: 300px; float: left; margin-left: 30px; margin-top: 20px;}
  	
  .banners {  float: left;
    width: 100%;}
  
  .banners img {margin-top: 10px;}

  .orange { 
background: #914d36; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxNGQzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NjM1MjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #914d36 0%, #763523 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#914d36), color-stop(100%,#763523)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #914d36 0%,#763523 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #914d36 0%,#763523 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #914d36 0%,#763523 100%); /* IE10+ */
background: linear-gradient(to bottom,  #914d36 0%,#763523 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#914d36', endColorstr='#763523',GradientType=0 ); /* IE6-8 */
  -moz-box-shadow:  -3px 1px 4px 0px #8a8a8a;
-webkit-box-shadow: -3px 1px 4px 0px #8a8a8a;
box-shadow: -3px 1px 4px 0px #8a8a8a; 
color: #fff; 
padding: 30px 0 0px 40px; 
margdin-top: -70px; 
font-size: 14px;
margin-top: -62px;

}

  .orange h3 {text-transform: uppercase; font-size: 20px;}

.slid {}

.smallabout {color: #626262; font-size: 16px; position: relative; height: 150px; width:100%;}

.smallabout img { float: left;
    margin-top: 15px;
    margin-left: 40px;
    overflow: visible;
    position: relative;
    z-index: 999;}

.smallabout p {
	float: left;
    width: 80%; /*730px; */
    margin-left: 20px; 
    padding: 20px 20px 20px 20px; 
    position: relative; 
    font-size: 14px !important;}
    
.product_destacado
{
background-image: url(/imatges/trama.jpg);
background-repeat: x y;
-moz-box-shadow: 5px 8px 5px 3px #6f3221;
-webkit-box-shadow: -5px 8px 5px 3px #6f3221;
box-shadow: -5px 8px 5px 3px #6f3221; 
color: #fff; font-size: 14px;
float: right;
width: 100%; /*480px; */
color: #763523;
height: 270px; 
margin-top: -30px;
}

.products_in {
	float: left; width: 35%; margin-left: 30px;
	}
.product_destacado img {float: right;}

.nnews {
	float: left; 
	margin-top: -30px;
}   

.nnews p, .products_in p {
	font-size:14px; line-height:18px;
}

a.moreproductos {color: #763523; display: block; padding-top: 20px;}

a.readmore {float: left; color: #d0b8a0;}

.nnews h3 {
	float: right; margin-right: 55px; font-size:20px; 
}

.news1 {float: left; }

.news1 .second {margin-top: 20px !important;}

.products_in h3 {
/*background-image: url(/cremyco/imatges/producticon.png);
background-position: 75% center; height: 42px;
 background-repeat: no-repeat; margin-top: 15px;*/
 }
.products_in a{
	color:#763523; font-weight:bolder;
}
 
 .nnews  h3 {
 background-image: url(/imatges/noticias.png);
 background-position: 70% center; 
 height: 42px;
 background-repeat: no-repeat; 
 margin-top: 15px;
 }
 
div.nnews h3 p {
	padding-top: 12px; margin-right: 85px; color:#fff; font-size:20px;
	} 
.products_in h3 {
	padding-top: 16px; padding-top: 12px; color:#763523; font-size:20px; line-height:24px;
	}

/*header ul li a p img { 
    background: white;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    margin: 20px;
    -webkit-box-shadow: 2px 2px 5px 0px #763e2c;
    -moz-box-shadow: 2px 2px 5px 0px #763e2c;
    box-shadow: 2px 2px 5px 0px #763e2c; 
}*/

.ib-container {width: 100%;/*420px;*/ margin-top: 0px; float:right; height:auto;}

.ib-container article{
	display: block;
	width: auto;
	height: auto;
	background: #fff;
	cursor: pointer;
	float: right;
	text-align: left;
	text-transform: none;
	margin: 25px;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	/*box-shadow: 
		0px 0px 0px 10px rgba(255,255,255,1), 
		1px 1px 3px 10px rgba(0,0,0,0.2);*/
	-webkit-transition: 
		opacity 0.4s linear, 
		-webkit-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-moz-transition: 
		opacity 0.4s linear, 
		-moz-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-o-transition: 
		opacity 0.4s linear, 
		-o-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-ms-transition: 
		opacity 0.4s linear, 
		-ms-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	transition: 
		opacity 0.4s linear, 
		transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;

}

.ib-container article img {width: 140px;}

.ib-container h3 a,
.ib-container article header span,
.ib-container article p{
	-webkit-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-moz-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-o-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-ms-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
}
/* Hover Style for all the items: blur, scale down*/
.ib-container article.blur{
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0.7;
}
.ib-container article.blur h3 a{
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
	color: rgba(0, 0, 0, 0);
	opacity: 0.5;
}
.ib-container article.blur header span{
	text-shadow: 0px 0px 10px rgba(255, 210, 82, 0.9);
	color: rgba(255, 210, 82, 0);
	opacity: 0.5;
}
.ib-container article.blur  p{
	text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
	color: rgba(51, 51, 51, 0);
	opacity: 0.5;
}

/* Hover Style for single item: scale up */
.ib-container article.active{
	-webkit-transform: scale(1.30);
	-moz-transform: scale(1.30);
	-o-transform: scale(1.30);
	-ms-transform: scale(1.30);
	transform: scale(1.30);
	/*box-shadow: 
		0px 0px 0px 10px rgba(255,255,255,1), 
		1px 11px 15px 10px rgba(0,0,0,0.4);*/
	z-index: 100;	
	opacity: 1;
}
.ib-container article.active h3 a,
.ib-container article.active header span,
.ib-container article.active p{
	opacity; 1;
}

section#empresar {
	/*float: left;  */
	padding-left:20px;
	margin-right: 60px;
    width: 100%; /*400px;*/
    }
    
.container_inside section
	{
	width: 420px; 
	}

#frame {background-color: #fff; border: 1px solid #f6f3f3; width: 527px; height: auto; padding: 10px; margin-left:15px;
	-webkit-box-shadow: 4px 4px 4px 0px #dcdcdc;
	box-shadow: 4px 4px 4px 0px #dcdcdc;
}

a.iconred {color: #000; width: 100%; margin-left: 20px;}

img.floatright {float: right; margin: 20px 0 0 20px;}

section#empresar p.alignleft {text-align: left;}

.nacional {background-image: url(/imatges/nacional.png); background-repeat: no-repeat; width: 240px; height: 67px; margin-left: -7px;}
.nacional p {float: right; margin-right: 30px; margin-top: 12px;}
.nacional a:hover p {text-decoration: underline;}
.internacional {background-image: url(/imatges/internacional.png); background-repeat: no-repeat; width: 240px; height: 67px; margin-left: -7px; margin-top: 15px;}
.internacional p {float: right; margin-right: 30px; margin-top: 12px;}
.internacional a:hover p {text-decoration: underline;}
div#negativo.nacional {background-image: url(/imatges/nacional2.png);}
div#negativo.internacional {background-image: url(/imatges/internacional2.png);}
div#negativo.nacional p {color: #77382c;}
div#negativo.internacional p {color: #77382c;}
form#contact select#countries {  border: 1px solid #CCCCCC;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;}
form#contact select#countries option {color: #666666;}
form#contact fieldset {margin-top: 30px;}
form#contact fieldset ol li label {float: left;
    padding-left: 5px;
    padding-top: 9px;}
.jvectormap-container {margin-top: 30px !important; margin-bottom: 30px !important;}
#mapData {width:200px; margin-top:60px; margin-left: 70px; float: left; text-align: left;
-moz-box-shadow:  -3px 1px 4px 0px #cccccc;
	-webkit-box-shadow: -3px 1px 4px 0px #cccccc;
	box-shadow: -3px 1px 4px 0px #cccccc;
	padding: 20px 20px 5px 20px;
}

ul.productos_first li#actual.active ul.secondary li a:active
{
color:#fff;
} 

form#contact .verif{
	display:none;
}
form#trabajo1 .verif{
	display:none;
}