/*  GENERAL styles */
body {
 margin: 0;
 padding: 0;
 font-family: Arial, "Times New Roman", Georgia, serif;
 color: red;
 width: 760px;
 background-color: white;
}
/********** hyperlink and anchor tag styles */
a:link {
/* color: #005FA9;*/
 color: #000066;
 text-decoration: none
}
a:visited {
 color: #000066;
 text-decoration: none;
}
a:hover {
 color: white;
 text-decoration: none;
 background-color: #000066;
}
a:focus {
 color: white;
 text-decoration: none;
}
a:active {
 color: white;
 text-decoration: none;
}
select {
 background-color: #666699;
 color: #ffffff;
 width: 125px;
 font-size: 12px !important;
}
/******** rounded corner boxes ********/
 /* set background images for corners */
 .roundedcornerbox { background: #99CCFF; }  /* could also use a repeating image */
 .roundedcornerboxtop div { background: url(../images/box1_tlc.gif) no-repeat top left; }
 .roundedcornerboxtop     { background: url(../images/box1_trc.gif) no-repeat top right; }
 .roundedcornerboxbottom div  { background: url(../images/box1_blc.gif) no-repeat bottom left; }
 .roundedcornerboxbottom      { background: url(../images/box1_brc.gif) no-repeat bottom right; }
 /* height and width details */
 /* each image-holding div is set to the full width of the container */
 .roundedcornerboxtop div, .roundedcornerboxtop, .roundedcornerboxbottom div, .roundedcornerboxbottom {
    width: 100%;
    height: 10px; /* match the width of your corner graphic */
    font-size: 1px;
 }
 .roundedcornerboxcontent  { margin: 0 10px; } /* match the width of your corner graphic */
/* .roundedcornerboxbox { width: 155px; }        /* the box can be any width ESTE ES EL VALOR POR DEFECTO */
/********** Layout DIVs **********/
#mycontainer {
 position: absolute;
 left: 50%;
 width: 760px;
 margin-left: -380px;
 background-color: blue;
}
#myheader {
 border-bottom: 3px solid blue;
 /*padding-bottom: 4px;*/
/* background: #000066 url(header3.jpg) no-repeat;*/
 background-color: blue;
/* height: 100px;*/
 width: 760px;
}
#myheaderMenus { background-color: blue; margin-top: 3px;}

#idioma { 
 margin-left: 3px;
 width: 136px;/* se usa aqui en vez de esto #idioma.box { width: 136px} */
			/* pues el box pertenece al selector "idioma", igual hacemos con los demas box*/
 font-size: 11px !important;
 text-align: center;
 text-transform:capitalize;
}
#idioma a:hover { 
/*color: white;
 text-decoration: none;
 background-color: #000066;*/
 text-transform:uppercase
}

#superior {
  position:absolute;
  top: 103px;
  left: 417px;
  font-size: 11px !important; 
  width: 340px; 
  text-align: center;
}
#mainDiv {
/*  position:absolute;
  top: 100px;
  left: 370px;*/
 margin-left: 153px;
 width: 600px;
}
/************** footer styles ****************/
#myfooter {
 clear: both;
 width: 754px;
 font-size: 11px !important;
 text-align: center;
 margin: 3px;
}
#myfooter .roundedcornerboxcontent {
 font-size: 11px !important;
 text-align: center;
}
/*****   						   */
#mainPart {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000066;
}
#mainPart h1 {
  color: red;
  font: 22px "Times New Roman", Times, serif;
  border-bottom: 3px double black;
  padding: 0;
  margin: 0;
  padding-left: 5px;
}
#mainPart strong{
  font-family: "Times New Roman", Times, serif;
  font-size: 17px;
  font-weight: bold;
}
/*#mainPart ul{
  list-style:inside 
}*/
#mainPart img {
 border: 3px solid blue;
 padding: 3px;
 text-shadow: #CCCCCC; 
}
#siteNav {
 float: left;
 width: 150px;
 margin: 0;
 border: 0;
 padding: 0;
 font-size: 13px !important;
}
#siteNav miselect {
 background-color: #666699;
 color: #ffffff;
 width: 125px;
 font-size: 12px !important;
}
/*#inicio img{ vertical-align:text-top }*/
#prodMenu {
 margin: 0 0 0 3px;
 border: 0;
 padding: 0;
 font-weight: bold;
}
#prodMenu h2 {
 margin: 0;
 padding: 0;
 color: red;
 font-size: 17px !important;
}
#prodMenu ul {
 margin: 0;
 padding: 0;
 list-style: none;
 font-weight: normal;
}
#prodMenu ul li {
 margin: 0;
 padding: 0;
}
#prodMenu ul li a {
 display: block;
 text-decoration: none;
 width: 122px;
 margin: 0;
 padding: 0;
}
#prodMenu img {
 margin: 3px 0 0 0;
 border: 1px solid blue;
 padding: 3px;
}

#labsMenu {
 border: 0;
 padding: 0;
 margin: 3px 0 0 3px;
 color: black;
}
#labsMenu h2 {
 margin: 0;
 padding: 0;
 color: red;
 font-size: 17px !important;
}
#labsMenu ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
#labsMenu ul li {
 margin: 0;
 padding: 0;
}
#labsMenu ul li a {
 display: block;
 text-decoration: none;
 width: 122px;
 margin: 0;
 padding: 0;
}
#labsMenu img {
 margin: 3px 0 0 0;
 border: 1px solid blue;
 padding: 3px;
}
#menulink {
 display: none;
}
#menulink ul li a{
 text-decoration: underline;
}

#otromenulink {
 display: none;
}
.searchForm {
 padding: 0;
 margin: 0;
}
.search {
 background-color: #666699;
 width: 108px;
 font-size: 12px !important;
 color: white;
 padding: 0;
 margin: 0;
}
#prod {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000066;
}
#prod ul{
  list-style: none;
  padding: 2px;
  margin: 0;
}
#prod li{
  border-bottom: 1px dashed black
}
#prod td img{
  border: none
}
#prod table{
  width: 100%; 
}
#prod tr, td{
  border: 0;
  padding: 0;
}
#prod tr {
  height: 100px;
  vertical-align: middle;
}
#prod tr.cotizar_encabezados{
  height: 25px;
  vertical-align: middle;
}
#prod td.oferta {
  width: 55px;
  text-align: center
}
#prod td.texto {
  padding-left: 10px;
  width: 300px;
}
#prod td.cotizar {
  width: 55px;
  text-align: center
}
#prod td.cotizar_eliminar {
/*  width: 55px;*/
  text-align: center;
}
#prod td.cotizar_eliminar input{
 display: block;
 margin-bottom: 1.25em;
 width: 25px;
 border: solid black;
 border-width: 1px 2px 2px 1px;
}
#prod td.cotizar_eliminar checkbox{
 display: block;
 margin-bottom: 1.25em;
 width: 25px;
 border: solid black;
 border-width: 1px 2px 2px 1px;
}
#prod td.foto {
  width: 106px;
  text-align: center
}
#prod td.foto img{
  border: 1px solid blue;
}
#prod span.name {
  font-weight:bold
}
#prod span.code {
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
}
#prod table.data{
  width: 500px;
  brder: 2px solid blue;
  border-collapse: collapse;
}
#prod table.data td{
  border: 1px solid blue;
  text-align: center;
}
#prod table.data tr{
  height: 10px
}
.notascabeza {
	font-family: sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #666666;
}
.notasform {font-size: 11px;
	font-style: normal;
	color: #378FCB;
	font-family: Arial;
}
.opciones {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
}
.inputtype {
 background-color: #666699;
 font-size: 12px !important;
 color: white;
/* padding: 0;
 margin: 0;*/
}
.indica {
 background-color: #666699;
}
.login {
 background-color: #666699;  width: 110px;
 font-size: 12px !important;
 color: white;
 padding: 0;
 margin-bottom: 3px;
}
#login input {
 display: block;
 margin-bottom: 1.25em;
 width: 150px;
 border: solid black;
 border-width: 1px 2px 2px 1px;
}
#login .buttonSubmit {
/*letter-spacing:1px;*/
 font-weight: bold;
 width: 80px;
 margin-left: 75px;
 color: red;
 text-transform: uppercase;
 border: 1px solid blue;
}

#sf_guard_auth_form {
 background-color: #666699;  width: 110px;
 font-size: 12px !important;
 color: white;
 padding: 0;
 margin-bottom: 3px;
}
/*#sf_guard_auth_forgot_password { 
 
}*/

#saltillo {
 display: none;
 padding-left: 3px
}
#monterrey {
 display: none;
 padding-left: 3px
}
#guadalajara {
 display: none;
 padding-left: 3px
}
#Psaltillo {
 display: none;
 padding: 0;
 position:absolute; 
 left:165px;
 top:150px;
 width:585px; 
 height:405px; 
 z-index:2; 
 border: 1px thin #000000; 
 overflow:scroll;
 background-color:#99CCFF;
}
#Pmonterrey {
 display: none;
 padding: 0;
 position:absolute; 
 left:165px;
 top:150px;
 width:585px; 
 height:405px; 
 z-index:2; 
 border: 1px thin #000000; 
 overflow:scroll;
 background-color:#99CCFF;
}
#Pguadalajara {
 display: none;
 padding: 0;
 position:absolute; 
 left:165px;
 top:150px;
 width:585px; 
 height:405px; 
 z-index:2; 
 border: 1px thin #000000; 
 overflow:scroll;
 background-color:#99CCFF;
}
#mapamexicano {
 background: #990000 url(../images/mapamexico.jpg) no-repeat top;
 width: 370px;
 height: 230px;
}
#mty {
  position: relative;
  left: 190px;
  top: 71px;
  width: 16px;
  height: 16px
}
#mty img { border: 0}
#mty a:link {
 background-color: white;
 text-decoration: none;
 }
#mty a:hover {
 text-decoration: underline
 }
#salti {
  position: relative;
  left: 165px;
  top: 80px;
  width: 16px;
  height: 16px;
	display: none
}
#salti img { border: 0}
#salti a:link {
 background-color: white;
 text-decoration: none;
 }
#salti a:hover {
 text-decoration: underline
 }
#guada {
  position: relative;
  left: 135px;
  top: 116px;
  width: 16px;
  height: 16px
}
#guada img { border: 0}
#guada a:link {
 background-color: white;
 text-decoration: none;
 }
#guada a:hover {
 text-decoration: underline
 }
#error {
    color: red;
    border: 1px dashed;
}
	
.form_error
{
  padding-left: 45px;
  color: #d8732f;
}

#resaltar {
color:#CA0000;
font-variant:small-caps;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
/*background-color:#666699;*/
}
#resaltarfooter {
color:#CA0000;
font-variant:small-caps;
font-family:"Courier New", Courier, monospace;
font-size:16px;
font-weight:bold;
}
.pagenavigation {
text-align:right;
}