html,body{ margin: 0; padding: 0;}

/* START GALLERY */

.tabla {
	border: 1px solid #CCCCCC;
}

#wrap {
	float: left;
	clear: right;
	position: absolute;
	width: 800px;
	top: 0;
	left: 50%;
	margin-left: -400px;
}

#header {
	float: left;
	clear: right;
	margin-top: 30px;
	width: 800px;
	height: 149px;
	background-position: 0 142px;
}

#content {
	padding-top: 10px;
	float: left;
	clear: both;
}

#page_viewapp {
	float: left;
	clear: right;
	width: 780px;
	margin: 5px 0 10px 0;
}

#rightcol {
	width: 380px;
}

.textblock {
	width: 380px;
}

#screenshots img {
	margin: 2px 0 8px 0;
}

#linkbox {
	width: 780px;
}

#linkbox table {
	width: 650px;
	margin: 5px 0 0 75px;
}

#linkbox table tr {
	border-bottom: 5px solid #111;
}

#linkbox table tr.toprow {
	border-bottom: 3px solid #111;
}

#infobox {
	float: left;
	clear: right;
}

#leftcol {
	float: left;
	width: 380px;
}

#rightcol {
	float: left;
	width: 410px;
	margin-left: 10px;
}

#detailbox {
	float: left;
}

#iconbox {
	width: 100px;
	height: 100px;
	float: left;
}

#textinfo {
	float: left;
	width: 260px;
	margin-left: 10px;
}

#textinfo span {
	display: block;
	color: #ddd;
}

.sectiontitle {
	display: block;
	text-transform: uppercase;
	font-size: 1.6em;
	margin: 4px 0 2px 0;
	float: left;
	clear: right;
}

#screenshots {
	float: left;
	width: 380px;
	margin-top: 15px;
}

#screenshots img {
	margin-top: 10px;
}

#screenshots img.vert {
	margin-left: 30px;
	width: 320px;
	height: 460px;
}

#screenshots img.horiz {
	margin-left: 0;
	width: 380px;
	height: 253px;
}

#textinfo_name {
	font-size: 2.2em;
	color: #fff !important;
}

.appblock_version {
	display: block;
	font-size: 1.1em;
	margin-left: 1px;
}

.appblock_category {
	display: block;
	font-size: 1.1em;
	margin-top: 6px;
	margin-left: 1px;
}

#descriptionblock,
#versionblock,
#languageblock,
#requirementsblock {
	margin: 5px 0 10px 0;
	float: left;
	clear: both;
}

.loadingText { font-family:Geneva, Arial, Helvetica, sans-serif; text-decoration:none; font-size: 13px; background-color:transparent; color: #3b3b3b; }

.pn-normal 			 { color: #FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; }
.pn-normal A:link 	 { color: #FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; background-color:transparent;}
.pn-normal A:visited { color: #FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; background-color:transparent;}
.pn-normal A:hover 	 { color: #3B3B3B; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; background-color:transparent;}
.pn-normal A:active  { color: #FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; background-color:transparent;}

.pn-white 			 { color: #3b3b3b; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; }
.pn-white A:link 	 { color: #3b3b3b; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; background-color:transparent;}
.pn-white A:visited { color: #3b3b3b; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; background-color:transparent;}
.pn-white A:hover 	 { color: #FFFFFF; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; background-color:transparent;}
.pn-white A:active  { color: #3b3b3b; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; background-color:transparent;}

.login { font-size: 11px; vertical-align: middle; color: #888888; background-color: #fafafa; border: 1px solid #E0E0E0; }

a.ubicacion:hover img{ background: url(../img/boton_ubicacion_hover.png ) no-repeat}
a.productos:hover img{ background: url(../img/boton_productos_hover.png) no-repeat}
a.pedidos:hover img{ background: url(../img/boton_pedidos_hover.png) no-repeat}
a.contacto:hover img{ background: url(../img/boton_contacto_hover.png) no-repeat}
a.inicio:hover img{ background: url(../img/boton_inicio_hover.png) no-repeat}
a.nosotros:hover img{ background: url(../img/boton_nosotros_hover.png) no-repeat}

a img { border:none; }
a:hover img { border:none; }
a:link img { border:none; }
a:visited img { border:none; }
a:active img { border:none; }

a:hover, a:link, a:visited, a:active {
	color:#000000;
	text-decoration: none;
}

a:link {color: #FFFFFF}     /* unvisited link */
a:visited {color: #FFFFFF}  /* visited link */
a:hover {color:#CCCCCC}   /* mouse over link */
a:active {color: #FFFFFF}   /* selected link */


/* END GALERRY */

h1 { color:#FFFFFF; font-size: 18px; padding: 15px; font-family:Geneva, Arial, Helvetica, sans-serif; /*elimina effetto taglio sul logo IE*/ }
.header { color: #000000; border-bottom: 0.1px solid #000; background: url(../img/header.gif) repeat-x; position:relative; height:100; width:100%; }
.header2 { color: #4e699d; border-bottom: 1px solid #666; background: url(../img/header2.gif) repeat-x; position:relative; height:100; width:100%; }
.footer2 { color: #4e699d; border-bottom: 1px solid #666; background: url(../img/footer.gif) repeat-x; position:relative; height:30; width:100%; }



#container,#head,navigation{ text-align: left; }
div#container { width: 100%; margin: 0 auto; margin-left: 0; margin-right: 20px; }

#small a { color: white; text-transform: uppercase; text-decoration: none; }
#small a:hover { color: white; text-transform: uppercase; text-decoration: underline; }

 .tablaborder{
	width: 80%;
	height: auto;
	float:center;
	background-image:url(../img/bgtabla.png);
	border-bottom:#FFF;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-top:#FFF;
	border-top-style:solid;
	border-top-width:2px;
	border-left:#FFF;
	border-left-style:solid;
	border-left-width:2px;
	border-right:#FFF;
	border-right-style:solid;
	border-right-width:2px;
	margin:auto;
}


/* FACEBOX START */

#facebox .b {
  background:url(../img/facebox/b.png);
}

#facebox .tl {
  background:url(../img/facebox/tl.png);
}

#facebox .tr {
  background:url(../img/facebox/tr.png);
}

#facebox .bl {
  background:url(../img/facebox/bl.png);
}

#facebox .br {
  background:url(../img/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .loadingText { 
font-family:Geneva, Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-size: 13px; 
background-color:transparent; 
color: #3b3b3b; 
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #111;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #aaa;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
  float: left;
  clear: both;
  width: 100%;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

/* Additions
 *****************/
 
#facebox .permabox {
	float: left;
	text-align: left;
	font-size: 1.1em;
	margin: 7px 0 0 1px;
	width: 700px;
	overflow: hidden;
}


/* Overrides
 *****************/

#facebox .content {
	float: left;
	height: 500px !important;
	width: 800px !important;
	overflow: auto;
}



* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* END FACEBOX */

#loading .b {
  background:url(../img/facebox/b.png);
}

#loading .tl {
  background:url(../img/facebox/tl.png);
}

#loading .tr {
  background:url(../img/facebox/tr.png);
}

#loading .bl {
  background:url(../img/facebox/bl.png);
}

#loading .br {
  background:url(../img/facebox/br.png);
}

#loading {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#loading .loadingText { 
font-family:Geneva, Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-size: 13px; 
background-color:transparent; 
color: #3b3b3b; 
}

#loading .popup {
  position: relative;
}

#loading table {
  border-collapse: collapse;
}

#loading td {
  border-bottom: 0;
  padding: 0;
}

#loading .body {
  padding: 10px;
  background: #111;
  width: 370px;
}

#loading .loading {
  text-align: center;
}

#loading .image {
  text-align: center;
}

#loading img {
  border: 0;
  margin: 0;
}

#loading .footer {
  border-top: 1px solid #aaa;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
  float: left;
  clear: both;
  width: 100%;
}

#loading .tl, #loading .tr, #loading .bl, #loading .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#loading_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

/* Additions
 *****************/
 
#loading .permabox {
	float: left;
	text-align: left;
	font-size: 1.1em;
	margin: 7px 0 0 1px;
	width: 700px;
	overflow: hidden;
}


/* Overrides
 *****************/

#loading .content {
	float: left;
	height: 500px !important;
	width: 800px !important;
	overflow: auto;
}

.horiz {
	margin-left: 0;
	width: 380px;
	height: 253px;
}

ul.thumb {
float: center;
list-style: none;
margin: 0; padding: 10px;
width: 360px;
}
ul.thumb li {
margin: 0; padding: 5px;
float: center;
position: relative; /* Aquí ponemos posicionamiento absoluta */
width: 110px;
height: 110px;
}
ul.thumb li img {
width: 100px; height: 100px; /* Aquí va el tamaño del thumbnail pequeño */
-ms-interpolation-mode: bicubic; /* Arreglo para IE para escalar de forma cúbica */
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
ul.thumb li img.hover {
background:url(img/thumb_bg.png) no-repeat center center; /* La imagen que usamos de fondo en el efecto hover*/
border: none; /* Quitamos el border cuando estamos en hover */
}