@import url('http://fonts.googleapis.com/css?family=Droid+Sans');
@import url('http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700');
@import url('http://fonts.googleapis.com/css?family=Carme');

/*-----------------------------------------------------------------------------------*/
/*		Responsive Fixes
/*-----------------------------------------------------------------------------------*/
@media (max-width: 979px){
	body {font-size: 14px; padding:0; margin:0; }
	.wrap { margin:0; padding:0; width:100%;}
	#menu > ul > li > a { font-size:14px; padding: 10px 10px; }
}

@media (max-width: 767px){
	
/* Headers */
h1, h2, h3, h4, h5, h6{ text-align:center; }

h1{ font-size: 20px; margin-bottom: 10px; line-height: 22px; }
h2{ font-size: 18px; margin-bottom: 15px; line-height: 20px; }
h3{ font-size: 18px; margin-bottom: 10px; line-height: 18px; font-weight:400; color: #F90;}
h4{ font-size: 16px; margin-bottom: 16px; }
h5{ font-size: 14px; margin-bottom: 14px; }
h6{ font-size: 12px; margin-bottom:12px; }

.header { background:none; margin:0; padding:0; width:100%; }
#header { padding:0; margin:0 auto 5px; width:100%;}
#header .logo{display:block; float:none; margin:0 auto; max-width:400px; padding:0; width:60%; }
#header .logo img {margin:0 auto; max-width:400px; width:90%; } 

.menu { margin:0; padding:0; width:100%; }
#menu { clear:both; display:block; float:none; margin:5px auto; padding: 0; position:relative; width:100%; }
#menu > ul { float:none; display:block; margin:0; width:100%;}
#menu > ul > li {background:#FF0019; float:left; display:block; width:47.5%; margin:0.25% 1%;}
#menu > ul > li > a { display:block; font-size:12px; padding: 5px 0; text-align:center; }
#menu > ul a:hover, #menu .current{color: #FFF; }
#menu > ul > li > ul { margin:-30px 8% 0;}
#menu ul ul { position: absolute; width: 80%; }
#menu ul ul li { background:#333; }
#menu ul ul li a:hover { background:#FF0019; }
#menu ul ul li a { background:#333 !important; }
#menu ul ul a:hover { background:#FF0019; }

#buscador { float:none; margin:0 auto 10px; width:300px;}

.ver-pedido { clear:both; display:inline-block; float:right; margin:-37px 13px 5px 4px; position: relative; width:47.5% }
.ver-pedido a {border-radius:0; }
.ver-pedido a:hover{ background:#FF0019; border: 1px solid #FF0019; } 

.top-social { display:block; margin:10px auto; position:relative; width:120px; }
.top-social a {margin:0; }

.res-menu { display: none; margin:0; width:92%;}

#contenedor-site { margin:5px 0; padding:2%; width:96%;}

#slider { clear:both; display:block; margin:0; padding:0; }

		/* Destacados */		
.destacados-catalogo { background:none; margin:0 auto; padding: 1% 5%; width:90%; }
.destacados-catalogo h2{ font-size: 18px;  }
.destacados-catalogo .item-producto { margin:5% auto; padding-bottom:10px;width:50%; }
.destacados-catalogo .item-producto p { margin: 0 0 10px 0; }
.item-producto img {padding:5%; width:90%; }

		/* Destacados */		
.destacados { background:none; margin:0 auto; padding: 1% 5%; width:90%; }
.destacados h2{ font-size: 18px;  }
.destacados .destacado { margin:5% auto; width:50%; }
.destacados .destacado p { margin: 0 0 10px 0; }
.destacado img {padding:5%; width:90%; }

		/* productos */		
.productos { background:none; margin:0 auto; padding: 1% 5%; width:90%; }
.productos h2{ font-size: 18px;  }
.productos .producto-item { margin:5% 1%; width:48%; }
.productos .producto-item p { margin: 0 0 10px 0; }
.producto-item img {padding:5%; width:90%; }

.logos h2 { background:none; font-size:16px; margin:0; padding:2%; }

#welcome{ overflow:hidden; padding:5%; width:90%; }
#welcome h1 { font-size: 14px; line-height: 18px;}
#welcome p { font-size:12px; line-height: 18px; margin-bottom: 10px; padding-bottom: 10px; }
#welcome .ver-mas { margin:0;}

#contenido { display:block; margin-bottom:10px; overflow:hidden; width:100%; }

#contenido .img-cont, #contenido .datos-contacto, #contenido .txt-cont, #contenido .formulario {
	float:none; margin:5%; padding:5%; width:80%;}

.catalogo { float:none; margin:0; padding: 1% 2.5%; width:95%; }
.catalogo .galeria { float:none; margin:0; padding: 1% 2.5%; width:95%; }
.catalogo .galeria .img-big, .catalogo .galeria .img-mini {float:none; margin:1% 0; width:98%; }
.catalogo .desc-producto { float:none; margin:1.5% 1%; padding:2.5%; width:95%;}
.catalogo .desc-producto h3 { clear:both; font-size:20px; font-weight:300; line-height:50px; margin:0 0 20px; }

#contenido .aliado { display:block; margin:2%; overflow:hidden; padding:1%; vertical-align:top; width:94%;}
#contenido .txt-cont li, #contenido .datos-contacto li { font-size:14px; line-height:20px; margin-left:0; }
#contenido .datos-contacto h3 { margin:0;}

.catalogo .item-catalogo { float:left; margin:2.5%; padding: 0 0 1% 0; width:45%; }

#representaciones h2 { font-size:18px; font-weight:300;}

#right { clear:both; width:100%;}
#menu-productos ul li { text-align:center; }

/*-----------------------------------------------------------------------------------*/
/*	5.	Portafolio Galerias Styles
/*-----------------------------------------------------------------------------------*/

#fotos .galeria { margin-bottom: 10px;}
#fotos { margin:1%; padding:1%; width:96%;}
#fotos .galeria, #fotos .foto { float:left ; margin:1%; padding:1%; width:45%;}
#fotos .galeria img, #fotos .foto img { width:100%;}
#fotos h2, #videos h2 { font-size:18px;  margin:0 5px 10px ; padding:3px ; text-align:center;}

#fotos .galeria h3 { margin:8px 0 0; text-align:center;}
#fotos .galeria h3 a { color:#F90; }
#fotos .galeria h3 a:hover { color:#F90; }

#footer { background: none; }
#footer .footer-item { clear:both; float:none; margin:0 auto; overflow:hidden; padding:5% 10%; width:80%;}

#footer .footer-item p { font-size:12px; }
#footer .footer-item h3 {font-size:14px; margin:0 0 20px; padding: 0; }

.alignleft,
.alignright{float: none !important;}
}

@media (max-width: 719px) { }
@media (max-width: 480px) {
#header {}
#header .logo{ margin:2% 0 0; margin:0 auto; padding:0; width:100%; }
#header .logo img {margin:0 5%; max-width:400px; width:90%; } 

.ver-pedido { clear:both; display:inline-block; float:right; margin:-36px 8px 5px 4px; position: relative; width:47% }

#slider { margin:0; padding:0; }
.flex-control-nav, .flex-control-paging { padding: 10px 0; }
.flex-control-nav li a, .flex-control-paging li a { height:5px; width:5px; }
.flex-direction-nav { top:5px; }
.flex-direction-nav a { width:25px; height:25px; }
.flex-direction-nav .flex-prev {right: 32px; }
.flex-direction-nav .flex-next {right:5px;}

		/* Destacados */		
.destacados-catalogo { background:none; margin:0 auto; padding: 1% 5%; width:90%; }
.destacados-catalogo h2{ font-size: 18px;  }
.destacados-catalogo .item-producto { margin:5% auto; padding-bottom:10px; width:100%; }
.destacados-catalogo .item-producto p { margin: 0 0 10px 0; }
.item-producto img {padding:5%; width:90%; }

		/* Destacados */		
.destacados { background:none; margin:0 auto; padding: 1% 5%; width:90%; }
.destacados h2{ font-size: 18px;  }
.destacados .destacado { margin:5% auto; width:100%; }
.destacados .destacado p { margin: 0 0 10px 0; }
.destacado img {padding:5%; width:90%; }

		/* productos */		
.productos { background:none; margin:0 auto; padding: 1% 5%; width:90%; }
.productos h2{ font-size: 18px;  }
.productos .producto-item { margin:5% auto; width:100%; }
.productos .producto-item p { margin: 0 0 10px 0; }
.producto-item img {padding:5%; width:90%; }

.catalogo .item-catalogo { float:none; margin:5%; padding: 0 0 1% 0; width:90%; }

.logos h2 {font-size:15px; font-weight: normal; padding:0; }

}