/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
.hidden {
	display: none;
}

.titulo {
	color:#FFFFFF;
}
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 1em; color: #70d250; text-decoration: underline; }

BODY {
	font-family: Verdana, Arial, sans-serif;
  	font-size: 62.5%;
	text-align: center;
	background: #CCC;
	color: #383838;
	margin: 0;
}

A {
  color: #438dd1;
  text-decoration: none;
}

A:hover {
  color: #EA1677;
  text-decoration: underline;
}

h1{
   font-weight:normal;
  font-family:"Century Gothic", Verdana;
  /*font-size:1.341em;*/
  color: #EA1677;
  text-align: left;
  font-size: 3em;
  padding: 0;
  margin: 0 0 .8em 0;
}
.h1{
  font-weight:normal;
  font-family:"Century Gothic", Verdana;
  /*font-size:1.341em;*/
  color: #EA1677;
  text-align: left;
  font-size: 1.5em;
  padding: 0;
  margin: 0 0 .8em 0;
}
h2 {
  padding: 0;
  margin: 0;
  font-size: 1.3em;
  text-align: left;
}
.FRight{
	float: right;
}
.FLeft{
	float: left;
	display:none;
}
.margen0 {
	margin: 0;
	padding: 0;
}
div#contenedor{
	background-color:#FFFFFF;
	margin:0 auto;
	width:80em;
}	

.headerTop{
	width: 100%;
	height: 1.5em;
	background-color: #FFF;
}
.headerTop ul{
	border: 0;
	margin:0;
	color: #438dd1; /*Azul*/
}
.headerTop ul li{
	display:inline;
	margin: 0em;
	padding: 0 .5em;
	list-style:none;
	border-left: 0.1em solid #438dd1;
}
.headerTop ul li.noBorde{
	border: 0;
}
.headerTop ul li a{
	color: #438dd1 !important;
}

.header {
  background:#438dd1 url(images/cabecera.jpg) 100% 0% no-repeat;
  color: #FFF;
  height: 10em;
  width:100%;
}
.HeaderLeft {
  float: left;
  width: 12.5em;
  background: inherit;
  color: inherit;
}

.HeaderRight {
  float: right;
  background: inherit;
  color: inherit;
  display:none;
}
ul#ulMenu {
	display:block;
	float:right;
	font-family: Verdana,Arial,Helvetica,sans-serif !important; 
	font-size:1.2em;
	margin:0;
	padding: 0;
	padding-top: 4.75em;
}
ul#ulMenu li{
	display:block;
	float:left;
/*	letter-spacing:-0.1em;*/
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0.1em;
	white-space:nowrap;
}

ul#ulMenu li#liLast{
	margin-right: 0.2em;
}

ul#ulMenu li a{
	background-color:#CCCCCC;
	color:#00579C;
	display:block;
	outline-style:none;
	outline-width:medium;
	padding:0.1em 0.4em;
	position:relative;
	text-decoration:none;
}

ul#ulMenu li a:hover, ul#ulMenu li a:focus, ul#ulMenu li a:active{
	background-color:#FFF;
}

ul#ulMenu li a.menuActual{
	background-color:#FFF !important;
}
div#divCabeceraInf{
	width:100%;
	height:20em;
	position:relative;
	z-index:2;
	overflow:hidden;
	background-position:top center;
	background-repeat:no-repeat;
	display:none;
}
ul.breadcrumb{
	float: left;
	margin: 0 1em;
	padding:0;
}
ul.breadcrumb li{
	display: inline;
	margin:0;
	padding: 0 .2em 0 1.4em ;
	color: #FFF;
	background: url(images/migas.gif) 5% 60% no-repeat; 
}
ul.breadcrumb li a{
	color: #FFF;
}
ul.breadcrumb li a:hover{
	color: #FFF;
	text-decoration:underline;
}

ul.Box{
	margin: 0 .1em;
	padding:0;
}

ul.Box li{
	list-style:none;
}

FORM {
	display: inline;
}

.s {
  text-decoration: line-through;
}

.productListing-odd, .productListing-even {
  background: #f8f8f9;
}

.productListing-heading {
  background: #00579C;
  color: #FFFFFF;
  font-weight: bold;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

.main {
  font-size: 1.1em;
  line-height: 1.5;
}

.smallText {
}

.tableHeading {
  font-size: 1.2em;
  font-weight: bold;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 1.1em;
}

TEXTAREA {
  width: 99%;
  font-size: 1.1em;
}

SPAN.greetUser {
  font-size: 1.2em;
  color: #438dd1;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.2em;
  color: #c76170;
  font-weight: bold;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { color: #8c8c8c; }
.checkoutBarCurrent { color: #000000; }

/* message box */

.messageBox { }
.messageStackError, .messageStackWarning { background-color: #ffb3b5; }
.messageStackSuccess { background-color: #99ff00; }

/* input requirement */

.inputRequirement { color: #ff0000; }

/* TABLE FOR TEMPLATE */

.Table_templateSx, .Table_templateDx {
  width: 15%;
  float: left;
  color: #000000;
  background: #ffffff;
}

.Table_templateCentral{
  position: relative;
  width: 62%;
  padding:0em 2%;
  float: left;
  color: #383838;
  background: #FFF;
}

.Table_templateCentral h1{
	text-align: left;
	margin: 0;
}

.Table_templateCentral .h2{
	display: block;
	text-align: left;
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}

.Table_templateCentral h3{
	text-align: left;
	font-size: 2em;
	font-weight: normal;
}

.Table_templateCentral .arriba_derch {
	position: relative;
	float: right;
	right: 0.2em;
	top: 0.5em;
	float: right;
	color:#00579C;
	font-family:"Century Gothic",Verdana;
	font-size: 2em;
	font-weight:normal;
}

.Table_templateCentral p{
	font-size: 1.1em;
	text-align:justify;
	line-height:1.5em;
}



.Table_templateCentral li {
	text-align: justify;
	font-size: 1.1em;
	line-height:1.5em;
	padding-bottom:0.3em;
}

.Table_templateCentral .products_new{
	position: relative;
	overflow: auto;
	width: 100%;
}

.Table_templateCentral .products_new h1{
	font-size: 1em;
	text-decoration: underline;
}

.Table_templateCentral .products_new .foto{
	float: left;
	width: 20%;
	text-align: left;
}

.Table_templateCentral .products_new .texto{
	float: left;
	width: 52%;
	text-align: left;
}

.Table_templateCentral .products_new .boton{
	float: right;
	width: 28%;
	height: 3em;
	margin-top: 3em;
}

.Retta {
  width: 1%;
  float: left;
  color: #000000;
  background: #ffffff;
}

.Table_templateClear {
  font-size: 0.4em;
  background: #ffffff;
  color: #000000;
  clear: both;
}

.TemplateSpazio {
  font-size: 0.4em;
  display:none;
}

.AlignLeft {
  text-align: left;
}

.Venticinque2 {
  width: 24%;
  height: 10.3em;
  float: left;
  border-bottom: 1px solid #b6b7cb;
}

.Venticinque {
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
  width: 24%;
  float: left;
}

.Trenta {
  width: 30%;
  float: left;
}

.InfoBoxContenent2MA {
  clear: both;
  border-style:solid;
  border-width:0.1em;
  border-color: #438dd1;
  background: #FFF;
  color: #383838;
  padding: 0.5em .3em;
  margin-bottom:0.9em;
}


.InfoBoxContenent2MA ul {
	margin: .3em 0;
	padding: 0;
	text-align: left;
}
.InfoBoxContenent2MA ul li{
	list-style: none;
	text-align: left;
	line-height:1.5em;
}	
.InfoBoxContenent2MA ol {
	margin: .3em .2em;	
	padding: .5em 0 .5em 2em;
	text-align: left;
}
.InfoBoxContenent2MA ol li{
	/*list-style: none;*/
	text-align: left;
	line-height:1.5em;
}
/*
.InfoBoxContenent2MA p{
	margin: 0.5em;
}*/

.InfoBoxContenent2MA .aceptar_volver {
	margin-left: 5%; 
	margin-bottom: 1em;
	margin-top: 0; 
	width: 90%;
}

.separa {
	margin-bottom: 2em;
}

.ColorRed {
  color: #ff0000;
}



.Clear {
  font-size: 0;
  clear: both;
  display:none;
}

.HeaderLeft {
  float: left;
}

.HeaderRight {
  float: right;
}

.HeaderNavigationLeft {
  float: left;
}

.HeaderNavigationRight {
  float: right;
}

.HeaderNavigation {
  text-align: center;
  background: #EA1677;
  color: #FFF;
  font-weight : bold;
  height: 2em;
  padding-top:0.7em;
  font-size:1.1em;
  margin-bottom:1em;
}

.HeaderError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.2em;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

.HeaderInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.2em;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

A.HeaderNavigation:hover {
  background: #bbccdd;
  color: #ffffff;
}

div#divPie{
	background-color:#EA1677;
	width:100%;
	text-align:center;
	font-size:1em;
	color:#FFF;
	clear:both;
	overflow:hidden;
}

div#divPie span{
	padding:0.7em 0em;
	display:block;
}
div#footer {
	background-color: #CCC;
	padding-top:1em;
}
div#footer a{
	color: #438dd1;
}
IMG {
  border:0;
}

.ColorSpan {
  color: #438dd1;
  text-decoration: underline;
}
a:hover .ColorSpan{ color:#EA1677 !important; }

.ColorSpanRed {
  color: #ff0000;
}

.pageHeading {
  font-size: 2em;
  font-weight: bold;
  color: #9a9a9a;
}
.divTrentaTre {
	margin: 0;
	border: 0.1em #00579C solid;
	width: 99.9%;
}

.ulTrentaTre {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;	
}

.TrentaTre {
  float:left;
  display: block;
  width: 33%;
  min-height: 10.5em;
  height:10.5em;
  list-style: none; 
}

.TrentaTre a {
  display: block;
  text-align: center;
  width: 100%;
}
.estilo_clear_both {
	clear: both;
}

.login_cincuenta {
	position: relative;
	float: left;
	width: 49%;
	height: 18em;
	margin: 0.2em;
	text-align: left;
}

.login_cincuenta .InfoBoxContenent2MA{
	position: relative;
	height: 90%;
}

.login_cincuenta .InfoBoxContenent2MA .main{
	text-align: justify;
}

.login_cincuenta .InfoBoxContenent2MA .user_passwd {
	text-align: right;
	display: block;
}
.login_cincuenta .InfoBoxContenent2MA .user_passwd label {
	display: inline-block;
	width: 7em;
	text-align: left;
}

.login_cincuenta .InfoBoxContenent2MA .user_passwd input{
	margin-top: 0.5em;
	margin-left: 1em;
	margin-right: 1em;
}

.abajo_derch {
	position: absolute;
	width: 100%;
	text-align: right;
	right: 1em;
	bottom: 1em;
}

.both{
	clear:both;
}

/* inizio box.php */

.BoxesInfoBoxHeadingLeft {
  width: 10%; 
  height: 1.6em;
  text-align: left;
  font-weight: bold;
  background: #438dd1;
  color: #FFF;
  float: left;
}

.BoxesInfoBoxHeadingCenter {
  /*width: 80%; Esto solo cuando queremos mostrar los border izq y der. ** MODIFICADO POR JORDE 07/11/2008*/
  width: 100.1%;
  padding:0.3em 0em 0.4em 0em;
  line-height: 2em;
  text-align: left;
  font-weight: bold;
  background: #438dd1;
  color: #FFF;
  float: left;
}
.BoxesInfoBoxHeadingCenter p{
	padding: 0 1em;
	margin: 0;
}
.BoxesInfoBoxHeadingCenterBoxRight {
  background: #438dd1;
  color: #FFF;
  float: right;
  padding-right: 5%;
  font-weight:bold !important;
}

.BoxesInfoBoxHeadingCenterBox {
  /*width: 80%; Esto solo cuando queremos mostrar los border izq y der. ** MODIFICADO POR JORDE 07/11/2008*/
  width: 95%;
  line-height: 2.2em;
  text-align: left;
  font-weight: bold;
  background: #438dd1;
  color: #FFF;
  float: left;
  padding-left: 5%;
  margin-top:1em;
}

.BoxesInfoBoxHeadingRight {
  height: 1.6em;
  width: 10%; 
  text-align: right;
  font-weight: bold;
  background: #438dd1;
  color: #FFF;
  float: left;
}

.BoxesErrorBox { 
  background: #ffb3b5; 
  font-weight: bold; 
  color: #000000;
}

.BoxesProductListing {
  border: 0.1em;
  border-style: solid;
  border-color: #b6b7cb;
  background: #ffffff;
  color: #000000;
}

/* fine box.php */

.Product_listingProductListing-heading {
  width: 24%;
  float: left;
  background: #00579C;
  color: #FFFFFF;
  font-weight: bold;
}
.Product_listingProductListing-left{
	border-left: 1px #00579C solid;
}
.cursiva {
	font-style: italic;
}
.label_07em {
	display: block;
	float: left;
	margin-top: 0.2em;
	width: 7em;
}
.label_10em {
	display: block;
	float: left;
	margin-top: 0.2em;
	width: 10em;
}
.label_12em {
	display: block;
	float: left;
	margin-top: 0.2em;
	width: 12em;
}

.label_15em {
	display: block;
	float: left;
	margin-top: 0.2em;
	width: 15em;
}

.productos {
	width: 100%; 
	border: 1px #438dd1 solid;
	border-bottom: none;
}
.productos th {
	background: #438dd1;
	color: #FFFFFF;
	font-weight: bold;
	padding:0.5em 0em;
}
.productos tbody td {
	border-bottom: 1px #438dd1 solid;
	padding: 0.4em;
}
.width100 {
	width: 100%;
}
.margintop1em {
	margin-top: 1em;
}
.paginado {
	list-style: none;
	list-style-type: none;
	list-style-position: outside;
}
.paginado li {
	float: left;
}
.margin0 {
	margin: 0;
	padding: 0;
}