@import url(normalize.css);

@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700);

@import url(https://fonts.googleapis.com/css?family=Francois+One&subset=latin,latin-ext);

@import url(https://fonts.googleapis.com/css?family=Philosopher:400,700);

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,400i,700');


/*resets*/

*{

	box-sizing:border-box;

	border:none;

	text-decoration: none;

}

ul, ol{

	margin: 0;

	padding: 0;

	list-style: none;

}



figure{

	margin: 0;

	display:block;

}



.img-responsive {

	width:100%;

	height:auto;

	

	}

hr {

    border: 1px dotted #fff;

}



/*boton arriba*/

#IrArriba {

position: fixed;

bottom: 30px; /* Distancia desde abajo */

right: 30px; /* Distancia desde la derecha */

}



#IrArriba span {

width: 60px; /* Ancho del botón */

height: 60px; /* Alto del botón */

display: block;

background: url(imgs/arriba.png) no-repeat center center;

}



/*basicos*/

html{

	font-size: 10px;

}



body { font-family: 'Roboto Condensed', sans-serif;

background:url(imgs/fondo1.jpg) #010427 repeat-x top;



}



h1 { font-size:2.9em;

font-weight:400;

	

	}



h2 { 

font-weight:200;

color:#000;

line-height:1.8em;







	

	}



h3 { font-size:1.3em;

font-weight:200;

color:#39F;

	

	}





#container{

	margin:auto;

	max-width: 1000px;

	border:dotted 1px #000000;

	;

}

.topi{

	

	max-width:1000px;


	margin-left:auto;

	margin-right:auto;

	}

	

.central {



	margin-left:auto;

	margin-right:auto;

	margin-top:1.5em;



	padding:0em;


	}

	/*

.central img {

	width:100%;

	z-index:1;

	}*/



.top{

	max-width:200px;/*550*/
	float:left;
	margin-top:1em;
	text-align:left;

}



.top2{

	display:none;

	max-width:200px;/*550*/

	float:left;
	margin-top:1em;
text-align:left;

	

}



.top img{

	width:100%;

	height:auto;

	

	}


.top3{ max-width:300px;
font-size:1.8em;
color:#fff;

	float:right;
	margin-top:3em;
text-align:right;
text-shadow:2px 2px 5px #000;
margin-right:3%;}


.logo {

	float:left;

	max-width:491px;

	margin-top:2em;/*5*/

	margin-left:5em;

	}







.portabotones {

	

	

	}

.porta {

	max-width:1000px;

	margin-left:auto;

	margin-right:auto;

	

	}



#centro2 {

	

	}



#centro {max-width:1000px;

margin-left:auto;

margin-right:auto;



	

	}



.cleaner{

	clear: both;

}

img-responsive{

	width: 100%;

	height:auto;

}



.toogle-button { display:none;

	

	}



.botonera ul{

	

	margin-top:0;

	text-transform:none;

	text-decoration:none;

	max-width:1000px;

	margin-left:auto;

	margin-right:auto;

	

	}

.botonera li{

	

	float:left;

	text-transform:none;

	text-decoration:none;

	text-align:center;

	display:block;

	width:19%;/*24*/

	margin-left:0.5%;

	margin-right:0.5%;


	}

	

.botonera li:first-child {

	

	}



.botonera li:last-child  {

	border-right: 0px;

	}



.botonera a{

	

	padding:0.5em ;

  display:block;

	font-size:1.6em;

	color:#fff;

	text-transform:none;

	text-decoration:none;

	border-radius:0px;

	margin-right:1%;

	border-radius:5px;

	background-color:#0308f8;
	border:thin solid #fff;
	text-shadow:2px 2px 2px #000;
	
	

	

	}



.botonera a:hover {

	color:#fff;

	font-weight:bold;

	background-color:#000;
		text-shadow:none;

	}

	

.principal{

	

	

	width:98%;

	margin-left:auto;

	margin-right:auto;

	margin-top:1em;

	}





.foto {

	width:20%;

	float:right;

margin-top:1em;

	}





.text {

	width:77%;

		font-size:1.5em;

	color:#333;

	margin-left:1em;

	float:left;

	font-family: arial;

	line-height:1.5em;

	padding:1em;

	text-align:justify;

	

	}

.text img {

	width:62%;

	

	

	}



.fotodos {

	width:28;

	float:right;

margin-top:1em;

	}





.color { color:#EA0A8E;

	

	}



.resaltado{

	width:70%;

	background-color:#CE007B;

	border-radius:5px;

	padding:0.5em;

	margin:auto;

	color:#FFF;

	font-weight:bold;

	

}





footer {

	width:100%;

	background-color:#00B23C;

	font-size:1.6em;

	color:#000;

	padding:0.5em 0 0em  0 ;

	height:100px;

	text-align:center;

	font-weight:bold;

	line-height:1.5em;

	

	}



	

	

.red {

	float:left;

	width:20%;

	margin-left:4%;

	}

	

	

.red img {

	display:block;

	width:106px;

	

	

	

	}



.dire {

	width:70%;

	margin-right:4%;

	float:right;

	text-align:right;

	margin-top:0em;

}

.tel {

	font-size:0.6em; letter-spacing:0em; line-height:normal;

	color:#333;

	

	padding:0.5em;

	text-align:right;

	

	} 



.pie {

	text-align:center;

	font-size:1.2em;

	width:100%;

	}

.pie a{

	text-decoration:none;

	text-transform:none;

	color:#fff;

	}



.destacado {

	color:#fff;

	

	}





.quienes {

	width:100%;

	font-size:2.1em;

	color:#fff;

	margin-left:auto;

	margin-right:auto;



	line-height:1.5em;

	

	text-align:center;

	

	padding:0.25em;

	

	}







/*contacto*/



.imagen {

	width:100%;

	height:170px;

	background:url(imgs-NO/cc.jpg);

	

	}

	

input,textarea {

	margin-top:2%;

	border: 1px dotted #999;

	color:#000000;

	font-family : inherit;

  font-size   : 100%;

  width:80%;

	

	}

	

.verif{ display: none; }



.contacto {

	width:90%;

		font-size:1.5em;

	color:#333;

	margin-left:auto;

	margin-right:auto;

	

	font-family: arial;

	line-height:1.5em;

	padding:1em;

	text-align:justify;

	background:url(imgs-NO/ff.jpg) repeat-x;

	}











/*galeria*/

.galeria{



	width: 100%;

	float: left;



	}



	



.productos{



	height: auto;



	/*background-color: #000;*/



	width: 30%;/*22*/



	margin-top: 1em;



	margin-right: 1em;



	margin-left: 0.5em;



	margin-bottom:1em;



	float: left;

	text-align:center;



	font-weight:bold;



	padding-bottom:0.5em;







}







.pimagen{



	width:90%;



	margin:auto;



	padding-top:1em;



	padding-bottom:0em;



}

	







.bienvenido {

	font-family: 'Francois One', sans-serif;

	font-size:2em;

	text-align:center;

	margin-top:1em;

	color:#F36;

	

	}

article {

	margin-bottom:1em;

	margin-top:1em;

	

	}



.catalogo {

	width:85%;

	float:left;

	border-bottom:thin solid #000;

	padding:0.5em;

	text-align:left;

	font-size:0.9em;

	

	}

	

.catalogo img {max-width:200px;

float:left;

margin:0 0.5em 0.5em 0;

	

	}



.precio {

	margin-top:1em;

	width:15%;

	float:left;

	padding:0.5em;

	background-color:#000;

	color:#F39;

	font-weight:bold;

	text-align:center;

	

	}

.destacados {
	color:#fff;}

/*media queri///////////////////////////////////*/

@media screen and (max-width: 988px){

	

	.topi {

		 width:100%;

	

	

	}

	

	.top{



	width:100%;	

	float:none;

	margin-left:auto;

	margin-right:auto;

	text-align:center;
	

		

	

}



.porta {

	float:none;

	width:100%;

	

	}



.logo {

	width:90%;	

	float:none;

	margin-left:auto;

	margin-right:auto;

	margin-top:0em;

	}

	

.top3{ max-width:300px;
margin-left:auto;
margin-right:auto;
	float:none;
	margin-top:0em;
	margin-bottom:1em;
text-align:center;
}



.tel {

	width:90%;	

	float:none;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

	}

.botonera li {

	margin-top:0.5em;

	

	}



.central {
	margin-top:0px;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	
	
	
	}

	

	.logo {

	margin-top:0em;/*5*/

	}

	



.productos{



	width: 40%;



}



	



}



@media screen and (max-width: 655px){



.productos{



	width: 70%;



	margin-right: 1em;



	margin-left: 1em;







}



}



@media screen and (max-width: 580px){

	

.topi { width:100%;

text-align:center;

	}

	









.porta {

	float:none;

	width:100%;

	}



.logo {

	width:100%;	

	float:none;

	margin-left:auto;

	margin-right:auto;

	}



	

.logo img {

	width:70%;

	height:auto;

	

	}	

nav {

		display:none;

		}

	

.portabotones {

	height:auto;

	}

		

.toogle-button { display:block;

	}



.toogle-button{

	display: block;

	width: 50px;

	margin:0em auto 2em auto;

	background-color: #333;

	border-radius: 10px;

	padding: 10px;

}

.toogle-button span{

	display: block;

	border-top: solid 2px #fff;

	border-bottom: solid 2px #fff;

	height: 16px;

	position: relative;

	text-indent: -9999px;

}

.toogle-button span:after{

	content: '';

	width: 100%;

	height: 2px;

	background-color: #fff;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -1px;

}



.botonera ul{

	

	margin-top:0;

	text-transform:none;

	text-decoration:none;

	width:100%;

	margin-left:0;

	}

	

.botonera li{

	width:100%;

	margin-right:0;

	margin-left:0;
	

	border-bottom:#FFFFFF 1px solid;

	margin-top:0;

	}







.botonera a{

border:0;
	display:block;

	font-size:1.4em;

	color:#fff;

	text-transform:none;

	text-decoration:none;

	padding-top:1.5em;

	padding-bottom:1em;

	background-color:#000;

	border-radius:0;
	margin-right:0;

	margin-left:0;

	}



.botonera a:hover {

	background:none;

	background-color:#FFB401;

	color:#000;

	font-weight:700;

	}



.text {

	width:90%;

	margin-left:5%;

	margin-right:5%;

	}



.text img {

	width:90%;

	margin-left:5%;

	margin-right:5%;

	}



.foto {

	width:90%;

	margin-left:5%;

	margin-right:5%;

	}







/*quienes*/



.quienes {

	text-align:left;

}





.fotodos {

	width:90%;

	margin-left:5%;

	margin-right:5%;

	text-align:center;

	}



.principal {

	margin-top:1em;

	

	}

.dire {

	display:none;

	

	

	}



.red {

	width:10.6%;

	

	

	}

red img{

	

	margin-left:auto;

	margin-right:auto;

	

	

	}



	

.slogan {

	font-size:2.4em;

	padding-top:0em;

	

	}



	

.resaltado{

	width:90%;

	text-align:center;

	

}



.galeria{

	width:90%;

}



.productos{



	width: 100%;



}





.catalogo {

	width:100%;

	float:left;

	border-bottom:none;

	padding:0.5em;

	text-align:left;

	font-size:0.9em;

	margin-top:1em;

	

	}

	

.catalogo img {max-width:200px;

float:left;

margin:0 0.5em 0.5em 0;

	

	}



.precio {

	width:100%;

	float:left;

	padding:0.5em;

	background-color:#000;

	color:#F39;

	font-weight:bold;

	text-align:center;

	border-bottom: medium solid #F39;

	margin-top:0;



	}

	

	

	}



	

@media screen and (max-width: 455px){	



.galeria{

	width:90%;

}



.productos{



	width: 100%;



}





	

footer{

	height:160px;



}

}





@media screen and (max-width: 107px){

	







.tel {

	



	

	}



.slogan {

	font-size:2.5em;

	

	}

}