@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: 'Muli', sans-serif;
background: url(imgs/fondo.jpg) repeat;

	
	}
h1 { font-size:1.5em;

	
	}

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

	
	}

h3 { font-size:1.3em;
font-weight:200;
color:#FF4F04;
	
	}


.tipogrande {
	font-size:1.2em;
	color:#ea4848;
	text-shadow: 1px 2px 2px #fff,1px 1px 2px #fff;
	
	
	
	}

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

.grande {
	color:#ea4848;
	}
.central {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	
	}




.descargas {
	width:80%;
	border-bottom: dotted 1px #000;
	float:left;
	padding:0.45px;
	background:#FFF;
	border-radius:5px;
	}

.descargas2 {
	max-width:20%;
	float:left;
	margin-bottom:0.5em;}

.descargas2 img{
	width:100%;}




.portatop {
	max-width: 1170px;

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

.logo {width:18.0%;
height:auto;
float:left;
margin-right:1%;
margin-left:1%;
text-align:center;
margin-top:0.5em;
font-size:4em;
color:#fff;
 line-height:0.7em;


	
}

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

	
}

.loguitos {
	float:right;
	width:78%;
	margin-top:2.5em;
	margin-right:1%;
margin-left:1%;
font-size:2.1em;
	text-align:left;
	line-height:1.2em;

	
	
	}

.maria {font-size:2.5em; font-weight:600;color:#000;}



.portabotones {
	    width: 42%;
    float: right;
    margin-right: 3%;
}
	   
	
	
	




.centro {
		max-width:1150px;
	margin-left:auto;
	margin-right:auto;

	}
	
.slider {
	width:100%;
	margin:auto;
	border:solid 20px #81cccf;
	border-radius:10px;
	text-shadow: 3px 3px 5px #000;
	

	}

.slider img{}
	


.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{
font-family: 'Muli', sans-serif;
	margin-top:0em;
	margin-bottom:0.8em;
	
		text-transform:none;
	text-decoration:none;

	max-width: 1170px;
	text-align:center;
margin: 0 auto;

	
	}
.botonera li{
	
	float:left;
	text-transform:none;
	text-decoration:none;
	text-align:center;
	display:block;
	/*width: 15.66%;*/
	margin-left:0.25%;
	margin-right:0.25%;
	background:#c3e4d9;
	

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

.botonera li:last-child {
	
	}
	
	

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

	color:#13353f;
	text-transform:none;
	text-decoration:none;
border-radius:5px;
text-transform:uppercase;
	
	


	
	}

.botonera a:hover {
	
	
	
	
	background-color:#a5d0c2;
	display:block;
border-radius:5px;

	
	
	
	
	}
	
.principal{
	
	
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	font-size:1.6em;
	
	}


.home {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	font-size:1.7em;
	color:#ccc;
	text-align:left;
	
		margin-top:1em;
		margin-bottom:1em;
		padding:0.5em ;
		
		
	
	}

.slogan {
	
	font-size:2em;
	color:#0CF;
	
	
		
		margin-bottom:1em;
		padding:0.2em ;
		
		
	
	}

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

footer {
	width:100%;
	
	
	
	
	font-size:1.5em;
	color:#1f3c44;
	padding:0em 0.5em 0  0.5em ;
	text-align:center;

	letter-spacing:2px;
	background:url(imgs/foo.jpg) repeat;
	line-height:1.6em;
	
	}

	
	


.pie {
	text-align:center;
	
	font-size:0.8em;
	width:100%;
	margin:0.5em auto 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,select {
	/*margin-top:2%;*/
	border: 1px dotted #999;
	color:#000000;
	font-family : inherit;
  font-size:1.1em !important;
  height:auto !important;
  
	
	}
	
.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:center;
	background:url(imgs/ff.jpg) repeat-x;
	}








.titulo {
	background:#c3e4d9;
	color:#333;
	font-size:1.4em;
	letter-spacing:0.2em;
	text-align:center;
	padding:0.25em;
	margin-top:1em;
	}


.linea {
	border-bottom: thin solid #999;}

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

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

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

.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:1.7em;
	color:#000;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;}



.color {
	color:#FFC;}

.envio {
	font-family: 'Domine', serif;
	font-size:3.7em;
	
	padding-top:1em;
	padding-bottom:1em;
	margin-bottom:0.5em;
	color:#000;
	text-shadow: 2px 2px 3px #fff;
	border-bottom:thin solid #b4aaaa;
}





.cuatrigaleria {
    width: 18%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    background: #fff;
  
    padding: 0.5em;
    
    margin-bottom: 1em;
   
	border-radius:5px;
	text-align:center;
	color:#009;
	font-weight:700;
	}

.cuatrigaleria img {
	margin-bottom:0.25em;}


.galeria {
    width: 31%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    background: #EDDDDD;
    color: #222;
    padding: 0.25em;
    
    margin-bottom: 1em;
    height: 300px;
    overflow:hidden;
	border-radius:5px;}

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


.catalogo {
	width:75%;
	float:left;
	border-bottom:thin solid #FFF;
	padding:0.5em;
	}
.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:#CCC;
	color:#F00;
	font-weight:bold;
	text-align:center;
	border-radius:5px;
	
	}

.contactanos {
	float:left;
	margin-top:2em;
	margin-left:1.5em;
	background:#fff;
	}
	.contactanos a {
		border:thin solid #ccc;
		padding:0.5em;
		border-radius:5px;
		color:#ea4848;
		display:block;
	}
	
	.contactanos a:hover {
		
		color:#fff;
		background:#3468cb;;
	}

.destacado {
		border:thin solid #ccc;
		padding:0.5em;
		border-radius:5px;
		background:#fff;
		
	}

#premiacion {
	width:600px;
	height:auto;
	position:absolute;
	top:35%; 
	left:45%; 
	margin-top:-200px; 
	margin-left:-200px;
	z-index:1000;
	}
#premiacion img {
	width:100%;
	height:auto;}

/*media queri/////
//////////////////////////////*/
@media screen and (max-width: 984px){
	.logo {
	width:90%;	
	float:none;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
	
	}

.logo img {
	max-width:140px;
	text-align:center;
	
	}

.loguitos {width:90%;	
	float:none;
	margin-left:5%;
	margin-right:5%;
	margin-top:0;
	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;}
	
.centro img{
	border:0;
	
	border-radius:0;}
	
.central {
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;}



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

.slider {
	width:98%;
	margin-left:auto;
	margin-right:auto;
	border:solid 10px #81cccf;}

.centro {margin-top:1em;}

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

.envio {
	font-size:2.4em;
	width:90%;
	margin-left:auto;
	margin-right:auto;}
	
}

@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;
	margin-bottom:1.5em;}

.cuatrigaleria {
	width:31%;}
.galeria {
	width:48%;}


}
@media screen and (max-width: 602px){
#premiacion {
	width:350px;
	height:auto;
	position:absolute;
	top:35%; 
	left:50%; 
	margin-top:-200px; 
	margin-left:-200px;
	}
	
	
.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:1em;}






.cuatrigaleria {
	width:48%;}


.precio { 

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

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

.descargas2 {
	max-width:100%;
	float:none;
	text-align:center;
	margin-bottom:0.5em;}


.descargas2 img{
	max-width:150px;
	margin:auto;}
	
.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;}
	
.maria {font-size:1.8em; }


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


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

	
	}

.home {font-size:1.5em;width:98%;
	margin-left:1%;
	margin-right:1%;
}

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


footer {
	font-size:1.7em;
	}

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

}

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

}



}