@font-face {
    font-family: 'DINProBlack';
    src: url('../../fuentes/dinpro-black-webfont.eot');
    src: url('../../fuentes/dinpro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fuentes/dinpro-black-webfont.woff') format('woff'),
         url('../../fuentes/dinpro-black-webfont.ttf') format('truetype'),
         url('../../fuentes/dinpro-black-webfont.svg#DINProBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DINProLight';
    src: url('../../fuentes/dinpro-light-webfont.eot');
    src: url('../../fuentes/dinpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fuentes/dinpro-light-webfont.woff') format('woff'),
         url('../../fuentes/dinpro-light-webfont.ttf') format('truetype'),
         url('../../fuentes/dinpro-light-webfont.svg#DINProLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DINProRegular';
    src: url('../../fuentes/dinpro-regular-webfont.eot');
    src: url('../../fuentes/dinpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fuentes/dinpro-regular-webfont.woff') format('woff'),
         url('../../fuentes/dinpro-regular-webfont.ttf') format('truetype'),
         url('../../fuentes/dinpro-regular-webfont.svg#DINProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* 
	Resets defualt browser settings
	reset.css
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

/*
	Page style
*/
body { 
font-size:10px;
	font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;
	letter-spacing:0;
	color:#515151;
	
	
	position:relative;

	-webkit-font-smoothing: subpixel-antialiased;
}


#products_example {
	
	width:800px;
	height:282px;
	position:relative;
}

/*
	Slideshow
*/

#products {
	margin-left:26px;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

#products .slides_container {
	left:5px;
	width:460px;
	overflow:hidden;
	float:left;
	position:relative;
	display:none;
	height: 170px;
	top:128px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container .ver {
	width:366px;
	height:274px;
	display:block;
}

/*
	Next/prev buttons
*/

/*#products .next,#products .prev {
	position:absolute;
	top:127px;
	left:0;
	width:21px;
	height:0;
	padding-top:21px;
	overflow:hidden;
	display:block;
	z-index:101;
}

#products .prev {
	background:url(../img/arrow-prev.png);
}

#products .next {
	left:398px;
	background:url(../img/arrow-next.png);
}*/

/*
	Pagination
*/

#products .pagination {

	padding:5px 5px;
	float:left;
	height: 108px;
    margin-left: -490px;
    padding: 5px;
    width: 490px;
}

#products .pagination li {
	float:left;
	margin:2px 29px;
	list-style:none;
}

#products .pagination li a {
	display:block;
	width:57px;
	height:41px;
	
	float:left;
}

#products .pagination li.current a {
	visibility:hidden;
	margin:0;
}

/*
	Anchors
*/

a:link,a:visited {

	color:#599100;
	text-decoration:none;
}

a:hover,a:active {
		opacity:0;
	
	color:#599100;
	text-decoration:none;
}

.leyenda{
	background-image:url(../../images/01_servicios/fondo_leyenda.jpg);
	height:169px;
	left: 227px;
    position: relative;
    width: 232px;
	}
	
.imagen{
	height: 169px;
    position: relative;
    top: -169px;
    width: 227px;
	}	
h2{
    font-family: 'DINProRegular';
    color: #000000;
    left: 18px;
    position: relative;
    top: 32px;
    width: 194px;
    font-size:1.1em;
	}
	
h1{
    font-family: 'DINProBlack';
	text-transform:uppercase;
	font-style:uppercase;
	color:#000;
	top:20px;
	left:18px;
	position:relative;
	width:194px;
	font-size:1.2em;
	}		
	
#boton1{
	width:115px;
	height:112px;
}

#boton2{
	width:115px;
	height:112px;
}

#boton3{
	width:115px;
	height:112px;
}

#boton4{
	width:117px;
	height:112px;
}