@import url(normalize.css);
@import url(https://fonts.googleapis.com/css?family=Arimo:400,400italic,700,700italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,400i,600');


/*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;
	
	}


/*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:#FFF;


	
	}
h1 { font-size:1em;
font-weight:normal;

	
	}

h2 { font-size:1em;
font-weight:normal;

	
	}

h3 { font-size:1.3em;

color:#F00;
	
	}


.tipogrande {
	font-size:1.2em;
	
	
	
	}

.barra {
	border-bottom:solid 10px #0B0B61;
	height:10px}
.content {
	max-width:1200px;
	margin:auto;}	

#top {
	background:#B90000;
	position:fixed;
	
	left:0;
	top:0;
	height:109px;
	
	width: 100%;
	z-index:10;
	

	
	}

.container{
	
	width:65%;
	float:right;
	margin-bottom:3em;
	
	
}
.topi{
	
	max-width:298px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
	
	
	}

.grande {
	color:#d64b7c;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:1em;
	}
.central {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	
	}


.consultanos {
	color:#fff;
	background:#353A8F;
	border-radius:5px;
	padding:0.35em;
}






.portatop {
	max-width: 1000px;

margin-left: auto;
margin-right: auto;
	
}

.logo {
height:auto;
float:left;

text-align:center;

font-size:4em;
color:#fff;
 line-height:0.7em;

margin-bottom: 0.25em;
margin-left:3%;
margin-top: 0.15em;
	
}

.logo img {max-width:208px;
height:auto;

	
}

.loguitos {
	float:right;
	
	margin-top:0.5em;

font-size:1.8em;
	text-align:center;
	line-height:1.2em;

	color:#222;
	
	}

.encabezado {
	background: url(imgs/slider1.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	text-align:center;
	font-size:4em;
	padding-top:5em;
	padding-bottom:5em;
	
	margin-top:100px;
	max-height:650px;
	overflow:hidden;
	
	color: #fff;
/*text-shadow: 2px 2px 2px #fff;*/}

.bordeHome {padding:1em; 
background:url(imgs/verde.png) repeat;
/*text-shadow: 2px 2px 5px #000;*/}

.portabotones {
	    width: 42%;
    float: right;
    margin-right: 3%;
}
	   
	
	
	
.lobster {
	font-family: 'Lobster', cursive;
	}



#centro {
		width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:80px;
	

	}

.centro2 {
		max-width:1150px;
	margin-left:auto;
	margin-right:auto;
	font-size:1.6em;
	color:#fff;

	}

.centro2 a{
	color:#FFC;}
	
#slider {
	width:100%;
	height:auto;
	margin:auto;
	
	z-index:0;
	position:relative;
	
	text-shadow: 3px 3px 5px #000;
	
	

	}


	


.centrodos {
	max-width:1300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1.5em;
	float:none;
	
	
	}

.trifoto {
	
	text-align:center;
	
	
	color:#FFF;
	

	
	}
.trifoto img {border: solid 12px #fff;}

.cleaner{
	clear: both;
}
img-responsive{
	width: 100%;
	height:auto;
}



.nombre {
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:3em;
	color:#222;
	margin-top:1.5em;
	}



.toogle-button { display:none;
	
	}
nav {	background:#CCC;
	}

.botonera ul{
	

	margin-top:0em;
	margin-bottom:0.8em;
	
		text-transform:none;
	text-decoration:none;
font-family: 'Zilla Slab', serif;
	
	
	
	
	}
.botonera li{
	
	float:left;
	text-transform:none;
	text-decoration:none;
	text-align:center;
	display:block;
	width: 19%;
	margin-left:0.5%;
	margin-right:0.5%;
	
	background:#222;

border:thin solid #fff;
border-radius:5px;
	
	}

.botonera li:last-child {
	
	}
	
	

.botonera a{
	
	padding: 0.5em;
display: block;
font-size: 1.6em;

	color:#fff;
	text-transform:none;
	text-decoration:none;
border-radius:5px;

}

.botonera a:hover {
	
	
	

	background:url(imgs/back.jpg) repeat-x #FB0404;
	display:block;
border-radius:5px;
	
	
	
	
	}
	
.maschico {
	font-size:0.8em;}
	
.principal{
	
	
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	font-size:1.6em;
	
	}


.home {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	font-size:2.4em;
	color:#545454;
	text-align:left;
	
	padding:0.5em ;
	line-height:1.4em;
	clear: both;

	}

.slogan {
	
	font-size:1.6em;
	color:#353A8F;
	
	
		
		margin-bottom:1em;
		padding:0.2em ;
		
		
	
	}

.border {
	height:21px;
	background:url(imgs/borde.png) repeat-x;
	margin-top:3em;}
	

footer {
	width:100%;
	
	
	
	
	font-size:1.6em;
	color:#fff;
	padding:0em 0.5em 0  0.5em ;
	text-align:center;

	letter-spacing:1px;
	background:url(imgs/foo.jpg) repeat-x #000;
	line-height:1.6em;
	border-top:thin solid #fff;
	
	
	}

	
footer a {
	color:#fff;}	


.pie {
	text-align:center;
	
	font-size:0.8em;
	width:100%;
	margin:0 auto;
	
	}
.pie a{
	text-decoration:none;
	text-transform:none;
	color:#FFFFFF;
	background:#000;
	letter-spacing:0;
	
	}


/*contacto*/

.imagen {
	width:100%;
	height:170px;
	background:url(imgs/cc.jpg);
	
	}
	
input,textarea {
	margin-top:2%;
	border: 1px dotted #999;
	color:#000000;
	font-family : inherit;
  font-size   : 100%;
  width:100%;
	
	}
	
.verif{ display: none; }

form {
	background:#e1e1e1;
	border-radius:5px;
	padding:0 0.5em;}

.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:center;
	background:url(imgs/ff.jpg) repeat-x;
	}








.titulo {
	
	margin-left:auto;
	margin-right:auto;
	background:#A4A4A4;
	color:#fff;
	font-size:1.4em;
	letter-spacing:0.2em;
	text-align:center;
	
	
	
	padding:0.7em;
	
	}


.linea {
	border-bottom: dotted 1px #666;}

.derecha {
	float:right;
	margin:0 0 2em 2em;}

.derecha img{
	border-radius:10px;
	max-width:400px;
	border:thin solid #ccc;}
	
	

.columna {
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	margin-bottom:1em;
	}

.texto {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	font-size:2.9em;
	color:#3E0000;
	background:#FFFF99;
	padding:0.4em;
	z-index:100;
	margin-top:-5em;
	position:relative;}


.link {
	border:thin solid #fff;
	width:90%;
	margin:1.5em auto 0 auto;
	
	color:#fff;
	border-radius:5px;}

.link a {
	display:block;
	color:#fff;
	padding:0.5em;
	border-radius:5px;}
	
.link a:hover {
	background:#900;}




.info {
	font-size:em;
	color:#000;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;}



.color {
	color:#F54D4A;}
	
.color2 {
	color:#f00;}

.envio {
	
	
	font-size:1.6em;
	
	padding-top:1em;

	color:#000;
	border-radius:5px;
	/*text-shadow: 2px 2px 3px #fff;*/
}



.espacio {
	margin-top:108px;}


.clientess {
    
    margin-left: 1%;
    margin-right: 1%;
    float: left;
  
    color: #4E4E4E;
    padding: 0.25em;
    
    margin-bottom: 1em;
    
    overflow:hidden;
	border-radius:5px;
	text-align:center;
	font-size:0.8em;
	border:thin solid #ffaeae;
	border-radius:5px;
	text-transform:uppercase;
	line-height:1.3em;
	vertical-align:middle;
	padding:1em;
	}


.galeria {
    width: 31.3%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
  
    color: #222;
    padding: 0.25em;
    
    margin-bottom: 1em;
    
    overflow:hidden;
	border-radius:5px;
	font-size:0.8em;
	line-height:normal;
	height:380px;
	
	}

.galeria img {
	margin-bottom:0.5em;border-radius:5px;}


.catalogo {
	
	
	padding:0.5em;
	}

	
	
article.catalogo {
	border-bottom:dotted 1px #7C8040;
	border-top:none;}

.catalogo img {
	
	border-radius: 8px;
}

.catalogo li {
	list-style: disc;
}
.precio {
	margin-bottom:1em;
	width:35%;
	float:right;
	padding:0.5em;
	background-color:#FFC;
	color:#F00;
	font-weight:bold;
	text-align:center;
	border-radius:5px;
	
	}

.rojo {color:#FB0404;}

#frase {
	
	padding: 0.3em;
color: #fff;
text-align: center;
font-size: 3.2em;
margin-top:1em;
background:#FB0404;
z-index: 400;
position: relative;


	
	box-shadow: 2px 2px 5px #000;
	}

.destacado {
	max-width:250px;
	margin:auto;	
	
	text-align:center;

	display:block;

	}

.destacado a {
color: #F54D4A;
border: thin solid #F54D4A;
border: thin solid #B90000;
	border-radius:15px;
	text-align:center;
	display:block;
	padding:0.5em;
	

	
	}

.destacado a:hover{
	color:#fff;
	background:#F54D4A;
	}
	

.direccion {
	margin-top:1em; margin-bottom:1em; text-align:right;}

.nocortar {
	display:inline-block;}

.crema {
	color:#FFC;}

.zilla {font-family: 'Zilla Slab', serif;
font-size:1.3em; color:#FC6;}

.frase {background:url(imgs/tela.jpg) repeat #990100;


font-family: 'Courgette', cursive;
text-align:center;
font-size:1.5em;
padding:0.5em;
border-radius:5px;}

article {
	border-bottom: dotted 1px #FF9;
	
	padding:0.5em;
	margin-bottom:1em;}
	
.tipogrande {
	font-size:1.3em;}	
	

.videocontent {
	max-width:600px;
  	margin:auto;}
	
.video {position: relative;
padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
padding-top: 25px;}

.video iframe {
	position: absolute;

width: 100%!important;

height: 100%!important;
	}

.recuadro {border: thin solid #F54D4A;
padding: 1.5em;
font-weight: 300;
text-align: left;
margin-top: -1em;
margin-bottom: 2em;
}

article {
	margin-bottom:1em;
	margin-top:1em;
	border-bottom:dotted 1px #000;
	text-align:left;
	
	}

.catalogo {
	width:100%;
	font-size: 0.9em;
	padding:0.5em;
	
	}
.catalogo img {width:30%;
height:auto;
float:left;
margin:0 1.5em 0.5em 0;
	
	}
/*media queri/////
//////////////////////////////*/
@media screen and (max-width: 1200px){
	
		.portatop {
	width: 95%;

margin-left: auto;
margin-right: auto;
	

	padding-bottom:1em;}
	
	

	.centro2 {
		width:90%;
	margin-left:auto;
	margin-right:auto;

	}}
	
	
@media screen and (max-width: 984px){
	
.home {width:96%;
margin-left:auto;
margin-right:auto;}
	.galeria {
	width:48%;}
	
	.logo {
	width:90%;	
	float:none;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
	
	}

.espacio {
	margin-top:0px;}
#top {
	height:180px;
	position:relative;}

.encabezado {
	margin-top:0;}

.logo img {
	
	text-align:center;
	margin-top:0.35em;
	
	}

.loguitos {width:90%;	
	float:none;
	margin-left:5%;
	margin-right:5%;
	margin-top:0;
	
	}
.direccion {
	text-align:center;}

.container {width:90%;	
	float:none;
	margin-left:5%;
	margin-right:5%;
	margin-top:0;}


.portabotones {
	height:auto;
	text-align:center;
	width:90%;	
	float:none;
	margin-left:5%;
	margin-right:5%;
	margin-top:-3em;
	
	}

	.botonera ul {
		margin-top:4.5em;}
	

	
	
.central {
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;}



.botonera a{
	min-height:50px;}









.info {
	
	width:90%;
	margin-left:auto;
	margin-right:auto;}

.envio {
	font-size:1.5em;}


.home {
	font-size:2.2em;}	


}
@media screen and (max-width: 900px){
	.bordeHome {}

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

	#top{
		height:auto;
		position:relative;}
	
	#centro {
		margin-top:0;}
.encabezado {
	
	font-size:2.5em;
	padding-top:5.5em;
	padding-bottom:5.5em;
	
	margin-top:0px;
	
	
	color: #fff;	
	
	}
@media screen and (max-width: 700px){
	
.texto {
	margin-top:0.5em;
	font-size:2.6em;}

.ancho {
	margin-top:0;}

.columna1 {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	float:none;
	margin-bottom:1.5em;}

.columna {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	float:none;
	}



#frase {
	margin-top:1em;
	margin-bottom:0;
	font-size:2.5em;}

.galeria {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	height:auto;}
	
}
@media screen and (max-width: 602px){
	
	#top {
	padding-top:1em;

	clear: both; 
	float:none;
	
	}
	
#slider img {
	border:solid 10px #fff;}
.grande {
	
	
	line-height:normal;
	margin-top:1em;}
	.top{

	width:90%;	
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
		
	
}



	
	nav {
		display:none;
		
		}
	
	
		
.toogle-button { display:block;
	
	}

.toogle-button{
	display: block;
	width: 50px;
	margin:1em auto 2em auto;
	background-color: #000;
	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{
	font-family: 'Roboto', sans-serif;
	margin-top:0;
		text-transform:none;
	text-decoration:none;
	width:100%;
	margin-left:0;
	margin-bottom:0.5em;
	
	
	}
.botonera li{
	border:0;
	
	margin-top:0em;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	border-bottom:#ccc 1px solid;
	
	
	
	}



.botonera a{
	padding-top:1em;
  padding-bottom:1em;
	display:block;
	font-size:1.2em;
	font-size:1.5em;

	text-transform:none;
	text-decoration:none;
	
	
	
	}

.botonera a:hover {
	

	
	font-weight:700;
	
	}


.foto {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	
	}



.principal{
	
	margin-top:0em;
	}


.principal {
	margin-top:1em;
	
	}
.dire {
	display:none;
	
	
	}

.tel {
	display:block;
float:right;
width:50%;
margin-top:0.8em;

	
	}



.tipogrande { font-size:1.3em;}






.cuatrigaleria {
	width:48%;}


.precio { 

width:100%;
margin-top:0em;
margin-bottom:1.5em;}

.catalogo {
	width:100%;}
	
@media screen and (max-width: 655px){	

	
.trifoto {
	width:96%;
	margin-left:auto;
	margin-right:auto;
	
	font-size:2.3em;
	
	}

.bx-controls-direction a {
	display: none;
	}

.slider {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:1.5em;}
	

.derecha {
	float:none;
	max-width:80%;
	margin-left:10%;
	margin-right:10%;
	}

.centro2{
	text-align:left;}
	

.catalogo img {width:90%;
float:none;
margin:auto 5% auto 5%;
	
}

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


.tel {
	display:block;
float:right;
width:50%;
margin-top:0.8em;

	
	}

.home {font-size:2.1em;width:90%;
	margin-left:5%;
	margin-right:5%;
}




footer {
	font-size:1.56em;
	
	}

.galeria {
	width:90%;
	margin-left:5%;
	margin-right:5%;

	min-height:0;

}

.cuatrigaleria {
	width:90%;
	margin-left:5%;
	margin-right:5%;

}


footer {
	letter-spacing:normal;}
}