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

/* basich styles */
body { 
	font-family: 'Open Sans', sans-serif; 
	background: #edede1; 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fafafa),color-stop(1, #edede1));
	background-image: -o-linear-gradient(bottom, #fafafa 0%, #edede1 100%);
	background-image: -moz-linear-gradient(bottom, #fafafa 0%, #edede1 100%);
	background-image: -webkit-linear-gradient(bottom, #fafafa 0%, #edede1 100%);
	background-image: -ms-linear-gradient(bottom, #fafafa 0%, #edede1 100%);
	background-image: linear-gradient(to bottom, #fafafa 0%, #edede1 100%);
}
h2, h3, h4 { font-family: 'Caudex', serif; text-transform: uppercase;  }
h3,h4 { }
h2 { color: #064040; font-size: 2.1rem;}
h3 { color: #064040; font-size: 1.65rem;}
h4 { color: #242424; border-bottom: 1px solid #242424; font-size: 1.1rem; }
p, ul, ol { font-weight: 300; color: #222222; line-height: 1.6em; margin-bottom: 1.5em; }
strong { font-weight: 400;}
a { color: #254d4d;}
.nivo-caption h4 { color: #fafafa; text-transform:uppercase; letter-spacing: 0.5em; }
.nivoSlider { border: none; opacity: 0.85; }
.cotizador_sub { margin-left: 1rem; }
.mapp-layout {
  margin: 15px 10px;
  padding: 0;
}
#resultado_poliza { margin-left: 1rem; padding-bottom: 1rem; }

#head { padding: 1em 0; }
#content { padding: 1.2rem; border: none; background-color: none; background: none; }
#content-full { padding: 1.2rem; border: none; background-color: none; background: none; margin-bottom: 1.5em;}
#content-full-p { padding: 1.2rem; border: none; background-color: none; margin-bottom: 1.5em; min-height: 650px;}
#content-home { padding: 0.5em; border: none; background-color: #fefefe; margin-bottom: 1.5em;}
header { padding-bottom: 0;}
footer.full-width { background-color: #074c4c; border-top: 2px solid #242424; padding-top: 0; }
footer.full-width p { color:#fefefe; } 
footer.full-width a { color:#fefefe; font-weight: 400; }
footer.full-width a:hover { color:#edede1; }
footer.full-width .love-reverie { border-top: none; text-align:right; font-size: 0.8em; }
footer.full-width ul { list-style: none; }
footer.full-width li { float: left; padding-right: 1rem;} 
footer.full-width article { margin-top: -1rem;}
.post header, .page header { margin-bottom: 0;}
.container li { margin-bottom: 0.6em;}
.block ul { margin-left: 2.5rem; }
.bgt { text-align: center; font-weight: 700; color: #fafafa; background: #064040; }
.panel { 
	margin-bottom: 1rem;
  background: none;
  border: none;
  padding: 1.25rem;
}
#mapp0_layout { float:right;}

table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(even) { 
  background: #efefef; 
}

/* Sidebar */

#sidebar .panel, .footer-widget .panel { background: none; border: none; padding: 1.5em 1em 1em; }
#sidebar .widget h4, .footer-widget .widget h4 { color: #002600; }
#sidebar .widget h4, .footer-widget .widget h4 { font-weight: 400; padding-bottom: 0.7em; }
#sidebar .panel a, .footer-widget .panel a { color: #454545; }
#sidebar .panel a:hover, .footer-widget .panel a:hover, #sidebar .panel a:focus, .footer-widget .panel a:focus { text-decoration:underline; color: #4d2a07; }
.lwa td { line-height: 1.5em; padding-bottom: 1em; vertical-align: middle;}
.avatar { float: none; text-align:center; padding-left: 0;border-radius: 20%;}

/*contacto */

#contact { padding: 1.5rem 1rem 0; background: none; margin: 1rem 0; }
#cotizador { padding: 1.5rem 1rem 0; background: none; width: 75%;  margin: 1rem auto; }
#contact P { margin-bottom: 0.5em;}
#contact br { display: none;}
label { font-size: 1em; font-weight: 400; }
input[type="radio"] { margin-right: 0.5rem;}
button, .button { background-color: #085959; }
button:hover, button:focus, .button:hover, .button:focus { background-color: #064040;}

/* ASEPROFI */

.contain-to-grid { 
	background-image: #085959;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #085959),color-stop(1, #074c4c));
	background-image: -o-linear-gradient(bottom, #085959 0%, #074c4c 100%);
	background-image: -moz-linear-gradient(bottom, #085959 0%, #074c4c 100%);
	background-image: -webkit-linear-gradient(bottom, #085959 0%, #074c4c 100%);
	background-image: -ms-linear-gradient(bottom, #085959 0%, #074c4c 100%);
	background-image: linear-gradient(to bottom, #085959 0%, #074c4c 100%);
	width: 100%; 
}

.top-bar { 
	background-image: #085959;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #085959),color-stop(1, #074c4c));
	background-image: -o-linear-gradient(bottom, #085959 0%, #074c4c 100%);
	background-image: -moz-linear-gradient(bottom, #085959 0%, #074c4c 100%);
	background-image: -webkit-linear-gradient(bottom, #085959 0%, #074c4c 100%);
	background-image: -ms-linear-gradient(bottom, #085959 0%, #074c4c 100%);
	background-image: linear-gradient(to bottom, #085959 0%, #074c4c 100%);
	width: 100%; 
}

.top-bar-section ul {
	background-image: #085959;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #085959),color-stop(1, #074c4c));
	background-image: -o-linear-gradient(bottom, #085959 0%, #074c4c 100%);
	background-image: -moz-linear-gradient(bottom, #085959 0%, #074c4c 100%);
	background-image: -webkit-linear-gradient(bottom, #085959 0%, #074c4c 100%);
	background-image: -ms-linear-gradient(bottom, #085959 0%, #074c4c 100%);
	background-image: linear-
	gradient(to bottom, #085959 0%, #074c4c 100%);
}

.top-bar-section ul li.active > a {
	background-image: #4d4d4d;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4d4d4d),color-stop(1, #333333));
	background-image: -o-linear-gradient(bottom, #4d4d4d 0%, #333333 100%);
	background-image: -moz-linear-gradient(bottom, #4d4d4d 0%, #333333 100%);
	background-image: -webkit-linear-gradient(bottom, #4d4d4d 0%, #333333 100%);
	background-image: -ms-linear-gradient(bottom, #4d4d4d 0%, #333333 100%);
	background-image: linear-gradient(to bottom, #4d4d4d 0%, #333333 100%);
}

.top-bar-section li a:not(.button) {
	background-image: #085959;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #085959),color-stop(1, #074c4c));
	background-image: -o-linear-gradient(bottom, #085959 0%, #074c4c 100%);
	background-image: -moz-linear-gradient(bottom, #085959 0%, #074c4c 100%);
	background-image: -webkit-linear-gradient(bottom, #085959 0%, #074c4c 100%);
	background-image: -ms-linear-gradient(bottom, #085959 0%, #074c4c 100%);
	background-image: linear-gradient(to bottom, #085959 0%, #074c4c 100%);
}

.top-bar-section li a:hover:not(.button) {
	background-image: #242424;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #242424),color-stop(1, #040404));
	background-image: -o-linear-gradient(bottom, #242424 0%, #040404 100%);
	background-image: -moz-linear-gradient(bottom, #242424 0%, #040404 100%);
	background-image: -webkit-linear-gradient(bottom, #242424 0%, #040404 100%);
	background-image: -ms-linear-gradient(bottom, #242424 0%, #040404 100%);
	background-image: linear-gradient(to bottom, #242424 0%, #040404 100%);
}

body > header.contain-to-grid {
  margin-bottom: 1em;
}

/* POLIZAS */

.polizas { padding: 0.5em; background: #fCfCfC; border: 1px solid #000;}

.prow {}
.pt { font-weight: bold; }

@media only screen and (max-width: 800px) {
	
	#mapp0_layout { float:none;}
	#cotizador { padding: 1.5rem 1rem 0; background: none; width: 97%;  margin: 1rem auto; }

	
	/* Force table to not be like tables anymore */
	#polizas table, 
	#polizas thead, 
	#polizas tbody, 
	#polizas th, 
	#polizas td, 
	#polizas tr { 
		display: block; 
	}
	
	#polizas td { min-height: 30px; }
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#polizas thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#polizas tr { border: 1px solid #ccc; }
 
	#polizas td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 40%; 
		white-space: normal;
		text-align:left;
	}
 
	#polizas td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#polizas td:before { content: attr(data-title); }
}