/**/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

@import "../css/reset.css";
@import "../css/grid.css";
@import "../css/superfish.css";

/* ===================================
2. layout
==================================== */

.wp2 { position: fixed; right: 20px; bottom: 50px; width: auto; z-index: 9999; display: flex; align-items: center; padding: 2px 4px; text-decoration: none !important; background-color: #FFF;
    box-shadow: 4px 7px 22px -4px rgba(0,0,0,0.43);
    border-radius: 50px;
    transition:all 0.25s ease 0s;}
.wp2 img { width: 50px;}
.wp2 p { color: #111; font-size: 14px; line-height: 20px; font-weight: bold; margin: 0; margin-left: 7px; padding-right: 12px;}
.wp2:hover { background-color: #64a956;}
.wp2:hover p { color: #FFF;}

input { outline:none !important; border-radius:0 !important; }

html { width:100%; }

a[href^="tel:"] { color: inherit; text-decoration:none; }

* { -webkit-text-size-adjust:none; }

body {
	font:14px/20px Arial, Helvetica, sans-serif;
	color:#a1a1a1;
	background-color:#009fb3;
	position:relative;
	min-width:960px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-family:'Open Sans', sans-serif ;
	color:#009fb3;
	text-transform:uppercase;
}

h2 {
	padding-top:64px;
	text-align:center;
	font-size:35px;
	line-height:40px;
	margin-bottom:48px;
}

h3{
	text-align:center;
	font-size:22px;
	line-height:33px;
	padding-top:30px;
	margin-bottom:30px;
	background:none;
}

p { margin-bottom:20px; }

img { max-width:100%; }

ul { padding:0; margin:0; list-style:none; }

a {
	text-decoration:none;
	color:inherit;
	outline:none;
	transition:0.5s ease;
}

a:hover { color:#009fb3; }

.clear { float:none !important; clear:both; }

/* ================= HEADER ================= */

header{
	display:block;
	position:relative;
	z-index:999;
	padding:20px 0;
	min-height:320px; /* 👈 altura para logo grande */
}

/* LOGO ORIGINAL (lo pisamos abajo) */
h1{
	float:left;
	z-index:999;
}

h1 a{
	display:block;
	overflow:hidden;
	width:161px;
	height:45px;
	text-indent:-999px;
}

h1 a img{ display:block; }

/* ================= CONTENT ================= */

.content{
	background-color:#fff;
	padding-bottom:68px;
}

.icon{ text-align:center; }

.icon img{ margin-bottom:18px; }

.icon .title{
	font:24px/33px 'Open Sans', sans-serif;
	text-transform:uppercase;
	color:#626262;
	margin-bottom:19px;
}

blockquote{ padding-top:1px; font-family:'Open Sans', sans-serif; }

.fleft{ float:left; margin-right:18px; margin-top:5px; }

footer{
	display:block;
	padding:23px 0 ;
	font-size:12px;
	color:#d7d7d7;
}

.copy{ padding-top:9px; padding-bottom:23px; }

/* =====================================================
🔥🔥🔥 FIX FINAL LOGO GRANDE 300px (ESTO ES LO IMPORTANTE)
===================================================== */

/* quitamos medidas que cortan el logo */
h1 a{
    width:auto !important;
    height:auto !important;
    overflow:visible !important;
    text-indent:0 !important;
}

/* contenedor del logo */
h1.logo{
    float:left;
    margin-top:10px;
}

/* imagen del logo */
h1.logo img{
    display:block;
    height:300px;   /* ← TU ALTURA */
    width:auto;
}

/* agrandamos header automáticamente */
header{
    min-height:320px;
}

/* bajamos menú */
.menu_block{
    margin-top:120px;
}