/*mobile-portrait: min:320px - max:479px;
mobile-landscape: min:480px - max:599px;
small-tablet-portrait: min:600px - max:799px;
small-tablet-landscape: min:800px - max:767px;
tablet-portrait: min:768px - max:1023px;
tablet-landscape: min:1024px;*/

iframe { 
	overflow-x: hidden;
	overflow-y: hidden;
	}

.textoreNew p {
	/*font-size:24px;*/
	line-height: 20px;
}

/* ESTILOS NORMALES (para escritorios muy grandes)*/
@media (min-width:1200px) {
.lataNew{
	margin-top:0px;
	 width:30%; 
	 float:right;
}
.textoreNew{
	width:65%; 
	float:left; 
	margin-top:85px;
}
	
.miTextFooter{
	margin-top: -1px;
	font-size:11px;
	color: rgba(255, 255, 255, 0.5);
	}
.registra{
	visibility:visible;
	text-align:center;
}
.selector{
	display:inherit;
}
#TituloProd {
    margin: 42px auto 100px;
}
.familias{
	height:35px; 
	margin-top:-12px;
	font-size:16px;
}
.paraCuatro{
	width:24%;
	float:left;
	margin-left:10px;
}
}

/*Tablets en horizonal y escritorios normales*/
@media (min-width: 768px) and (max-width: 1199px) {
.lataNew{
	margin-top:0px;
	 width:30%; 
	 float:right;
}
.textoreNew{
	width:65%; 
	float:left; 
	margin-top:85px;
}
.registra{
	text-align:center;
	visibility:visible;
}
.selector{
	display:inherit;
}
#TituloProd {
    margin: 42px auto 80px;
}
.familias{
	height:33px; 
	margin-top:-6px;
	font-size:14px;
}
.paraCuatro{
	width:24%;
	float:left;
	margin-left:10px;
}
.side-options{
	top:55px;
}
}
 
/*Móviles en horizontal o tablets en vertical*/
@media (max-width: 767px) {
.lataNew{
	margin-top:5px;
	 width:30%; 
	 float:right;
}
.textoreNew{
	width:65%; 
	float:left; 
	margin-top:65px;
}
	.miTextFooter{
	margin-top: -1px;
	font-size:9px;
	color:#CCC;
	}
.project-filter li.selector {
    background-color:#EEE;
    color:#EEE;
    height: 1px;
    line-height: 1px;
    margin-right: 1px;
    padding: 0;
    text-align: center;
    transition: background-color 0.1s linear 0s;
    width: 1px;
}
.project-filter li.selector::before {
    content: "v";
    display: block;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 5px;

}
.registra{
	text-align:center;
	visibility:visible;
	
}
.selector{
	display:none;
}
#TituloProd {
    margin: 42px auto 30px;
}
.familias{
	height:30px; 
	margin-top:-6px;
	font-size:12px;
}
.paraCuatro{
	width:24%;
	float:left;
	margin-left:7px;
}
.side-options{
	top:55px;
}
	
/*.container-out {
	opacity: 0;
	display: none;
}
*/
}
 
/*Móviles en vertical*/
@media (max-width: 480px) {
.lataNew {
	margin-top:40px;
	width:20%; 
	float:right;
}
.textoreNew {
	width:50%; 
	float:left; 
	margin-top:15px;
	font-size:9px;
}
.textoreNew h2 {
	font-size:18px;
	line-height: 20px;
}
.textoreNew p {
	font-size:14px;
	line-height: 16px;
}
#content .lataresp img {
	max-width: 50%;
}
.miTextFooter{
	margin-top: -1px;
	font-size:7px;
	color:#CCC;
	}
.project-filter li.selector {
    background-color:#EEE;
    color:#EEE;
    height: 1px;
    line-height: 1px;
    margin-right: 1px;
    padding: 0;
    text-align: center;
    transition: background-color 0.1s linear 0s;
    width: 1px;
}
.project-filter li.selector::before {
    content: "v";
    display: block;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 5px;

}
#TituloProd {
    margin: 42px auto 16px;
}
.registra{
	text-align:center;

	
}
.selector{
	display:none;
}
.familias{
	height:25px; 
	margin-top:-4px;
	font-size:9px;
}
.paraCuatro{
	width:24%;
	float:left;
	margin-left:2px;
	line-height:8px;
}
.title.title-section>* {
	 margin: 0px 0px 0px 4px;
}
.title.title-section {
/*	text-align:center;
	margin-bottom:40px;
	display:block;
	width:100%;
	margin-top:40px*/
	margin-bottom: 7px;
    margin-top: -30px;
    text-align: left;
    margin-left: 0px;
    font-size: 13px;
}
.side-options{
	display:none;
}
}

.miProducto{
	color:#000;
	text-align:center;
	margin-top:-30px;
	font-size:14px;
	width:100%;
	height:80px;
	line-height: 13px;
	
}
.miDescripcion{
	color:#666;
	text-align:center;
	margin-top:-10px;
	font-size:10px;

}
#TituloProd{
	text-align:center;
	background-color:#FFF;
	padding: 7px;
	width:95%;
	border-radius: 5px;

    box-shadow: 1px 1px 28px rgba(0, 0, 0, 0.05);
}

.descMio a{
	color:#000;
	
}
.descMio a:hover{
	color:#666;
}
.micajita {
	float:left;
	width:50px;
	height:50px;
	background-color:#000;
	color:#FFF;
    content: "?";
    display: block;
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: 400;
	background-image:url(../imagenes/cajaNegraBusc.jpg)
}