/* CSS Document */
*{padding:0; margin:0 ; outline:none}
/* index info */
#index1{ 
	margin: 0px 0px 0px 0px; 
	width:853px; height:567px; 
	position:relative; 
	background: url(img/polilla.jpg) top right no-repeat;
}
#index2{ 
	float:left;
	width:624px; 
	height:398px;
}
#index3{ 
	margin-left:34px; 
	background-color:#FFF; 
	width:590px;
}
#info1{ 
	margin: 0px 0px 0px 0px; 
	width:853px; 
	height:567px; 
	position:relative; 
	background: url(img/panaderos.jpg) top right no-repeat;
}
/* index info */
.loading {
    background: url(img/loading.gif) no-repeat center center;
}
#contenedor{ 
	margin: 0px 0px 0px 0px; 
	width:100%; height:567px; 
	position:relative; 
	background-color:#fff
}
.descripcion{ 
	padding-left:34px; 
	line-height:16px; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:11px; 
	color:#686969; 
	width:910px; height:55px; 
	background-color:#fff; 
	float:left;
}
.descripcion li{ 
	display:inline;
	line-height:16px; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:11px; 
	color:#686969;
}
.textoWebLink{ 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:11px; 
	color:#686969;
	text-decoration:none
}
a.textoWebLink{ 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:11px; 
	color:#686969;
	text-decoration:none
}
a.textoWebLink:hover{ 
	color:#FF0000;
}
#cajaInferior{ 
	margin-left:34px; 
	background-color:#FFF; 
	width:910px
}
#logo{ 
	float:left; 
	width:165px; 
	height:100px; 
	background-color:#fff
}
#menu{ 
	display:inline; 
	float:left; 
	width:165px; 
	height:20px; 
	list-style:none; 
}
#menu img{ 
	height:20px; 
	float:left; 
	margin:0; 
	cursor:pointer; 
	border:0
}
#menu2{ 
	float:right; 
	width:738px; 
	height:120px; 
	display:inline;
}
#cajavacia { 
	float:right; 
	width:408px; 
	height:120px; 
	display:inline;
}
.contact { 
	width:165px; 
	padding-top:5px; 
	display:block; 
	list-style:none; 
	float:left; font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#6f6f6f; 
	text-decoration:none
}
.interletra { 
	width:165px; 
	display:block; 
	list-style:none; 
	float:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#6f6f6f; 
	text-decoration:none; 
	letter-spacing:1px
}
.interletra2 { 
	width:165px; 
	display:block; 
	list-style:none; 
	float:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#6f6f6f; 
	text-decoration:none; 
	letter-spacing:2px
}
a.interletra{
	width:165px; 
	display:block; 
	list-style:none; 
	float:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#6f6f6f; 
	text-decoration:none; 
	letter-spacing:1px
}
a.interletra:hover{
	color:#FF0000
}
.contact ul{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	display:block;
	list-style:none; 
	text-decoration:none; 
}
.contact ul li { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	display:block; 
	list-style:none; 
}
.contact ul li a{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	display:block;
	list-style:none; 
	text-decoration:none;
}
.contact ul li a:hover{
	list-style:none;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#FF0000,
}
.footer{ font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:10px; 
	color:#666666; 
	width:100%; 
	height:20px; 
	clear:both}
#clear{clear:both}
		
/* lista*/
		
.lista{ 
	padding-left:25px; 
	display:inline; 
	list-style:none; 
	float:left 
}
.lista ul{ 
	font-size:10px; 
	color:#8d8d8d; 
	list-style:none; 
	line-height:12px; 
}
.lista ul li {
	font-family:Arial, Helvetica, sans-serif;
	list-style:none; 
	text-decoration:none; 
	color:#8d8d8d
}
.lista ul li a{
	font-family:Arial, Helvetica, sans-serif;
	list-style:none; 
	text-decoration:none; 
	color:#8d8d8d
}
.lista ul li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	list-style:none; 
	text-decoration:none; 
	color:#FF0000
}
.listaRojo{ 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px;
	color: #FF0000; 
	list-style:none; 
	line-height:12px; 
}
.titulo{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: #000000;
	list-style:none;
	line-height:14px;
	padding-bottom:5px;
}
#titulo{ 	
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight: normal; 
	font-size:11px; 
	color: #000000; list-style:none; 
	line-height:14px; 
	padding-bottom:5px; 
}
/* infoprovisorio*/
#caja112{ height:142px; 
}
#tituloinfo{ height:256px;  	
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight: normal; 
	font-size:11px; 
	color: #6f6f6f; list-style:none; text-align:right
}
.tituloinforojo{ 	
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight: bold; 
	font-size:12px; font-style:italic;
	color: #FF0000; list-style:none; text-align:right
}

/* Slider */ 
/*hide from incapable browsers */
div#scrollbar { 
    display:none;
    }

/* below in external file */
div#wn	{ 
    position:relative; 
    width:980px; height:326px; 
    overflow:hidden;
	margin: 0px 0px 0px 0px; 
	}
div#wn img	{ border:none; margin:0; padding:0px 1px 0px 1px;
	}
div#scrollbar { 
    position:relative; 
    width:980px; height:17px;
    display:block; /* display:none initially */
  /*   font-size:1px;   so no gap or misplacement due to image vertical alignment */
  }

div#track { 
    position:absolute; left:12px; top:0;
    width:956px; height:17px; background-color:#fff; 
	cursor:pointer
  }
 div#fdoDrag { 
    position:absolute; left:0px; top:0;
    width:956px; height:17px; background:url(img/fdo_slider2.jpg) repeat-x; 
	cursor:pointer
  }
div#dragBar {
	position:absolute;
	left:12px;
	top:0px;
	width:55px;
	height:17px; background:url(img/handle.gif) no-repeat;
	cursor:pointer
  }
div#dragBar:hover {
	position:absolute;
	left:12px;
	top:0px;
	width:55px;
	height:17px; background:url(img/handle_over.gif) no-repeat;
	cursor:pointer
  }

div#left { position:absolute; left:0; top:0; z-index:50}  
div#right { position:absolute; right:0; top:0; z-index:50 }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
} 

/* menu*/
a.info{ 
display:inline; 
float:left; 
list-style:none;
width:37px; 
height:20px; 
background-image:url(img/btn_info_off.jpg)
}
a.info:hover{ 
width:37px; 
height:20px; 
background-image:url(img/btn_info_on.jpg)
}
a.infoOn{
display:inline; 
float:left; 
width:37px; 
height:20px; 
background-image:url(img/btn_info_on.jpg)
}
a.portfolio{ 
display:inline; 
float:left; 
list-style:none;
width:72px; 
height:20px; 
background-image:url(img/btn_portfolio_off.jpg)
}
a.portfolio:hover{ 
width:72px; 
height:20px;
background-image:url(img/btn_portfolio_on.jpg)
}
a.portfolioOn{ 
display:inline; 
float:left;
width:72px; 
height:20px; 
background-image:url(img/btn_portfolio_on.jpg)
}
a.english{ 
display:inline; 
float:left; 
list-style:none; 
width:56px; 
height:20px; 
background-image:url(img/btn_english_off.jpg)
}
a.english:hover{ 
width:56px; 
height:20px; 
background-image:url(img/btn_english_on.jpg)
}
a.englishOn{ 
display:inline; 
float:left;
width:56px; 
height:20px; 
background-image:url(img/btn_english_on.jpg)
}
.interletra2 { 
	width:165px; 
	display:block; 
	list-style:none; 
	float:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#6f6f6f; 
	text-decoration:none; 
	letter-spacing:2px
}
a.interletra2 { 
	width:165px; 
	display:block; 
	list-style:none; 
	float:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#6f6f6f; 
	text-decoration:none; 
	letter-spacing:2px
}
a.interletra2:hover{
	color:#FF0000
}