/* CSS Document */

body {
	background:url(graf/bcg.jpg) center 0px no-repeat;
	margin:0;
}

a img {
	border:0;
}

a {
	outline:none;
}

img,.slideshow {
	behavior:url(iepngfix.htc);/* Para los png transparentes */
}

h1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#333333;
	margin:5px 0;
}

h1 a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
}

h1 a:hover {
	color:#DEC15C;
}

h2 {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#7D671A;
	margin:5px 0;
}

h2 a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#7D671A;
	text-decoration:none;
}

h2 a:hover {
	color:#DCBE58;
}

h3 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#D5AE2B;
	margin:5px 0 20px 0;
}

h4 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000000;
	margin:5px 0;
}

h4 a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}

h4 a:hover {
	color:#4B4B4B;
}

h5 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#6C6C6C;
	margin:5px 0;
}

h5 a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#6C6C6C;
	text-decoration:none;
}

h5 a:hover {
	color:#A0A0A0;
}

p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666666;
	margin:5px 0;
}

#contenedor {
	width:978px;
	margin:0 auto;
}
#top {
	width:978px;
	position:relative;
	height: 275px;
}

#logo {
	width:199px;
	height:134px;
	position:absolute;
	top:10px;
	left:20px;
}

#menu {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#F6BE50;
	position:absolute;
	top:235px;
	left:0;
	width:978px;
	text-align:center;
}

#menu a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#F6BE50;
	margin:0 20px;
	text-decoration:none;
}

#menu a:hover {
	color:#795406;
}

#contenido {
	width:918px;
	float:left;
	padding:40px 30px;
}

#tit-home {
	display:block;
	background:url(graf/item-home.gif) no-repeat;
	padding:5px 0 5px 25px;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#333333;
}

#servicios-home {
	width:330px;
	height:150px;
	float:right;
	background:url(graf/bcg-servicios.jpg) 340px 20px no-repeat;
	padding:0 100px 0 0;
	margin:20px 0 0 0;
}
#servicios-home p {
	margin:0 0 20px 0;
}

#servicios-home a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#000000;
	background:url(graf/flecha-home.jpg) no-repeat;
	padding:5px 0 10px 30px;
	margin:0 0 0 30px;
	text-decoration:none;
}

#servicios-home a:hover {
	color:#525252;
}

#contacto-home {
	width:340px;
	height:175px;
	border-top:1px dotted #E2E2E2;
	border-right:1px dotted #E2E2E2;
	padding:20px 10px 10px 80px;
	background:url(graf/bcg-contacto.jpg) 0 10px no-repeat;
	float:right;
	margin: 30px 0 0 0;
}

#contacto-home h1 {
	font-size:20px;
}

#contacto-home img {
	margin:10px 0 0 0;
	float:right;
}

#col-izquierda {
	float:left;
	width:245px;
}

#col-derecha {
	float:right;
	width:650px;
}

#map3 {
	width:245px;
	height:220px;
}

#paginado {
	width:650px;
	padding:10px 0;
	background-color:#7D671A;
	text-align:center;
	float:left;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#paginado a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

#paginado a:hover {
	color:#D5AE2B;
}

#pie {
	width:100%;
	margin:0 auto;
	background:url(graf/bcg-pie.jpg) repeat-x;
	padding:50px 0;
	text-align:center;
	color:#D5AE2B;
}

#pie a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#D5AE2B;
	text-decoration:none;
}

#pie a:hover {
	color:#8D741D;
}

#firma {
	width:100%;
	margin:0 auto 10px auto;
	text-align:center;
}

#firma a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#828282;
	text-decoration:none;
}

/* Clases */
.banners {
	float:left;
	width:414px;
	height:167px;
	margin:20px 0;
}
.banners img { margin-bottom:20px}

.reset {
	clear:both;
	margin:0px 0px 5px 0px;
	font-size:1px;
}

.ver-mas {
	background:url(graf/ver-mas.png);
	width:157px;
	height:17px;
	padding:10px;
	margin:10px 0;
	text-align:center;
}

.ver-mas a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

.ver-mas a:hover {
	color:#8B8B8B;
}

.consultar {
	background:url(graf/btn.jpg) no-repeat;
	width:87px;
	height:17px;
	padding:10px;
	margin:10px 5px 10px 0;
	text-align:center;
	float: left;
}

.consultar a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

.consultar a:hover {
	color:#8B8B8B;
}

.list-item {
	width:450px;
	float:left;
	margin-top:40px;
}

.list-item ul, .list-item2 ul {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}

.list-item li, .list-item2 li {
	margin:0;
	padding:10px 0 10px 30px;
	background:url(graf/item-1.jpg) 0 5px no-repeat;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#333333;
	border-bottom:1px dotted #7D7D7D;
}

.list-item2 {
	width:918px;
	float:left;
	margin-top:20px;
}

.list-item2 li {
	margin:0 0 15px 0;
}

.subtit {
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#7D671A;
	padding:5px 0;
	border-bottom:2px solid #7D671A;
	margin:5px 0 10px 0;
}

.rubro {
	background:url(graf/flecha.png) no-repeat;
	padding:0 0 10px 25px;
	margin:10px 0 5px 0;
	border-bottom: 1px dotted #000000;
}

.rubro a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}

.rubro a:hover {
	color:#333333;
}

.subrubro {
	background:url(graf/item-2.gif) 0 5px no-repeat;
	padding:0 0 5px 20px;
	margin:10px 0 5px 0;
	border-bottom: 1px solid #C9C9C9;
}

.subrubro a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#6C6C6C;
	text-decoration:none;
}

.subrubro a:hover {
	color:#484848;
}

.productos {
	float:left;
	border-bottom:1px dotted #000000;
	width:650px;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

.productos img {
	float:left;
	
	height:140px;
	width:188px;
}

.productos a img  {
	border:4px solid #333333;
}

.productos  a:hover img {
	border:4px solid #D5AE2B;
}

.txt {
	float:right;
	width:430px;
}

.galeria {
	width:650px;
	text-align:center;
	margin:20px 0;
	float: left;
}

.galeria img {
	margin:0 10px 10px 0;
}

.galeria p {
	margin:10px 0 20px 0;
}

.warning {
	background:url(graf/bg-error-ie6.gif) repeat-x;
	color:#FFFFFF;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	z-index:10000;
	display:none;
	width:100%;
	height:90px;
}

/*Estilos jQuery Slide imagenes - clientes*/

.slideshow {
	height:51px;
	width:713px;
	overflow:hidden;
	margin:0 0 20px 0;
	z-index:-100;
	position:absolute;
	top:165px;
	left: 100px;
}

.pics { width:918px; height: 355px; overflow: hidden; margin:0 0 30px 0; }


/* Estilos jQuery Destacados */

.slider-destacados {
	width:918px;
	display:block;
	position:relative;
	overflow:hidden;
	margin:30px 0 10px 0;
}

#slider {
	margin:0;
	list-style:none;
	width:918px;
}
#slider ul {
	width:918px;
	margin:0;
	padding:0;
}
#slider li {
	margin:0;
	padding:0;
	list-style:none;
	width:918px;
	overflow:hidden;
}

#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:5px;
	top:100px;
	z-index:800;
}	
#nextBtn, #slider1next{ 
	left:880px;
}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	width:27px;
	height:27px;
	background:url(graf/l_arrow.png) no-repeat 0 0;	
	position:absolute;
	outline:none;
}	
#nextBtn a, #slider1next a{ 
	background:url(graf/r_arrow.png) no-repeat 0 0;	
	right:0px;
}	

.slider-contenidos-txt {
	width:378px;
	float:left;
	background-color:#D5AE2B;
	border-right:10px solid #333333;
	padding:20px 10px 20px 40px;
	height:170px;
}

.slider-contenidos-img strong {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#333333;
}

.slider-contenidos-img {
	width:455px;
	background-color:#939393;
	float:right;
	border-left:5px solid #5B5B5B;
	padding:20px 10px;
	height:170px;
	text-align:center;
}

.slider-contenidos-img img {
	border:4px solid #333333;
	height:140px;
	width:188px;
	margin:10px 10px 0 0;
}

/* Formulario */

.form-contacto {
	float:left;
	width:350px;
	margin:40px 0 0 50px;
	padding:0;
	text-align:right;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666666;
	float: left;
}

.inputs {
	width:200px;
	background-color:#FFF;
	border:1px solid #C2C1C1;
	vertical-align:middle;
	margin:2px 30px 2px 6px;
	padding:2px 5px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000;
}

.boton-contacto {
	float:right;
	background:url(graf/btn-enviar.jpg);
	width:107px;
	height:37px;
	border:0;
	cursor:pointer;
	margin:10px 30px 0 0;
}

label {
	display:block;
}

/*WHATSAPP FLOTANTE*/
.wsp-flot {
	position: fixed;
	right: 20px;
	top: 220px;
	z-index: 100;
	border-radius: 50%
}

.wsp-flot:hover, 
.wsp-flot:focus {
 	-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.77);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.77);
	transition: all 0.4s ease 0s;
}

/*--css responsive--*/

.menu { list-style-type: none; margin: 0px; padding: 0px; }
.menu li { display: inline-block; border-right:1px solid #f6be50 }
.menu li a { display: block; text-align: center; text-decoration: none; }
.menu li:last-child { border:0 none }


.show-menu { cursor: pointer; text-decoration: none; color: #fff; font-size: 20px; text-align: center; padding: 10px 0px; display: none; text-transform: uppercase; position:relative; top:220px; font-family:Arial, Helvetica, sans-serif }
input[type="checkbox"] { display: none; }
input[type="checkbox"]:checked ~ #menu { display: block; z-index:999 }

@media only screen and (min-width: 768px) and (max-width: 980px) {

	#contenedor, #top, #menu, #contenido, .list-item2  { width: 680px }
	
	#slider, #slider ul, #slider li, .slider-destacados, .pics  { width: 680px }
	
	#nextBtn, #slider1next { left:643px }
	
	#contenido { padding:40px 0px }
	
	.slider-contenidos-img, .slider-contenidos-txt { width:43.74% }
	
	.slider-contenidos-img img { width:30%; height:auto }
	
	.banners { width:300px }
	
	.banners img { width:100% }
	
	#servicios-home { width:330px; padding:0 40px 0 0; background:rgba(0, 0, 0, 0) url("graf/bcg-servicios.jpg") no-repeat scroll 300px 20px }
	
	#contacto-home { width:280px; padding: 20px 10px 10px 70px }
	
	.slideshow { left:0px; width:680px }

	#top .menu a { margin:0 7px }
	
	#col-izquierda { width:200px }
	
	#col-derecha, .productos, .txt, .galeria { width:450px; }
	
	#paginado { width:100px }
	
}


@media only screen and (max-width: 767px) {

  .menu { position: static; display: none; }
  .menu li { border-bottom:1px dotted #ccc; border-right:0px none; width: 100%; background-color: #ededed;   }
  .show-menu { display: block; }

  .show-menu img {width: 10%;}
        
  label { display:block } 
  
  .banners, #servicios-home, #contacto-home { width:100%; float:none; overflow:hidden; height:auto }

  #top .menu a { font-size: 16px; text-transform:uppercase; padding: 15px 5px; margin: 0px; color: #686868;  }

  #top .menu li a:hover { color: #F6BE50  }

  #top .menu { width: 100%; top: 270px;  }

  #logo { left:50px; }

  #logo img {width: 93%;}
  
  #contenedor, #top, #menu, #contenido, .list-item2 { width: 600px }
  
  #contenido { padding:40px 0px }
  
  .slideshow { left:0px; width:600px }
  
  #slider, #slider ul, #slider li, .slider-destacados, .pics { width: 600px }
  
  #nextBtn, #slider1next { left:560px }

  	.slider-contenidos-txt { width: 33%; padding: 15px 10px 25px 30px; }

  	.slider-contenidos-txt p { font-size: 11px }

  	.slider-contenidos-txt h1 a { font-size: 12px  }

  	.ver-mas { width: 75%; border-radius: 5px  }
	
	.slider-contenidos-img { width:42% }
	
	.slider-contenidos-img img { width:50%; height:auto }
	
	#contacto-home { padding:0px; background: rgba(0, 0, 0, 0) url("graf/bcg-contacto.jpg") no-repeat scroll 0 bottom; margin-bottom:20px }
	
	#servicios-home { padding:0px; background: rgba(0, 0, 0, 0) url("graf/bcg-servicios.jpg") no-repeat scroll right bottom  / 15% }
	
	.banners img, .productos, .galeria { width:100% }
	
	#col-izquierda, #col-derecha { width:100%; float:none }
	
	#col-derecha { margin-top:30px }
	
	.txt { width:65% }

	#paginado { width:100px }

	.form-contacto { margin: 40px 0 0 }

  
}

	@media only screen and (max-width: 560px) {
		
	#contenedor, #top, #menu, #contenido, .list-item2 { width: 430px }
	
	#slider, #slider ul, #slider li, .slider-destacados, .pics { width: 430px }
	
	.slideshow { left:0px; width:430px }
	
	  #nextBtn, #slider1next { left:400px }

	  .txt { width: 100% }

	  .form-contacto { width: 100%; margin:0px; text-align: left; }

	  .inputs { margin: 0 0 10px 0; width: 100% }

} 

	@media only screen and (max-width: 480px) {
	
	#contenedor, #top, #menu, #contenido, .list-item2 { width: 300px }
	
	#slider, #slider ul, #slider li, .slider-destacados, .pics { width: 300px }

	.pics img { width: 100% !important; height: auto !important }

	.pics { height: 130px }
	
	.slideshow { left:0px; width:300px }
	
	 #nextBtn, #slider1next { left:260px }
	  
	 #servicios-home a { background-size:8%; margin:0px; padding:3px 0 10px 20px }
	 
	 #servicios-home { background-size:10% }
	 
	 #contacto-home { background-size:15% }

	 #tit-home { font-size: 14px }


}

@media only screen and (max-width: 360px) {
	body { background:url(graf/bcg.jpg) -950px 0px no-repeat; }
}

@media only screen and (max-width: 320px) {

  #contenedor, #top, #menu, #contenido, .list-item2  { width: 250px }
  
  #slider, #slider ul, #slider li, .slider-destacados, .pics { width: 250px }
  
  .slideshow { left:0px; width:250px }
  
   #nextBtn, #slider1next { left:210px }
	
	.slider-contenidos-img  { width:40% }

	.slider-contenidos-txt { width: 30% }
	
	.ver-mas { width:80% }

	.pics { height: 100px }
	
	.banners { height:auto }

  		
	}
	
/*--fin css responsive--*/