@charset "UTF-8";


/*
CSS 
NOVEMBRO DESIGN 2011
–––––––––––––––––––––––
COLORES

GREEN 	#859847
ORANGE	#B07718
RED	#B03905
BLUE	#0176A8

BLACK	#1A120C
WHITE 	#EAE8E4

FONTS: 
'BebasNeueRegular' / 'LektonBold' 'LektonItalic' 'LektonRegular'
'DINCondBlackRegular'

GENERALES
----------------------------------------------- */

* {margin:0px;padding: 0px;border:0px;text-decoration: none;}



body, html {overflow-x: hidden;/*background-color: #B03905;*/ font-family: Futura,Tahoma, Century Gothic, Gill Sans,  Sans-serif;}

body {background: url(http://lazosdesanguillermo.es/media/piezas/fondo.jpg) top center repeat;}

.page {width: 100%;text-align: center;}

.wrap {margin: 0px auto;overflow: hidden;}

li, ul {list-style: none;}

a {text-decoration: none;}

a:hover { }

.wrap div { }

.wrap h1 { }

.wrap div p { }


table {margin: 0px auto;}
table td {vertical-align:top;}

sup {line-height: normal !important;}

.pb-40 {padding-bottom: 40px;}
.pb-80 {padding-bottom: 80px;}
.pt-40 {padding-top: 40px;}
.pt-80 {padding-top: 80px;}

.row {width: 40px;}
.row-ex {width: 30px;}

a.activo {color:#B03905 !important;}

.oculto {display: none;}

.transparent { -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0; color: transparent;} /* IE opaco = 100 */

/*
NAVEGACION
----------------------------------------------- */


a.historia {display:block;height: 125px;width: 268px;background: url(http://lazosdesanguillermo.es/media/piezas/02-menu-historia-24.png) center 0px no-repeat;background-size:268px 250px; }
a.productos {display:block;height: 125px;width: 350px;background: url(http://lazosdesanguillermo.es/media/piezas/02-menu-productos-24.png) center 0px no-repeat;background-size:350px 250px; }
a.contacto {display:block;height: 125px;width: 302px;background: url(http://lazosdesanguillermo.es/media/piezas/02-menu-contacto-24.png) center 0px no-repeat;background-size:302px 250px; }

#nav a:hover {background-position-y: -125px;}



/*
HISTORIA
----------------------------------------------- */


.t01 {text-align: justify;font-size: 16px;width:290px;line-height: 28px;color: #2F322F;}

.t02 {font-family: Gill Sans,Tahoma, Futura, Century Gothic, Sans-serif;line-height:32px; font-size:28px; color: #777C73;width:984px;}

.t03 {font-family:  Futura,Tahoma, Century Gothic, Gill Sans, Sans-serif;line-height:24px; font-size:11px; letter-spacing: 5px; color: #44544A;
	text-align: justify;text-transform: uppercase;width: 633px;}
.t04 {font-family:  Futura, Tahoma, Century Gothic, Gill Sans, Sans-serif;line-height:20px; font-size:14px; letter-spacing: 7px; color: #44544A;
	text-align: justify;text-transform: uppercase;width: 633px;}

#historia {background: url(http://lazosdesanguillermo.es/media/piezas/fondo-obrador.jpg) no-repeat;background-position: center top;}


/*
IMAGENES
----------------------------------------------- */

.cont {position: relative;}

.eq-1 {position:absolute; width:25px; height:25px;top:-10px;left:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-e1-24.png) 0px 0px no-repeat; }
.eq-2 {position:absolute; width:25px; height:25px;top:-10px;right:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-e2-24.png) 0px 0px no-repeat; }
.eq-3 {position:absolute; width:25px; height:25px;bottom:-10px;right:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-e3-24.png) 0px 0px no-repeat; }
.eq-4 {position:absolute; width:25px; height:25px;bottom:-10px;left:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-e4-24.png) 0px 0px no-repeat; }

.v .l-12 {position:absolute; width:260px; height:25px;top:-10px;left:15px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-12-24.png) 0px 0px repeat-x; }
.v .l-23 {position:absolute; height:370px; width:25px;top:15px;right:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-23-24.png) 0px 0px repeat-y; }
.v .l-34 {position:absolute; width:260px; height:25px;bottom:-10px;left:15px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-34-24.png) 0px 0px repeat-x; }
.v .l-41 {position:absolute; height:370px; width:25px;top:15px;left:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-41-24.png) 0px 0px repeat-y; }



.h1 .l-12 {position:absolute; width:603px; height:25px;top:-10px;left:15px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-12-24.png) 0px 0px repeat-x; }
.h1 .l-23 {position:absolute; height:370px; width:25px;top:15px;right:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-23-24.png) 0px 0px repeat-y; }
.h1 .l-34 {position:absolute; width:603px; height:25px;bottom:-10px;left:15px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-34-24.png) 0px 0px repeat-x; }
.h1 .l-41 {position:absolute; height:370px; width:25px;top:15px;left:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-41-24.png) 0px 0px repeat-y; }

.h2 .l-12 {position:absolute; width:944px; height:25px;top:-10px;left:15px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-12-24.png) 0px 0px repeat-x; }
.h2 .l-23 {position:absolute; height:226px; width:25px;top:15px;right:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-23-24.png) 0px 0px repeat-y; }
.h2 .l-34 {position:absolute; width:944px; height:25px;bottom:-10px;left:15px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-34-24.png) 0px 0px repeat-x; }
.h2 .l-41 {position:absolute; height:226px; width:25px;top:15px;left:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-41-24.png) 0px 0px repeat-y; }

.h3 .l-12 {position:absolute; width:430px; height:25px;top:-10px;left:15px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-12-24.png) 0px 0px repeat-x; }
.h3 .l-23 {position:absolute; height:370px; width:25px;top:15px;right:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-23-24.png) 0px 0px repeat-y; }
.h3 .l-34 {position:absolute; width:430px; height:25px;bottom:-10px;left:15px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-34-24.png) 0px 0px repeat-x; }
.h3 .l-41 {position:absolute; height:370px; width:25px;top:15px;left:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-41-24.png) 0px 0px repeat-y; }

.h4 .l-12 {position:absolute; width:944px; height:25px;top:-10px;left:15px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-12-24.png) 0px 0px repeat-x; }
.h4 .l-23 {position:absolute; height:515px; width:25px;top:15px;right:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-23-24.png) 0px 0px repeat-y; }
.h4 .l-34 {position:absolute; width:944px; height:25px;bottom:-10px;left:15px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-34-24.png) 0px 0px repeat-x; }
.h4 .l-41 {position:absolute; height:515px; width:25px;top:15px;left:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mq-41-24.png) 0px 0px repeat-y; }

.vv .eq-1 {position:absolute; width:25px; height:25px;top:-10px;left:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mqv-e1-24.png) 0px 0px no-repeat; }
.vv .eq-2 {position:absolute; width:25px; height:25px;top:-10px;right:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mqv-e2-24.png) 0px 0px no-repeat; }
.vv .eq-3 {position:absolute; width:25px; height:25px;bottom:-10px;right:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mqv-e3-24.png) 0px 0px no-repeat; }
.vv .eq-4 {position:absolute; width:25px; height:25px;bottom:-10px;left:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mqv-e4-24.png) 0px 0px no-repeat; }

.vv .l-12 {position:absolute; width:260px; height:25px;top:-10px;left:15px; background: url(http://lazosdesanguillermo.es/media/piezas/mqv-12-24.png) 0px 0px repeat-x; }
.vv .l-23 {position:absolute; height:370px; width:25px;top:15px;right:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mqv-23-24.png) 0px 0px repeat-y; }
.vv .l-34 {position:absolute; width:260px; height:25px;bottom:-10px;left:15px; background: url(http://lazosdesanguillermo.es/media/piezas/mqv-34-24.png) 0px 0px repeat-x; }
.vv .l-41 {position:absolute; height:370px; width:25px;top:15px;left:-10px; background: url(http://lazosdesanguillermo.es/media/piezas/mqv-41-24.png) 0px 0px repeat-y; }




/*
MAPA
----------------------------------------------- */

#map {position: fixed;right: 120px;text-align: center;top: 0px;z-index: 100;}

.line {width: 2px;background-color: olive;height:100%;position: absolute;left:-4px;}
.bullet {position: absolute;margin-top: -12px;top:20px;}
.labels div {position:absolute;width:120px;text-align:left;left:30px;font-size: 8px;}
.labels a {color: #777C73;}
.labels a.nm-top {color: #CC2E31;font-size: 11px;} 
.labels a:hover, .labels .h1 a {color: #CC2E31 !important;font-size: 11px !important;}
.labels .h1 a:hover {color: black !important;}

.labels .h3 {text-indent: 10px;}