/*@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');*/
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Ruda');
@import url('https://fonts.googleapis.com/css?family=PT+Serif'); /*tipo de letra para el titulo */
@import url('menu.css');
@import url('banner.css');
@import url('blog.css');
@import url('info.css');
@import url('footer.css');

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: 'Montserrat', sans-serif;
}

/* para el contacto.html Inicio */
#formulario {
    background-image: url(../img/toldocofre.jpg);
    background-size: 100vw 100vh;
    background-attachment: fixed;
    margin: 0;
}


#formcontacto {
    width: 450px;
    margin: auto;
    background: rgba(0,0,0,0.4);
    padding: 20px 20px;
    box-sizing: border-box;
    margin-top: 100px;
    border-radius: 7px;
}

h2.formulario {
    color: #fff;
    text-align: center;
    margin: 0;
    font-size: 30px;
    margin-bottom: 20px;
}

h3.formulario {
   color: #fff;
    margin-bottom: 10px;
    margin-bottom: 40px;
}
input.formulario, textarea.formulario {
    width: 100%;
    margin-bottom: 20px;
    padding: 7px;
    box-sizing: border-box;
    font-size: 17px;
    border: none;
}
textarea.formulario {
    min-height: 100px;
    max-height: 200px;
    max-width: 100%;
   
}
#botoncontacto {
    background: #31384A;
    color: #fff;
    padding: 20px;
}
#botoncontacto:hover {
    cursor: pointer;
}

footer.formulario {
  /*background-color: white; */
  position: absolute; 
  bottom: 0;
  width: 100%;
  height: 140px;
  color: white;
}
/* para el contacto.html Fin */

h1 {
	/*font-family: 'Yanone Kaffeesatz', sans-serif;
	font-family: 'Libre Baskerville', serif;
	font-family: 'Montserrat', sans-serif;
	font-family: 'Ruda', sans-serif;*/
    font-family: 'PT Serif', serif;
	letter-spacing: 1.2px;	
	float: left;
	
}

header {
	width: 100%;
	height: 50px;
	background: #333;
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
header .contenedor {
	display: table;
}

.contenedor {
	width: 98%;
	margin: auto;
}
section {
	width: 100%;
	margin-bottom: 25px;
	
}
#bienvenidos {
	text-align: center;
}
#empresa {
	width: 98%;
	margin: auto;
}
	

@media (min-width:1024px) {
	.contenedor {
	/*	width: 1000px;*/
	}
}

@media (max-width:480px){
	h1 {
		font-size: 20px;
	}
	.fijotelefono {
        visibility: visible;
    }
    .fijomail {
        visibility: hidden;
    }
    #formcontacto { 
        width: 100%;
    }
    footer.formulario {
        position: relative;
    }
}


img.isos {
	padding: 10px;
	float: left;
}
.milista li {
	margin: 20px;
}
.copy {
	 font-family: 'PT Serif', serif;
}


.imgtodoancho {
	/*margin-top: 50px;
	margin-top: 10px;
	
	margin-right: 1%;*/
	margin-left: 1%;
	
	width: 96vw;

	
}


.zonas {
	width: 100%;
	text-align: center;
	color: #333;
	text-decoration: none;
	
}
.zonas a {
	color: #333;
	text-decoration: none;
}