@charset utf-8;
/*  

Theme Name: MUTIS

Theme URI: http://www.mentalidadweb.com/

Description: Diseño de sitio we MUTIS, adaptado para multiples dispositivos

Version: 1.0

Author: MW Themes

Author URI: http://www.mentalidadweb.com/



*/

@media (max-width: 768px){ 
	#main, #main-fullwidth, #header, #footer-widgets, #footer { padding-left: 0; padding-right: 0; }

	#header>.header-right>.socialicon { position: absolute; top: 0; padding-top: 0;  }
	#header>.header-right>.socialicon>a:first-child>img  { position: relative; float: left; }
	#header>.header-right>.socialicon>a:nth-child(2) { position: absolute; right: 28px; top: 0; }
	#header>.header-right>.socialicon>a:nth-child(3) { position: absolute; right: 0; top: 0;}

	#search-container { display: block !important; }
	#search-container input[type=text] { width: 70%; margin-left: 11px; }
	#search-container input[type=submit] { width: 55px; height: 24px; }
	
	#slide, 
	.rightslide,
	#caja_slide, 
	#wrapper, 
	#fullsize, 
	#fullsize>#image, 
	#home-left, 
	#wrap-home-right, 
	#videos,
	#fondo_noticia_pag,
	#header>.header-right>.socialicon
	 { width: 100% !important; }

	#main-fullwidth { padding-top: 0; }
	#main-fullwidth>#twitter { width: 100% !important; }
	#main-fullwidth>#twitter>.twitter-timeline, #main-fullwidth>#twitter>br { display: none; }
	#main-fullwidth>#twitter>#fondo_recomendamos { padding: 0; height: auto; }

	#caja_slide #fullsize #image>img { width: 100%; border-left-width: 0 !important; border-right-width: 0 !important; }
	#caja_slide #fullsize #image>img:first-child { display: none !important; }
	#caja_slide #fullsize #image>img:nth-child(2) { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; margin: auto; }

	#fullsize>#information { width: 100%; height: auto;  }

	#logo { margin-top: 0px; }
	
	#fondo_noticia_pag { padding-left: 0px; padding-right: 0px; }
	
	#home-left { padding-right: 0; }
	#home-right { width: 100%; padding-right: 0; }
	#home-right>div>div { display: inherit; float: left; margin: 12px; }
	
	.rightslide { margin-top: 15px; }
	.grid_3.omega { margin-left: -20px; margin-top: 5px; }
	
	#caja_texto .featured_cuña .postmeta { padding-left: 8px; }
	#caja_texto .postmeta-primary .breadcrumbs { float: none; }
	#caja_texto .postmeta-primary br { display: none; }
	#caja_texto .titseccion { height: auto; padding-bottom: 10px; }
	#caja_texto .post .entry>img { width: 95%; }
	
	#container>.menu { height: auto; background-repeat: repeat; padding-bottom: 5px; }
	#menuprincipal { display: block; }
	.rightslide>#twitter, #caja_texto .caja_texto, .menu-primary-responsive-container, #colorbox, #cboxOverlay { display: none !important; }
	
	#wrap-home-right>#caja_disco, #videos>#caja_videos { height: 100%; }
	#wrap-home-right>#caja_disco>#artistas { margin: 30px; }
	#wrap-home-right>#caja_disco>#artistas>.texto_disco>a { font-size: 12px; }
	
	#videgoall-container>.videogall-item { display: block; width: 100%; height: 100%; margin: 20px 0 60px 0; text-align: center; }
	#videgoall-container>.videogall-item>a>p, #videgoall-container>.videogall-item>h3>p { display: block; width: 90%; text-align: center; }
	#videgoall-container>.videogall-item>a>.titulo_video { background: none; font-size: 14px; }
	
	.wpcf7 textarea { width: 100%; }
	#caja_texto p>iframe { width: 100%; }
}

@media (min-width: 768px) and (max-width: 768px){
	#videgoall-container>.videogall-item { display: inline-block; width: 32%; margin: 0; }
	#slidearea { width: 93% !important; }
}

@media (max-width: 480px){
	#slidearea { width: 90% !important; }
}

@media (max-width: 320px){
	#slidearea { width: 85% !important; }
}