body {
  font-size:75%;
}

label {
  color:#222;
  font-weight:bold;
  display:block;
}

label.required:after {
  content:"*";
  color:#cc0000;
}

input[type=text], input[type=password] {
  padding:5px;
  width:390px;
}

select {
  padding:5px;
}

input[type=text], input[type=password], select, textarea {
  border:1px solid #BBBBBB;
  margin:0.5em 0;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
  border:1px solid #666;
}

textarea {
  width:390px;
  height:250px;
  padding:5px;
}

fieldset {
  padding:1.4em;
  margin:0 0 1.5em 0;
  border:1px solid #ccc;
}

legend {
  font-weight:bold;
  font-size:1.2em;
}

em, dfn {font-style:italic;}

dt, strong {font-weight:bold;}
dl {margin:0 0 1.5em;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

.clear { display:block; clear:both; }

#container {
  background-color:#fff;
  width:678px;
  margin:34px auto;
}

#header {
  height:109px;
}

#top_menu {
  height:26px;
}

#top_menu ul {
  margin:0 3%;
}

#top_menu li {
  display:block;
  float:left;
  text-align:center;
  min-width:14%;
  height:25px;
}

#top_menu li a{
  display:block;
  padding:6px 8px;
  text-decoration:none;
  font-weight:bold;
}

#top_menu li a:hover {
}

#content{
  margin:10px 0 10px 0;
  padding:5px;
  min-height:304px;
}

#content_with_menu {
  padding:5px;
  margin:10px 0 10px 24%;
}

#footer {
  height:76px;
}

#footer #footer_menu {
}

#footer ul {
}

#footer li {
  display:inline;
}


#side_menu {
  margin:10px 0 10px 0;
  width:24%;
  float:left;
  padding:5px;
}

#admin_menu {
  width:98%;
  margin:10px auto;
}

#menu_left {
  width:20%;
  float:left;
  padding:5px;
}

#menu_left h2,
#side_menu h2,
#admin_menu h2 {
  padding:0;
  margin:0;
}

#menu_left a,
#side_menu a,
#admin_menu a {
  color:#85eb00;
  text-decoration:none;
  font-weight:bold;
  font-size:13px;
}

#menu_left a:hover,
#side_menu a:hover,
#admin_menu a:hover {
  color:#333;
}

#admin_menu ul {
  text-align:justify;
}
#admin_menu li {
  display:inline;
  padding:2px 15px;
}

#side_menu p {
  color:#666;
}


#calidad {
  color:#85eb00;
  font-size:22px;
  margin-left:77px;
  margin-top:56px;
  margin-bottom:63px;
  line-height:1.8em;
}

#description {
  width:460px;
  margin-left:67px;
}

#description h2 {
  margin:0;
  padding:0 5px;
}

#description p {
  color:#666;
  padding:5px 7px;
}

#products_container {
  margin-left:20%;
  margin-top:7px;
  padding:5px;
  
}

#products_container .product_container {
  width:250px;
  margin:0 5px 5px 0;
  float:left;
}

.product_container h3 {
  color:#666666;
}

.product_container p {
  color:#444444;
}

.product_container p,
.product_container h3,
.product_container img,
.product_container a  {
  text-align:justify;
  padding:0;
  margin:0;
}

.buttons {
  padding:5px;
  margin:2px;
}

.buttons * {
  display:inline;
  margin:0 2px;
}

.message {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
#errorMessage {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
#noticeMessage {background:#FFF6BF;color:#514721;border-color:#FFD324;}
#successMessage {background:#E6EFC2;color:#264409;border-color:#C6D880;}
#errorMessage a {color:#8a1f11;}
#noticeMessage a {color:#514721;}
#successMessage a {color:#264409;}

.archive-container {
  border-bottom:1px solid #EEEEEE;
}

.archive-container dt{
  float:left;
  width:80px;
}

.archive-container dd {
  margin-left:80px;
  text-align:justify;
}


/*** COTIZADOR ****/ 
#cotizadorContainer { 
  margin:0 auto; 
  padding:10px;
}

#cotizadorContainer fieldset {
  min-width:470px !important;
}

#cotizadorContainer label {
  width:180px;
  float:left;
  margin:1em 0em;
}
#cotizadorContainer div.input input[type=text] {
  width:59%;
}

#cotizadorContainer div.input {
  border-bottom:1px solid #eee !important;
  margin-bottom:5px;
}

#cotizadorContainer div.input .note {
  display:block;
  margin:0 0 0 15em;
  padding:0;
}


#cotizadorContainer input.medida {
  width:4em !important;
}

#menuCotizaciones {
}

#menuCotizaciones li {
  display:block;
  float:left;
}

#menuCotizaciones li a{
  display:block;
  padding:5px;
  font-weight:bold;
  text-decoration:none;
}

.frametable {
  boder:none !important;
}

#content .papeles dt,
#content .costoBarnizs dt,
#content .costoColors dt,
#content .costoDoblezs dt,
#content .opcionSobres dt,
#content .costoSobreCelofans dt,
#content .costoSobres dt,
#content .rangoDipticos dt,
#content .sobrantes dt,
#content .valores dt
{
  width:12em;
  float:left;
}

#content .papeles dd,
#content .costoBarnizs dd,
#content .costoColors dd,
#content .costoDoblezs dd,
#content .opcionSobres dd,
#content .costoSobreCelofans dd,
#content .costoSobres dd,
#content .rangoDipticos dd,
#content .sobrantes dd,
#content .valores dd
{
  display:block;
  border-bottom:1px solid #ccc;
  margin:5px 0;
}

.actions {
  background-color:#ccc;
  padding:5px;
}

.actions ul li {
  display:inline;
  padding:2px 2px;
}

.actions a {
  color:#333;
  text-decoration:none;
  font-weight:bold;
}

.actions a:hover {
  color:#fff;
}

#definitions_container{
  min-height:215px;
}
#definitions_container h4 {
  padding:0; margin:0;
}
#definitions_container p {
  text-align:justify;
}
#definitions_container #definitions .container {
  background-color: #eee;
  display:inline-block;
  margin:5px;
  padding:5px;
  width:322px;
}
#definitions_container #definitions img {
  border:2px solid #ccc;
  background-color:#eee;
  padding:5px;
  margin:5px;
  display:inline-block;
  float:left;
  height:200px;
  width:302px;
}