/* 
	blue: #4c94ca;
*/

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

html { background-color: #333; }
header, .content { background-color: #fff; clear: both; overflow: hidden; }
img { max-width: 100%; }
/*---------------------------------------
	WEBFONTS
----------------------------------------*/

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}



/*---------------------------------------
	LAYOUT
----------------------------------------*/

.col1, .col2, .col3 , .col4 , .col5 , .col6 , .col7 , .col8 , .col9 , .col10 , .col11 , .col12 { 
	width: 100%; 
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.centered, .centered-menu {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	clear: both;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.row {
	width: 100%;
	clear: both;
	overflow: hidden;
}

.gray {
	background: #ececec;
}
.col-12.clearfix {
	padding-bottom: 24px;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

header {
	padding-bottom: 12px;
}

div.tecnico, div#map-canvas, footer { clear: both; }

div.evapolar {
	background: #4886b5;
}

.top { 
	/*margin-bottom: 6px;*/
	background: #fff;
	overflow: hidden;
}

.left {
	float: left;
}

.right {
	float: right;
}
.center {
	text-align: center;
}

.centrales {
	clear: both;
	border-bottom: 1px dotted #4C94CA;
	overflow: hidden;
	margin-bottom: 24px;
	padding-bottom: 24px;
}
.description {
	width: 50%;
	float: left;
}
.centrales img {
	max-width: 40%;
	float: right;
	padding-top: 12px;
}

a#logo-link {
	display: block;
	width: 120px;
	height: auto;
	margin: 0 auto;
}

h1#logo {
	/*text-indent: -9000px;*/
	width: 120px;
	height: 50px;
	/*line-height: 74px;*/
	background: url('../imgs/layout/logo-header@2x.png') 0 0 no-repeat;
	background-size: cover;
	margin: 0 auto;
	border: 0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	background-color: transparent;
	text-align: center;
}

footer {
	background-color: #333;
	color: #aaa;
	padding: 2% 0;
	overflow: hidden;
}

.tecnico  { 
	/*background: #61A2D3;*/
	background: #61A2D3 url('../imgs/layout/servicio-number-bg-2.png') no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: 100%;
	padding-bottom: 0%;
}

.tecnico img {
	margin-left: 2.6%;
}

#map-canvas {
	height: 140px;
}

input {
	width: 91%;
	font-size: 1em;
	height: 40px;
	padding-left: 8px;
}

textarea { 
	height: 110px; 
	width: 91%;
	font-family: inherit;
	font-size: inherit;
	padding: 8px;
}

#send {
	background: #4C94CA;
	border: none;
	color: #fff;
	width: 91%;
	font-size: 1em;
	-webkit-appearance: none;
}

#send:hover {
	background: #066543;
}

a.salesman {
	/*width: 30%;*/
	position: absolute;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.content .centered {
	padding-bottom: 240px;
	position: relative;
}

.row .centered {
	padding-bottom: 0;
}

.content .centered .salesman {
	text-align: center;
}


.content .centered .salesman img {
	width: 220px;
	
}

.atop img {
	max-width: 80px;
	padding: 6px 6px 16px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*---------------------------------------
	NAVIGATION
----------------------------------------*/
#nav-menu {
	float: right;
	padding: 5px 16px 4px;
	background: #ffa409;
	margin-top: 14px;
}

a#nav-menu  {
	color: #fff;
	text-decoration: none;
}

ul.secciones {
	display:none;
	text-align: center;
}

ul.secciones li {
	text-align: center;
	font-size: 1.4em;
	padding: 8px 0;	
}

ul.secciones li a {
	padding: 4px 8px;
}

ul.secciones li:hover a {
	text-decoration: underline;
	/*background: #ff0000;
	color: #fff;*/
}

ul.products {
	border-top: 1px solid #fff;
}

ul.products li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	float: left;	
	width: 25%;	
	background: #4c94ca;	
}

li a div.section-title  { 
	font-size: .8em; 
	color: #fff; 
	border-right: 1px solid #4C94CA;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding-top: 4px;
}

li:last-child a div.section-title  {
	border-right: none;
}

li a:hover div.section-title {
	background: #4C94CA;
	color: #fff;
}

li a div.section-img img {
	width: 60%;
	height: auto;
	padding: 2% 0 4px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}
li a.active div.section-title {
	background: #4C94CA;
	color: #fff;

}
.single {
	padding-top: 15px;
}
ul {
	list-style-type: none;
}


/*---------------------------------------
	FONTS
----------------------------------------*/
html { font-size: 16px; }
body { font: 62.5%/1.5 Lato, sans-serif; }
li { font-size: 1.2em; }

p {
	margin-bottom: 1em;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 1rem;
}

h2 {
	/*color: #4c94ca;*/
	color: #fff;
	background: rgb(55, 121, 171);
	/*font-size: 2.5em;*/
	font-size: 2rem;
	margin-bottom: 24px;
	text-align: center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}



.tecnico h2 {
	color: #fff;
	font-size: 2em;	
}

.row h3 {
	font-size: 2rem;
	color: #4C94CA;
	padding: 24px 12px 8px;
	text-align: center;
}


h3.left, h3.right {
	/*color: #fff;*/
	padding: 8px 0 0 10px;
	font-size: 1.6em;
	color: #3779AB;
}

h3.left span {
	display: none;
}

.col-8 h3 {
	font-size: 2.3em;
	padding-left: 3px;
	color: #4C94CA;
	font-weight: bold;
	margin-bottom: 12px;
}
footer h3 {
	font-size: 12px;
	font-weight: normal;
	/*float: left;*/
	text-align: center;
}

footer h3.estudio { 
	/*float: right; */
	opacity: .8;
	width: 102px;
	height: 19px;
	background: url('../imgs/layout/db-logo.png') 0 0 no-repeat;
	background-size: 100%;
	display: block;
	margin: 3px auto;
	border: 0;
	font: 0/0;
	text-shadow: none;
	color: transparent;
	background-color: transparent;
	text-align: center;
}

footer h3.estudio a {
	display: block;
	width: 102px;
	height: 19px;
}

footer h3 a {
	color: #ccc;
}

a { text-decoration: none; color: #666; }

p.note { font-size: 1.2em; font-style: italic; }

.prod-img { text-align: center }

.eva-content {
	float: none; width: 100%;
}	
.media {
	float: none; width: 100%;
}

.izq, .der { float: none; }

/*---------------------------------------
	TABLE
----------------------------------------*/
.modelo, .mod-1, .mod-2 { color: #fff; text-transform: uppercase }
.modelo { background: #494949; padding-left: 4px; }
.mod-1 { background: #ff6600; }
.mod-2 { background: #d66113; }

td { vertical-align: middle; }
td {
	padding: 12px 0 12px 33px;
	font-size: 1.4em;
}

table { font-size: .6em; width: 100%; }

table.prices {
	margin: 0 auto;
}

table.modelos-caracteristicas img {
	width: 100%;
	height: auto;
}




/*---------------------------------------
	IMAGES
----------------------------------------*/

.centered img { max-width: 100% }

img.sistemas-centrales { max-width: 40%; }

img.credito { width: 20%; }

img.asesor {
	/*width: 50%;*/
	float: right;
}


a img { 
	border: none;
}

#layerslider img {
	clear: both;
	width: 100%
}

#map-canvas img, .tecnico img {
	width: 100%;

}
.prod-img img{
	/*margin: auto;*/
	display: inline;
	max-width: 40%;
}

/*---------------------------------------
	FORM
----------------------------------------*/
.confirm {
  opacity: 0;
  transition: all .2s ease-in-out;
}
.confirm.visible {
  opacity:1
}

input[type="submit"] {
  cursor: pointer;
  transition: all .2s ease-in-out;
}