@charset "UTF-8";
/* CSS Document */

#wrapper { border-top:5px solid #37a600;}
#wrapper #header { width:100%; height:100px; border-bottom:5px solid #ececec;}
#wrapper #header .subcont { width:980px; margin:0 auto; }
#wrapper #header .subcont .logo { float:left; margin:7px 0 0 0;}
#wrapper #header .subcont #header-right { float:right; width:550px;}
#wrapper #header .subcont #header-right #lang { float:right; clear:both; margin:23px 0 0 0;}
#wrapper #header .subcont #header-right #lang li { float:right; font-size:12px; margin:0 0 0 9px; padding:0 0 0 22px;}
#wrapper #header .subcont #header-right #lang li.esp { background:url(../images/spanish.gif) no-repeat 0 2px;}
#wrapper #header .subcont #header-right #lang li.cat { background:url(../images/catala.gif) no-repeat 0 2px;}
#wrapper #header .subcont #header-right #lang li.de { background:url(../images/german.png) no-repeat 0 2px;}
#wrapper #header .subcont #header-right #lang li.fr { background:url(../images/french.png) no-repeat 0 2px;}
#wrapper #header .subcont #header-right #lang li.en { background:url(../images/english.png) no-repeat 0 2px;}
#wrapper #header .subcont #header-right #lang li.clients a { 
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display:block; margin:-2px 0 0 0; padding:4px 12px; font-size:11px; color:#FFF;
background: #37a600; /* Old browsers */

background: -moz-linear-gradient(top,  #37a600 0%, #277400 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37a600), color-stop(100%,#277400)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #37a600 0%,#277400 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #37a600 0%,#277400 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #37a600 0%,#277400 100%); /* IE10+ */

background: linear-gradient(to bottom,  #37a600 0%,#277400 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37a600', endColorstr='#277400',GradientType=0 ); /* IE6-9 */


}

#wrapper #header .subcont #header-right #lang li.clients a:hover { color:#FFF; text-decoration:underline;}

#wrapper #header .subcont #header-right #lang li a { color:#242424; font-size:13px; text-decoration:none; }
#wrapper #header .subcont #header-right #lang li a:hover {color:#616161;}
#wrapper #header .subcont #header-right #lang li a.selected {color:#616161; cursor:default;}
#wrapper #header .subcont #header-right #nav { float:right; clear:both; margin:21px 0 0 0;}
#wrapper #header .subcont #header-right #nav li { float:right; margin:0 0 0 12px;}
#wrapper #header .subcont #header-right #nav li a { color:#242424; font-size:17px; text-decoration:none;}
#wrapper #header .subcont #header-right #nav li a:hover { color:#616161;}
#wrapper #header .subcont #header-right #nav li a.selected {color:#309200; cursor:default;}
#wrapper #body_home { background:url(../images/bg_home.png) repeat-x 0 0; width:100%; float:left; min-height:366px;}
#wrapper #body_interior { background:url(../images/bg_interior.png) repeat-x 0 0; width:100%; float:left; min-height:230px;}
.subcont { width:980px; margin:0 auto; position:relative;}
.subcont #portfolio { float:left; width:980px;}
.content-area {padding:33px; width:914px; float:left;}
.content-area .leftarea { width:370px; float:left; margin:0 47px 20px 0;} 
.content-area .home-main-paragraph { font-size:18px; color:#333; display:block; padding:0 0 20px 0;  }
.content-area .homepic { float:left;}
.content-area .sidebar { float:right; width:227px; padding:0 0 0 30px; border-left:2px dotted #a8a8a8;} 
.content-area .sidebar h2 { width:100%; font-size:20px; margin:0 0 15px 0;}
.content-area .sidebar .servicelist { width:100%; float:left; margin:0 0 10px 0;}
.content-area .sidebar .servicelist li { background:url(../images/bullet.gif) no-repeat 0 7px; padding:0 0 5px 10px; display:block; width:100%; float:left;}
.content-area .sidebar .servicelist li .title { font-size:17px; display:block; margin:0 0 5px 0; width:100%; float:left;}
.content-area .sidebar .servicelist li .description { font-size:14px; color:#666666; display:block; width:100%; float:left;} 
#wrapper #body_home .shadow-left { width:23px; z-index:100; height:245px; background:url(../images/shadow.jpg) no-repeat 0 0; position:absolute; bottom:-612px; left:-23px; }
#wrapper #body_home .shadow-right { width:23px; z-index:100; height:245px; background:url(../images/shadow.jpg) no-repeat -23px 0; position:absolute; bottom:-612px; right:-23px;}
#wrapper #body_interior .shadow-left { width:23px; z-index:100; height:245px; background:url(../images/shadow.jpg) no-repeat 0 0; position:absolute; bottom:-476px; left:-23px; }
#wrapper #body_interior .shadow-right { width:23px; z-index:100; height:245px; background:url(../images/shadow.jpg) no-repeat -23px 0; position:absolute; bottom:-476px; right:-23px;}
#footer { width:100%; height:113px; background:#ececec; clear:both;}
#footer .subcont { width:980px; margin:0 auto; background:url(../images/bg_footer.gif) no-repeat 0 0; padding:26px 0 0 0; }
#footer .subcont #social { float:left; width:320px;}
#footer .subcont #social li { width:27px; height:26px; float:left; margin:0 3px 0 0; background-image:url(../images/social.png); background-repeat:no-repeat;}
#footer .subcont #social li a { display:block; width:27px; height:26px; cursor:pointer;}
#footer .subcont #social li.twitter { background-position:0 0;}
#footer .subcont #social li.twitter:hover { background-position:0 -26px;}
#footer .subcont #social li.facebook { background-position:-30px 0;}
#footer .subcont #social li.facebook:hover { background-position:-30px -26px;}
#footer .subcont #social li.googleplus { background-position:-60px 0;}
#footer .subcont #social li.googleplus:hover { background-position:-60px -26px;}
#footer .subcont .disclaimer { float:left; font-size:11px; margin:30px 0 0 0; color:#6a6a6a; clear:both;}
#footer .subcont #companyInfo { width:260px; float:right; margin:-10px 0 0 0;}
#footer .subcont #companyInfo li, #footer .subcont #companyInfo li a { font-size:12px; color:#6a6a6a; margin:0 0 3px 0;}
#footer .subcont #companyInfo li.phone { font-size:13px; color:#242424;}


#wrapper #body_interior .w5050-left { width:447px; margin:0 10px 0 0; float:left;}
#wrapper #body_interior .w5050-right { width:447px; margin:0 0 0 10px; float:left;}
#wrapper #body_interior .w5050-left h2, #wrapper #body_interior .w5050-right h2 { margin:0 0 15px 0;}

#wrapper #body_interior .w6040-left { width:500px; margin:0 18px 0 0; float:left;}
#wrapper #body_interior .w6040-right { width:375px; margin:0 0 0 18px; float:left;}
#wrapper #body_interior .w6040-left h2, #wrapper #body_interior .w6040-right h2 { margin:0 0 15px 0; width:100%; float:left;}



.quality { width:417px; padding:20px 15px; background:url(../images/bgcalidad.png) no-repeat 0 top; margin:20px 0; }
.quality h3 { font-size:21px; color:#FFF; margin:0 0 15px 0;}
.quality p { font-size:16px; color:#FFF;}

#servicios_list { width:100%; float:left; margin:20px 5px 30px 5px;}
#servicios_list li.a { width:300px; float:left; height:240px; text-align:center; font-size:19px; background:url(../images/servicios-select1.png) no-repeat 0 0;}
#servicios_list li.b { width:300px; float:left; height:240px; text-align:center; font-size:19px; background:url(../images/servicios-select2.png) no-repeat 0 0;}
#servicios_list li.c { width:304px; float:left; height:240px; text-align:center; font-size:19px; background:url(../images/servicios-select3.png) no-repeat 0 0;}
#servicios_list a { display:block; width:300px; height:57px; padding:182px 0 0 0;}

.serv_left { width:400px; float:left; margin:20px 1px 20px 0;} 
.serv_right { width:513px; float:left; margin:20px 0 20px 0;}
.serv_right .serviceDescription { padding:20px 0 0 24px; font-size:17px;}

.localizacion-left { width:573px; height:550px; float:left; margin:20px 25px 20px 0; border:3px #dadfe2 solid;}
.localizacion-right { width:300px; float:left; margin:20px 0 0 0;}
.localizacion-right p { font-size:18px;}

#contact-wrapper { width:430px; float:left; margin:20px 0}
#contact-wrapper div { clear:both; margin:1em 0; }
#contact-wrapper label { display:block; float:none; font-size:16px; width:auto; margin:0 0 10px 0; }
form#contactform input { border-color:#FFF #000 #000 #000; border-style:solid; border-width:1px; font-size:14px; padding:5px 8px; }
form#contactform input.cta { border:none;}
form#contactform textarea { font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:100%; padding:0.6em 0.5em 0.7em; border-color:#FFF #000 #000 #000; border-style:solid; border-width:1px; }
#contact-wrapper p.error { background: #F00; color:#FFF; padding: 11px 15px 15px 15px; width: 388px;}
#contact-wrapper p.success { padding:20px; border:1px solid #060; margin:0 0 20px 0; width:359px;  }
#contact-wrapper p.success strong.thanks { color:#060;}
#contact-right { width:400px; float:left; margin:20px 0 0 40px;}
#contact-right p { font-size:14px;}
#contact-right p a { color:#333;}
#contact-right p span { color:#666;}

.switch_service { float:left; margin:20px 0 0 0; width:100%;}
.switch_service .op { background:url(../images/logistica_ico_sm.jpg) no-repeat 0 0; height:25px; display:block; line-height:21px; float:left; font-size:16px; color:#000; padding: 0 0 0 32px; margin:0 30px 0 0 ;}
.switch_service .co { background:url(../images/corte_ico_sm.jpg) no-repeat 0 0; height:25px; display:block; line-height:21px; float:left; font-size:16px; color:#000; padding: 0 0 0 32px; margin:0 30px 0 0 ;}
.switch_service .pr { background: url(../images/prensado_ico_sm.jpg) no-repeat 0 0; height:25px; display:block; line-height:21px; float:left; font-size:16px; color:#000; padding: 0 0 0 32px; margin:0 30px 0 0 ;}
.switch_service .op a, .switch_service .co a, .switch_service .pr a { display:block; color:#000;}

ul.photos { width:100%; float:left;}
ul.photos li { float:left; margin:0 10px 10px 0;}

ul.videos { width:100%; float:left;}
ul.videos li { float:left; margin:0 13px 13px 0;}
.cta {font-size:14px; text-decoration:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.btn_green_gradient {
	padding:6px 26px 9px; color:#FFF;
	text-align:center;
	display:block;
	background: #37a600; /* Old browsers */
	background: -moz-linear-gradient(top,  #37a600 0%, #216400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37a600), color-stop(100%,#216400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #37a600 0%,#216400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #37a600 0%,#216400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #37a600 0%,#216400 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #37a600 0%,#216400 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37a600', endColorstr='#216400',GradientType=0 ); /* IE6-9 */
}
.btn_green_gradient:hover {
	background: #2f8e00; /* Old browsers */
	background: -moz-linear-gradient(top,  #2f8e00 0%, #1d5600 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f8e00), color-stop(100%,#1d5600)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2f8e00 0%,#1d5600 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2f8e00 0%,#1d5600 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2f8e00 0%,#1d5600 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2f8e00 0%,#1d5600 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f8e00', endColorstr='#1d5600',GradientType=0 ); /* IE6-9 */
}
.btn_blue_gradient { 
	padding:6px 26px 9px; color:#FFF;
	text-align:center;
	display:block;
	border:1px solid #607ed2; background: #7892d6; /* Old browsers */
	background: -moz-linear-gradient(top,  #7892d6 0%, #4668c1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7892d6), color-stop(100%,#4668c1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7892d6 0%,#4668c1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7892d6 0%,#4668c1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7892d6 0%,#4668c1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7892d6 0%,#4668c1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7892d6', endColorstr='#4668c1',GradientType=0 ); /* IE6-9 */
}
.btn_blue_gradient:hover {
	background: #5274ca; /* Old browsers */
	background: -moz-linear-gradient(top,  #5274ca 0%, #3858a8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5274ca), color-stop(100%,#3858a8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5274ca 0%,#3858a8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5274ca 0%,#3858a8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5274ca 0%,#3858a8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5274ca 0%,#3858a8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5274ca', endColorstr='#3858a8',GradientType=0 ); /* IE6-9 */
}
.black { color:#242424;}
.green { color:#309200;}
.frutiger {line-height:1.2em;}
.floater { float:left;}
.float-r { float:right;}
.displace { position:absolute; left:-5000px;}

.size17 { font-size:17px;}
.size31 { font-size:31px;}