/*
Theme Name: Sibelgroup_theme RESPONSIVE
Version: 1.0
License: GNU General Public License
*/

@CHARSET "UTF-8";

@media screen and (max-width:979px){
	.mobile-hide {display: none;}
	body{ font-size:16px; line-height:25px; }
	
	h1{ font-size:22px; }
	p{ font-size:16px; line-height:25px; }
	
	#centro	.desktop{ display:none; }
	#centro	.mobile{ display:block; }


	#centro{ width:96%; padding:0 2% 0 2%; max-width:800px;}
	
	#header{ min-height:112px; height:auto; background:none; border-bottom:5px solid #3F96D0; }
	
	div#logo{ top:25px; left:24px; height:auto; }
	div#logo img{ width:117px; height:auto; }

	.content_banderas {position: static;display: inline-block;margin: 20px auto 0;}
	.menuBacground img{ float:right; }
	
	#menu-responsive{ display:block; }
	
	#menu-responsive a.mostrar{ text-transform:uppercase; font-size:18px; color:#3F96D0; text-decoration:none; padding:21px 78px 0 0; background:url(images/menu-responsive.gif) top right no-repeat; position:absolute; top:10px; right:29px; height:39px; }
	.menu-principal-container ul,.menu-principal-ingles-container ul,.menu-principal-frances-container ul,.menu-principal-italiano-container ul,.menu-menu-1-container ul{ display:none; width:96%; float:left; clear:both; margin:0; padding:4px 2% 0 2%; text-align:center; background:#3F96D0; position:absolute; top:83px; z-index:100000; font-family:Verdana, Geneva, sans-serif; font-size:18px;}
	.menu-principal-container ul li,.menu-principal-ingles-container ul li,.menu-principal-frances-container ul li,.menu-principal-italiano-container ul li,.menu-menu-1-container ul li{ display:block; width:100%; float:left; clear:both; height:auto; margin:0 0 4px 0; padding:0 0 4px 0; border-bottom:1px solid #fff; }
	.menu-principal--container ul li:last-child,.menu-principal-ingles-container ul li:last-child,.menu-principal-frances-container ul li:last-child,.menu-principal-italiano-container ul li:last-child,.menu-menu-1-container ul li:last-child{ border:none; }
	.menu-principal-container ul a,.menu-principal-ingles-container ul a,.menu-principal-frances-container ul a,.menu-principal-italiano-container ul a,.menu-menu-1-container ul a{ display:block; margin:0; padding:7px 0 9px 0; color:#fff;  text-decoration:none;  }
	.menu-principal-container ul a:hover,.menu-principal-ingles-container ul a:hover,.menu-principal-frances-container ul a:hover,.menu-principal-italiano-container ul a:hover,.menu-menu-1-container ul a:hover,
	.menu-principal-container ul li.current-menu-item a,.menu-principal-ingles-container ul li.current-menu-item a,.menu-principal-frances-container ul li.current-menu-item a,.menu-principal-italiano-container ul li.current-menu-item a,.menu-menu-1-container ul li.current-menu-item a{ background:#b1d5eb;}

			
			
	section{ width:100%; float:left; clear:both; margin:0; padding:0; height:auto; }
	
	div.separador{ height:0px; }
	#lightshadow{ width:100%; margin:0; height:auto; background:#fff; float:left; clear:both; }	
		ul.kwicks{ width:100%; float:left; clear:both; margin:0; padding:0; height:auto; font-size:22px; }
		ul.kwicks>li{ width:100%; height:170px; overflow:hidden; float:left; clear:both; }
		.elementoMenu{ height:170px; }
		.elementoMenu img{ height:170px; width:auto; }
	

	
	#footer{ display:block; width:100%; float:left; clear:both; text-align:center; font-size:16px; line-height:25px; }
		#footer span{ display:block; width:100%; clear:both; padding:0; margin:0 0 10px 0; border:none; }
		#footer div.top{ border:none; }
		#footer div.top span{  margin-bottom:20px; padding:0; }
		#footer div.top address span{ display:block; }
		#footer div.bottom span{ padding:0; }
		
		
		#footer .iconos_sociales{ text-align:center; width:100%; margin:15px 0 10px 0;  }
			#footer .iconos_sociales div{ display:inline-block; float:none; }
			
	#wis{ float:none; text-align:center; margin:10px 0 10px 0; }
		#wis img{display:inline; }
		
	
	/** INTERIOR **/
	#leftbar{ width:100%; clear:both; margin:0; padding:0; min-height:1px; height:auto; line-height:normal;  }

	
	#content,
	#content.cols2,
	#content.cols3{ width:100%; margin:20px 0 0 0;  }
	
	
	#content p,
	.textoActualidad  p,
	#content .textoActualidad  div
	{ font-size:16px; line-height:25px; margin-bottom:25px; padding:0; }
	#content ul li { background-position:left 11px; }
	h2{ font-size:20px; line-height:26px; }
	
	#content div.breadcrumbs,
	#content.cols2 div.breadcrumbs,
	#content.cols3 div.breadcrumbs{ font-size:14px; line-height:20px; width:94%; float:left; clear:both; position:static; top:0; left:0; padding:3%; margin-bottom:10px; }
		#content div.breadcrumbs a.icon-home:link, #content div.breadcrumbs a.icon-home:visited{ margin-top:5px; }
		
	#content table{ width:100%; }
	
	#content div.news-item h1{ line-height:normal; }
	#content div.news-list div.item h3, #content div.news-item h3{ font-size:16px; line-height:25px; }
	#content div.news-list div.item .textoActualidad h3, #content div.news-item .textoActualidad h3{font-size:16px; line-height:25px; }
	#content .textoActualidad ul{ font-size:16px ; line-height:normal; }
	
	div.news-item .textoActualidad p{ font-size:16px; }
	
	ul.blog-categories li{ display:inline-block; float:left; margin:0 10px 10px 0; }	
		

		
	div.banner.unidad-negocio{ width:70%; text-align:center; margin:0 15% 25px 15%;  }
	div.banner.unidad-negocio div.image-background{ height:200px; position:static; width:100%; clear:both; }
		div.banner.unidad-negocio img{ width:auto; float:right; height:100%; }
			div.banner.otras-especialidades img{ width:auto; }
	
	#formularioEnContacto{ width:90%; padding:2% 5%; }
		#formularioEnContacto label{ font-size:16px; }
		#formularioEnContacto input.enviar_consulta{ width:auto; margin:20px 20px 0 0; font-size:16px; text-transform:capitalize;  }
		#formularioEnContacto fieldset{ width:100%; margin:0; padding:2% 0; }
		div.form-actions{ width:100%; }
	/* DEMO VIDEO	*/
	.demoVideo #video_tour{ width:100%; }
	#content #bloqLogos table td{ width:25%; display:table-row; }
	
	


	
	
	/*#imagenes_producto{ margin:0 15% 0 15%; width:70%; padding:0; }*/
	
	#imagenes_producto{ width:100%; margin:0; }
	.testB.images-product { width:283px; margin:0 auto 0 auto; float:none; padding:0; position:relative; left:-10%; }

	#seccion_formulario_contacto{ margin:20px 0 0 0; }
	
	.izq_columna h2, .der_columna h2{ background:none; }
	div.columns.izq_columna,
	div.columns.der_columna{ width:90% !important; float:left; clear:both; margin:0; }
	#content div.columns div.column{ width:100%; float:left; clear:both; }
	
	div.caracteristicas {font-size:16px; line-height:25px;}
	div.caracteristicas ul{ width:100%; clear:both; float:left;  }
		#content div.caracteristicas ul li{ background-position:left 9px; }
	
	.descargasEnProducto, .contactoEnProducto{ font-size:19px; text-decoration: none; }

	
	

	#content #marcas li{ width:40%; max-width:40%; padding:5%;}
	
		#content  #marcas li img{ width:100%; }
		
	
	.formulario2 { display:none; }
	
	div.buttons{  width:90%; margin:5%; max-width:90%; float:left; }
	table.support{ width:94%; margin:25px 3% 0 3%; float:left; max-width:94%; }
	
	
		
	
	div.items-list { width:86%; padding:0 7% 0 7%; }
	.items-list > .item{ min-height:190px; height:auto; }


	form legend{ font-size:16px; }
	
	#div_centrado_avisolegal{ font-size:14px; line-height:25px; }
	
	
	.mobile-show{ display:block; }
	
	
	/* ELEMENTOS DINAMICOS */
	.descripcion_producto img.size-full{ display:none; }
	#content #marcas li strong{ display:none; } /* BD */
	.menu-principal-ingles-container ul li#menu-item-24,.menu-principal-frances-container ul li#menu-item-24,.menu-principal-italiano-container ul li#menu-item-24,.menu-menu-1-container ul li#menu-item-24{ display:none; } /* OCULTAR SOPORTE */

	#pyme-innovadora img {
		margin: 10px auto;
	}
	
	.fpremiumpais{float: none;width: 100%;}
	.lista_descargas li{overflow: hidden;}
	.link_descarga a{margin:16px 8px;}
	.link_descarga img{padding:8px}
}
@media screen and (max-width:680px){
		div#logo{ left: 14px;}
		#menu-responsive a.mostrar{ right:14px;}
		
		#formularioEnContacto .row .control-group,
		#formularioEnContacto .row .controls{ width:90%; padding:0; }
		#formularioEnContacto fieldset .alert{ margin-top:20px;}
		#formularioEnContacto label{ display:block; width:100%; clear:both; text-align:left; font-size:16px; margin-bottom:6px; }
		#formularioEnContacto input{ width:100%;  }
		#formularioEnContacto input.enviar_consulta{ width:auto; margin:20px 20px 0 0;  }
		#formularioEnContacto input#aviso_legal{ width:auto; float:left; margin:0 5% 0 0; }
		#formularioEnContacto .ml153 .controls{ width:auto; float:left; margin:5px 0 0 7%; }
		#formularioEnContacto .ml153 label{ width:83%; float:right; }
		#formularioEnContacto textarea{ width:97%; resize:none; }
		#formularioEnContacto input.resultado {width: 80%;}
		.ml153{ margin:0 !important; }
		
		
		div.items-list { width:86%; padding:0 7% 0 7%; }
		.items-list > .item{ min-height:190px; height:auto; }
	
	/*#imagenes_producto{ margin:0 25% 0 25%; width:50%; padding:0; }*/
}
@media screen and (max-width:580px){
	div#logo{ top:60px; height:auto; }
	#menu-responsive a.mostrar{ top:46px;}
	.content_banderas{margin-top:0;}
	.link_descarga{float:none;}
}
@media screen and (max-width:480px){
	
	div#logo img{ width:100px; height:auto; }
	
	
	
	
	
	#content #marcas li{ width:90%; max-width:none; padding:5%; clear:both;}
		#content  #marcas li img{ width:100%; }
		
	div.banner.unidad-negocio div.text{ font-size:16px; }
	
	div.items-list { width:83%; padding:0 0 0 7%; }
	.items-list > .item{ min-height:190px; height:auto; }
	
	.descargasEnProducto, .contactoEnProducto{ width:60%; max-width:145px; margin:0 0 0 26%;  }
	#formularioEnContacto input.resultado {width: 62%;}
}

@media screen and (max-width:379px){
		div.items-list { width:46%; padding:0 0 0 20%; }
}