@charset "utf-8";
/* CSS Document */

@import url(menu.css);
@import url(banner.css);
@import url(info01.css);
@import url(blog.css);
@import url(contacts.css);
@import url(refacciones.css);
@import url(foot.css);

body {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color: #efefef;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: sans-serif;
}

section {
	width: 100%;
}

.contenedor {
	width: 98%;
	margin: auto;
}

#esp_enca {
	background-color: #000000;
	height: 10px;
	width: 100%;
}

#esp01 {
	height: 10px;
	width: 100%;
}

/***** traductor ******/
.goog-te-gadget-simple img {
  display: inherit;
}
body {
  top: 0 !important;
}
.goog-te-banner-frame {
  display: none;
}

/***** fin traductor *****/

#encavezado {
	background-color: #c0ceac;
	height: 121px;
	width: 100%;
}

header {
	width: 100%;
	z-index:1000;
	max-width: 1000px;
	height: 50px;
	background: #569300;
	color: #fff;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0px auto;
}

#logoresp {
	display: none;
}

#headermenu {
	background: #569300;
	height: auto;
	width: 100%;
}

#info_enc {
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	height: 121px;
	width: 200px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}
#direccion01 {
	height: 121px;
	width: 480px;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	font-size: 12px;
}
#busqueda {
	float: left;
	height: 121px;
	width: 265px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

#search input[type="text"] {
	border: 0 none;
	font: bold 12px Arial,Helvetica,Sans-serif;
	color: #FFFFFF;
	width: 240px;
	padding: 6px 15px 6px 35px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	background-color: #447c8c;
	background-image: url(../img/search-dark.png);
	background-repeat: no-repeat;
	background-position: 10px 6px;
}

#search input[type="text"]:focus {
	width: 240px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/**** Titulos Categorias *****/

#encaPag {
	height: 64px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
#titulos_pag {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	height: 30px;
	color: #569300;
	text-align: left;
	width: 98%;
}
#enlaces {
	font-size: 12px;
	width: 98%;
	padding-bottom: 1px;
	color: #569300;
}
#tit_cat a{
	color: #000000;
	text-decoration: none;
}
#tit_cat a:hover{
	color: #569300;
	text-decoration: underline;
}

/*** Fin titulos categorias ***/

#imprimir01 .contenedor {
	align-content: center;
}

.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
width: 390px;
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.sociales {
	width: 100%;
	text-align: center;
	padding-bottom: 25px;
	
}

.sociales a {
	font-size: 40px;
	text-decoration: none;
	color:#e62117;
	
}

h1 {
	float: left;
}
#encavezados {
	text-align: center;
	height: 84px;
	background-image: url(../img/f_enc01.jpg);
}
#encavezados a{
	color: #CCCCCC;
	text-decoration: none;
}


/*----------------- Estilos de bienvenidos -----------------*/
#bienvenidos h2 {
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 23px;
}
img {
  display: block;
  max-width: 100%;
}

#bienvenidos {
	text-align: center;
	font-size: 24px;
	font-weight: bolder;
	padding: 10px;
}

.info__columna {
  background: #d99311;
  color: #fff;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
}
.info__columna a {
	text-decoration: none;
	color: #FFFFFF;
}

.info__columna a:hover {
	color: #000000;
}

/*----------------- Fin estilos de bienvenidos -----------------*/

#foot {
	background-color: #272727;
	height: auto;
	width: 100%;
}

footer {
	width: 100%;
	height: auto;
	min-height: 80px;
	background: #182129;
}

#column-left {
    background-color: #EBE9EA;
    border: 1px solid #D2D2D2;
    border-radius: 8px 8px 8px 8px;
    float: left;
    position: fixed;
    min-height: 225px;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
    width: 200px;
}

#central {
    background-color: #EBE9EA;
    border: 1px solid #D2D2D2;
    border-radius: 8px 8px 8px 8px;
    float: right;
    height: 5000px;
    margin-bottom: 10px;
    width: 985px;
}

#esp01 {
	height: 10px;
	width: 100%;
}

.go-top {
  position: fixed;
  bottom: 2em;
  right: 2em;
  text-decoration: none;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  padding: 1em;
  display: none;
  border-radius: 50%;
}

.go-top:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

@media (max-width:1224px) {
	
	#menuvideos {
		display: none;
	}
}

@media (max-width:800px) {
	
	#info_enc {
		width: 768px;
	}
	
	#direccion01 {
		width: 250px;
		font-size: 11px;
	}
	#busqueda {
		width: 215px;
	}
	
	#search input[type="text"] {
		width: 210px;
	}
	
	#search input[type="text"]:focus {
		width: 210px;
	}
	
	.sociales {
		width: 100%;
		text-align: center;
		padding-bottom: 25px;
	}
	
	.sociales a {
		font-size: 20px;
		text-decoration: none;
		color: #333;
		
	}
}

@media (max-width:767px) {
	header {
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		border-radius: 0px;
	}
	
	#logoresp {
		display: flex;
		background-image: url(../img/logoresp.png);
		background-repeat: no-repeat;
		height: 41px;
		width: 191px;
		padding-top: 1px;
		margin-left: 20px;
	}
	
	#esp_enca {
		display: none;
	}
	
	#encavezado {
		display: none;
	}
	
	#sup {
		display: none;
	}
	
	#visitas {
		display: none;
	}
	.video-responsive {
        width: 98%;
		min-width: 250px;
    }
}

@media(min-width:768px) {
  .infoimg {
    display: flex;
    justify-content: space-between;
    margin-top: -100px;
  }
  .info__columna {
    width: 25%;
	margin-left: 20px;
	margin-right: 20px;
	z-index: 10;
  }
  .info__titulo {
    font-size: 30px;
    margin: 3px 0;
  }
  
}

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

.ws1 {font-size: 1px;}
.ws2 {font-size: 2px;}
.ws3 {font-size: 3px;}
.ws4 {font-size: 4px;}
.ws5 {font-size: 5px;}
.ws6 {font-size: 6px;}
.ws7 {font-size: 7px;}
.ws8 {font-size: 8px;}
.ws9 {font-size: 9px;}
.ws10 {font-size: 10px;}
.ws11 {font-size: 11px;}
.ws12 {font-size: 12px;}
.ws13 {font-size: 13px;}
.ws14 {font-size: 14px;}
.ws15 {font-size: 15px;}
.ws16 {font-size: 16px;}
.ws17 {font-size: 17px;}
.ws18 {font-size: 18px;}
.ws19 {font-size: 19px;}
.ws20 {font-size: 20px;}
.ws22 {font-size: 22px;}
.ws24 {font-size: 24px;}
.ws26 {font-size: 26px;}
.ws28 {font-size: 28px;}
.ws36 {font-size: 36px;}
.ws48 {font-size: 48px;}
.ws72 {font-size: 72px;}#tit_cat {
	height: auto;
	width: 100%;
}
#sup {
	background-color: #212121;
	height: 15px;
	width: 100%;
}
#slider {
	background-image: url(../images/f_slider.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	height: auto;
	width: 100%;
}