@font-face {
	font-family: marketing;
	src: url('MarketingScript.ttf');
}

@font-face {
	font-family: calibri;
	src: url('calibri.ttf');
}

body {
	font-family:helvetica;
	font-size:10pt;
	color:black;
	background-color:#f5f5f5;
	text-align:center;
	margin:0;
	padding: 0px 0 0 0;
	background: url('/static/images/f3.jpg') ;
	background-position:center top;
}

#sello {
	float:right;
	width: 250px;
	height:150px;
	background-image: url(../images/sello.png);
	background-position:right 10px;
	background-repeat: no-repeat;
	position:fixed;
	right:0;
}

#sello:hover {
background-image: url(../images/sello2.png);
}

#sello span {
	display:block;
	width:250px;
	height: 140px;
}

#opciones span {
	cursor:pointer;
	height:20px;
	display:block;
	width:60px;
	position:absolute;
	margin:103px 0 0 0;
	background-image: url(../images/font.png);
	background-position:4px top;
	background-repeat: no-repeat;
}

#opciones span:hover {background-position:4px -20px;}
#opciones span:active {background-position:4px -40px;}

#opciones {
	height: 400px;
	background-image: url(../images/stick.png);
	background-position:0px 50px;
	background-repeat: no-repeat;
}

#header {
	height:150px;
	background-image: url(../images/titulo.png);
	background-position:45px top;
	background-repeat: no-repeat;
}

#titulo {
	font-size:35pt;
	height:100px;
	}


#submenu {
	padding: 5px 0 30px 0;
	text-align:center;
	margin: 0 0 10px 0;
	color:#808080;
	background-image: url(../images/divider.png);
	background-position: center bottom;
	background-repeat:no-repeat;
}

#submenu span{
	cursor:pointer;
}

#submenu span:hover{
	color:#000;
}

#cuadro_menu {
	padding: 10px 0 10px 0;
	border-style:solid;
	border-width: 2px 0 2px 0;
	border-color: #f5f5f5;
	 
}

#sun {
	background-image: url(../images/sun.png);
	background-position: center -100px;
	background-repeat:no-repeat;
}


#contenedor {
	margin: 20px 0 0 0;
	width:710px;
	height:800px;
	border-style:solid;
	border-color:#bbbbbb;
	border-width: 0px;
	margin:auto;

}


.separator {
	border-style:solid;
	border-color:#dcdcdc;
	border-width:0px 0 0 0;
	margin: -11px 0 0 0;
	background-image: url(../images/corchetearriba.png);
	background-position:center top;
	background-repeat: no-repeat;
	height:12px;
	width:400px;
}

.separator2 {
	border-style:solid;
	border-color:#dcdcdc;
	border-width:0px 0 0 0;
	margin: -10px 0 0 0;
	background-image: url(../images/corcheteabajo.png);
	background-position:center top;
	background-repeat: no-repeat;
	height:14px;
	z-index:0;
	position:absolute;
	width:400px;
}


#cuerpo {
	clear:both;
	height:544px;
	width:810px;
	margin: -20px 0 0 0;
}


#cuerpo_medio {
	float:left;
	width:400px;
	height:560px;

	background-image: url(../images/fondo_cuerpo_medio.png);
	background-position:center top;
	background-repeat: repeat-x;
}

#cuerpo_izquierda {
	float:left;
	width:70px;
	height:550px;

	background-image: url(../images/fondo_cuerpo_izquierda.png);
	background-position:right top;
	background-repeat: no-repeat;
	overflow:hidden;
}

#texto b {text-shadow: #c0c0c0 2px 2px 2px; }

#texto {
	margin: 0px 0px 0px 0px;
	padding: 10px 0 30px;
	font-size: 10pt;
	text-align:left;
	height:400px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position: center 40%;
	line-height:1.4;

	background: url('/static/images/paper.png') no-repeat;
font-family: calibri,tahoma,arial,sans-serif;
	}
	
	#texto p {
		margin: 0 0 0 5px;	
	}
	
	#loading {
		background-repeat:no-repeat;
		background-position: center 40%;
	}

#cuerpo_izquierda dl {
	margin: 10px;
}

#cuerpo_izquierda dt {
	font-size:14pt;
	color:white;
	text-align:left;
	background-color:gray;
}

#cuerpo_izquierda dd {
	font-size:7pt;
	color:white;
	text-align:left;
	margin:0;
	padding:0;
	border-style:solid;
	border-width: 0 0 1px 0;
	border-color:#eeeeee;
}

#cuerpo_derecha {
	float:left;
	width:250px;

	height: 550px;
	background-image: url(../images/fondo_cuerpo_derecha.png);
	background-position:left top;
	background-repeat: no-repeat;
	overflow:hidden;
}



.navbar {
position : relative;
/*background : no-repeat top 0%;*/
padding : 12px 0px 0 0;
margin : auto;
overflow : hidden;
font-family : helvetica;
font-size: 14px;
text-align:center;
	background-image: url(../images/navbar.png);
	background-position:center top;
	background-repeat: no-repeat;
	height:60px;
	margin: 0px 0 0 0;
	font-weight: bold;
	color:#999;
}

.navbar li {
	list-style : none;
	display : inline;
	cursor : pointer;
	text-align:left;
	margin: 12px 4px 0px 4px;
	padding: 0px 5px 0px 5px;
	background-position:center top;
	background-repeat: no-repeat;
	height:16px;
	z-index:9999;
	overflow:hidden;
}

.navbar li:hover {
	background-position:center -16px;
}
.navbar li:active {
	background-position:center -32px;
}

.navbar li span {visibility:hidden;}

.menu {
position : relative;
/*background : no-repeat top 0%;*/
padding : 12px 0px 0 8px;
margin : auto;
overflow : hidden;
font-family : georgia,helvetica;
font-size: 14px;
text-align:center;
	background-image: url(../images/menu.png);
	background-position:center top;
	background-repeat: no-repeat;
	height:40px;
	margin: 26px 0 0 0;
	font-weight: bold;
	color:#999999;
}
.menu li {
list-style : none;
display : inline;
cursor : pointer;
text-align:left;
padding: 0px 10px 0px 10px;
}

.menu li:hover {color:black;}

.menu li + li{
list-style : none;
display : inline;
cursor : pointer;
text-align:left;
padding: 0px 10px 0px 10px;
border-style:solid;
border-color:#dcdcdc;
border-width: 0 0 0 1px;
}

.menu li + li + li + li{border-width: 0;}

.menu li.back {
background : url("../images/lava.png") no-repeat center 80%;
height:16px;
margin: 0px 0 0 0;
z-index : 0;
position : absolute;
padding:10px 0 0 0;
display:none;
color:red;
}

.menu .current{color:#890000;}

.menu span{z-index : 8 !important;}



/*##########################contacto #######################################*/


#respuesta {
	height: 230px;
	width: 400px;
	position:absolute;
	display:none;
	background : url("../images/contactotrans.png");
}

#respuesta span{
	margin: 70px 0 0 100px;
	padding: 30px 15px 15px 20px;
	height:100px;
	width:160px;
	display:block;
	font-size:10pt;
	color:black;
	background : url("../images/spancontacto.png") no-repeat left top;
}

.error {
border-color : #8b0000;
}

#contactotexto {
	height:175px;
	background : url("../images/contactotext.png") no-repeat center top;
	margin:-10px 0 0 0;

}






.tel {
	background: url('/static/images/phone.png') no-repeat;
	background-position:left center;
	border-style:solid;
	border-width: 1px;
	border-color:#f9f9f9;
	font-size:12pt;
	font-family: gothic, trebuchet;
	font-weight: bold;
	margin: 40px 0 0 0;
	padding: 0 0 0 20px;
	background-color:#f9f9f9;
}

.fotocontacto {
		margin:10px;
		position:relative;
		width:180px;
		height:135px;
}

.fotocontacto span{
		width:190px;
		height:140px;
		display:block;
		position:absolute;
		top:-5px;
		left:-5px;
		background: url('/static/images/marcocontacto.png') no-repeat;
}

.fotocontacto em{
		width:180px;
		height:35px;
		display:block;
		position:absolute;
		top:-15px;
		background: url('/static/images/tape2.png') no-repeat;
		background-position:center top;
		text-align:center;
}






#error {

}

#contacto_arriba table td{
	font-size:8pt;

}

#contacto_arriba b{font-size:11pt;margin:0 0 15px 0;}


#contacto_abajo {
	margin: 0px 0 0 0;
	padding:10px 0 0 0;
	border-style:solid;
	border-color:#dfdfdf;
	border-width: 1px 0 0 0;
}


#contacto_abajo table td{
	text-transform: uppercase;
	font-size:8pt;
	color:#c0c0c0;
	color:#808080;
}



#contacto table {
	font-size: 10pt;
	padding:0;
	margin:0;
	padding: 0 0 0 2px;
}


#contacto table td {
	width:200px;
	text-align:left;
}

#contacto input {
	width:190px;
	font-size:10pt;
	font-family:helvetica, verdana;
	border-style:solid;
	border-width:1px;
	border-color:#dcdcdc;
	margin: 0 0 8px 0;
	background-color:#f9f9f9;
	padding: 0px 5px;

}

#contacto textarea {
	width:190px;
	font-size:10pt;
	font-family:helvetica, verdana;
	border-style:solid;
	border-width:1px;
	border-color:#dcdcdc;
	margin: 0 0 8px 0;
	background-color:#f9f9f9;
	padding: 0px 5px;
}

#contacto input:hover {
	border-color:#000;
}

#contacto .text:hover {
	border-color:#000;
}

#contacto .text:focus {
	border-color:#000;
	background-color:white;
}

#contacto .btn {
	width:390px;
	font-size:10pt;
	border-style:solid;
	border-width:1px;
	border-color:#dcdcdc;
	margin: 0 0 5px 0;
	font-weight: bold;
	height:30px;
	background-color:#f9f9f9;
	background-image: url('/static/images/f_boton.jpg');
	background-position:center top;
	color:#808080;
}
#contacto .btn:hover{color:#000}
/*############################################ Donde estamos #################################*/

#map2 {

	width:360px;
	height:380px;
	top:0;
	left:0;
}

#map2 span {display:none;}

#dondeestamos {
	padding:20px;
	height:390px;
	width:400px;
	background-image: url('/static/images/marcomapa.png');
	background-position:left top;
	background-repeat:no-repeat;
	margin: -5px 0 0 0;
}

#dondeestamos .marcomapa{
	display:block;
	position:absolute;
	width: 00px;
	height:0px;

	z-index:9999;

}

/* #######################################OTRAS ###########################################*/

.imagen {
	width:130px;
	height:100px;
	float:right;
	background-color:#dcdcdc;
	margin:5px;
	position:relative;
	margin: 5px 15px 5px 5px;
}

.imagen span{
		width:135px;
		height:105px;
		display:block;
		position:absolute;
		top:-2px;
		left:-2px;
		background: url('/static/images/minimarco.png') no-repeat;
}

.imagen em{
		width:135px;
		height:28px;
		display:block;
		position:absolute;
		top:-13px;
		background: url('/static/images/tape.png') no-repeat;
		background-position:center top;
		text-align:center;
}


/*----------------------*/

.imagen_producto {
	width:200px;
	height:214px;
	float:right;
	margin:5px;
	position:relative;
}

.imagen_producto span{
		width:210px;
		height:220px;
		display:block;
		position:absolute;
		top:-2px;
		left:-2px;
		background: url('/static/images/marco_producto.png') no-repeat;
}
.imagen_producto em{
		width:205px;
		height:28px;
		display:block;
		position:absolute;
		top:-3px;
		background: url('/static/images/tape.png') no-repeat;
		background-position:center top;
		text-align:center;
}

/* ############################# pasos ################################################*/

#pasos {
	padding: 150px 0 0;
	text-align:left;
	background: url('/static/images/photoprueba.png') no-repeat;
	background-position:28px 21px;
	height:500px;
}

.paso {
	font-size:15pt;
	color: #dcdcdc;
	padding: 0 0 0 35px;
}

/* ################################### derecha ##################################*/


#cuerpo_derecha span {
	display:block;
	width:200px;
	height:500px;
	margin: 40px 0 0 30px;
	position:Absolute;
}

/*################################### productos ##############################*/

.producto {
	display:none;
	padding: 15px;
	background: url('/static/images/fondo_producto.png') no-repeat;
}

.producto table td{
	font-size:15px;
	text-align:left;
	font-family:georgia;
	font-weight: bold;
	color: #c0c0c0;
}

.producto table td+td{padding-left:10px;}

#cuadro_productos {
	margin:10px;
	border-style:solid;
	border-color:#c0c0c0;
	border-width:1px;
	padding:10px;
	background-color:#f5f5f5;
	color:#606060;
	font-family:georgia;
	font-weight: bold;

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


#cuadro_productos ul {
	list-style: disc outside;
	padding: 0px 20px;
}

#cuadro_productos ul li {
	margin:0 0;
	padding: 0 8px;
	border-style:solid;
	border-width: 0 0 0 1px;
	border-color:#c0c0c0;
}

#cuadro_productos ul li:hover {
	border-color:#000;
}

#cuadro_productos a {
	text-decoration:none;
	color:#505050;
}
#cuadro_productos a:hover {
	color:#000;
}

.title {
	font-weight: bold;
	font-family:georgia;
	font-size:20pt;
	font-style:normal;
	color:#a0a0a0;
	display:block;
	text-align:center;
	height:50px;
	width:400px;
	background-position:center;
	background-repeat:no-repeat;
}

.subtitle {
	background-image: url(../images/divider.png);
	background-position: center bottom;
	background-repeat:no-repeat;
	height:20px;
	margin: 0 0 20px 0;
}

.separador {
background: url('/static/images/separator.png') no-repeat;
height:20px;
padding: 40px 0 40px 0;
background-position:left center;
}



.pr {
	padding:0 5px 0 10px;
	/*background-color:#f5f5f5;*/
	clear:both;
	font-size:9pt;
	color:#808080;
}

.pr span {
	display:block;
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size:12pt;
	color:#505050;
}


.firma {
	width:500px;
	text-align:right;
	background: url('/static/images/copyright.png') no-repeat;
	background-position:40px 4px;
	height:20px;
}

.firma span {

	z-index:10;
	display:block;
	height:20px;
	width:120px;
	background: url('/static/images/firma.png') no-repeat;
	background-position:right top;
	position:relative;
	margin:auto;
	margin-top:-15px;
	float:right;
}

.firma span:hover {
	background-position:right -21px;
	cursor:pointer;
}

#productos_texto {
	padding: 0px 0px 0 20px;
	color:#000;
	font-size:9pt;
}




/* ######################## Scroller ############################### */

.Container {
  position: relative;
  top: 50px; left: 50px;

}
#Scroller-1 { 
padding:15px 0 0 0;
  position: relative; 
  overflow: hidden;
  width: 100%;
  height:700px;
}
.Scroller-Container {
  position: relative;
}
#Scrollbar-Container {
position:absolute;
}
.Scrollbar-Up {
  cursor: pointer;
  position: relative;
}
.Scrollbar-Track {
  width: 20px; height: 280px;
  position: relative;
  top: 150px; left: 12px;
  background: transparent url(images/scrollbar_track.gif) no-repeat center center;
}
.Scrollbar-Handle {
  position: absolute;
  width: 30px; height: 35px;
	background: url('/static/images/scroll.png') no-repeat;
background-position: 0px 0px;
	z-index:4;
cursor:pointer;
}


.Scrollbar-Handle:hover {
	background-position: 0 -35px;
}


.Scrollbar-Down {
  cursor: pointer;
  position: relative;
  top: 500px;
}







#slideshow {
    position:relative;
    height:115px;
	margin-top:-15px;
}

#slideshow IMG {
    position:absolute;
    top:7;
    left:7;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#marco {
	background: url('/static/images/marco.png') no-repeat;
	display:block;
	height:115px;
	width:420px;
	position:absolute;
	z-index:15;

top:0;
left:0;
}