/* SVN FILE: $Id: cake.generic.css 7945 2008-12-19 02:16:01Z gwoo $ */
/**
 *
 * PHP versions 4 and 5
 *
 * CakePHP(tm) :  Rapid Development Framework (http://www.cakephp.org)
 * Copyright 2005-2008, Cake Software Foundation, Inc. (http://www.cakefoundation.org)
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @filesource
 * @copyright     Copyright 2005-2008, Cake Software Foundation, Inc. (http://www.cakefoundation.org)
 * @link          http://www.cakefoundation.org/projects/info/cakephp CakePHP(tm) Project
 * @package       cake
 * @subpackage    cake.app.webroot.css
 * @since         CakePHP(tm)
 * @version       $Revision: 7945 $
 * @modifiedby    $LastChangedBy: gwoo $
 * @lastmodified  $Date: 2008-12-18 21:16:01 -0500 (Thu, 18 Dec 2008) $
 * @license       http://www.opensource.org/licenses/mit-license.php The MIT License
 */

* {
  margin:0;
  padding:0;
}

body {
  /*font-family: Palatino;*/
  font-family: Garamond, 'Times New Roman';
  /*font-family: "Lucida Grande",verdana,sans-serif;*/
  font-size: 13px;
  margin: 0 auto 20px;
  background:transparent url(../img/bg_gradient.png) repeat-x center bottom;
}
p {
  margin: 10px 0;
}
a {
  text-decoration: underline;
}
a:hover {
  text-decoration:none;
}
a img {
  border:none;
}

img {
  display: block;
}
h1, h2, h3, h4 {
	font-weight: normal;
}
br.clear {
  clear: both;
}

/*Layout*/
#container {
  width: 980px;
  margin: 0 auto;
  background:transparent url(../img/bg_content.png) repeat-y scroll top right;
}
#header {
  height: 54px;
  border-top: 5px solid #000;
  background: #363636;
  border-bottom: 1px solid #000;
}
#code-user-box {
  
}
#content {
  /*background: #fff;*/
}
#left {
  background: #8CBDFC;
  width: 193px;
  padding: 100px 0 0 0;
  float: left;
  margin:0;;
}
#right {
  position:relative;
  margin: 0 0 0 193px;
  padding: 0;
  /*float: right;*/
  /*width: 787px;*/
}
#logo {
  background: #8CBDFC url(../img/logo_chicas.png) no-repeat top right;
  padding:0;
  height: 288px;
}
#content_layout {
  
}
.content_titulo {
  margin: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #999;
  border-bottom: 1px solid #ddd;
}
#content_data {
  width: 594px;
  padding: 2px;
}
#content_right {
  float: right;
  width: 183px;
}

div.wrapblack {
  margin-top: 5px;
  background: #000;
}
div.wrapblack div.title {
  background: transparent url(../img/wrapblack_topright.png) no-repeat top right;
  color: #fff;
}
div.wrapblack div.title span {
  display:block;
  padding: 30px 0 10px 0px;
  margin: 0 10px;
  text-align: center;
  background: transparent url(../img/dotted.gif) no-repeat bottom;
}
div.wrapblack div.content {
  color: #fff;
}
div.wrapblack div.bottom {
  background: transparent url(../img/wrapblack_bottomright.png) no-repeat bottom right;
  height: 16px;
}


div.wrapgray {
  background: #E5E5E5 url(../img/bg_content.png) repeat-y scroll top left;
  color: #000;
}
div.wrapgray div.title {
  background: transparent url(../img/wrapgray_top.png) no-repeat top left;
}
div.wrapgray div.title span {
  display:block;
  padding: 30px 0 10px 0px;
  margin: 0 10px;
  text-align: center;
  background: transparent url(../img/dotted_black.png) no-repeat bottom;
}
div.wrapgray div.content {
  padding: 10px;
}
div.wrapgray div.bottom {
  background: transparent url(../img/wrapblack_bottomright.png) no-repeat bottom right;
  height: 16px;
}
div#categorias {
  margin-top: 20px;
}
div#categorias ul {
  list-style: none;
  width: 140px;
  margin: 0 auto 0 auto;
}
div#categorias ul a {
  color: #fff;
  text-decoration: none;
}

div#categorias ul a:hover {
  color: #999;
}

div#categorias ul li  {
  padding: 3px 0;
}
div#categorias ul ul li {
  list-style: none;
  padding: 3px 0 3px 15px;
  
}
#footer {
  background: #363636 url(../img/footer.png) no-repeat left top;
  height: 43px;
  border-bottom: 7px solid #000;
}
#copyright {
  text-align: center;
  padding: 5px 0 0;
  color: #fff;
}
#createdBy {
  padding: 2px 10px;
}

#createdBy a {
  color: #eee;
  background: transparent url(../img/ficticio_peque.png) no-repeat left top;
  padding-left: 20px;
}

#bienvenida {
  background-color: #e5e5e5;
  padding: 2px;
  height: 40px;
  color: #333;
}
#bienvenida div {
  width: 200px;
  padding: 8px 0 8px 8px;
  float: left;
  font-size: 20px;
  font-weight: bold;
}

/*Tables*/
.tableContainer {
  border:  1px solid #DCDFE2;
}
table.view {
  width: 100%;
  border-collapse: collapse;
}
table.view th {
   padding: 2px 5px 2px 5px;
   font-weight: bold;
   text-align: left;
   color: #000;
   background: #EFF5FF;
   border-top: 1px solid #e9f0ff;
   border-right: 1px solid #e9f0ff;
   border-bottom: 1px solid #DCDFE2;
   border-left: 1px solid #e9f0ff;
   white-space: nowrap;
}

table.view td {
  padding: 2px 5px 2px 5px;
}

table.view tr.odd {
  background: #f4f4f4;
}

.ml {
  table-layout:fixed;
}
.ml * td {
  empty-cells:show;
  overflow:hidden;
  white-space:nowrap;
  width:100%;
}


/*Pagina*/
.pagina_titulo {
  width: 97%;
  font-size:18px;
  border: 3px dotted #aaa;
  padding: 4px;
}

#productos {
  list-style: none;
  margin: 20px 20px 0 15px;
}
#productos li {
  width: 273px;
  height: 150px;
  margin: 2px;
  /*background: #f00;*/
  float: left;
}
#productos li .descprod .titulo {
  font-weight: bold;
  font-size: 120%;
}
#productos li .descprod .descripcion {
  text-align: left;
}

#productos li img.foto {
  float: left;
  margin: 0 10px 0 0;
}

#search {
  float: right;
  width: 320px;
  margin: 14px 0;
}
#search input.blur {
  color:#999999;
}

#search .inputsearch {
  width: 191px;
  line-height: 14px;
  padding: 5px 10px 2px 8px;  
  border: 0;
  background: transparent url(../img/input_search_bg.png) no-repeat left top;
}
#pagination {
  clear:left;
}

#breadcrumb {
  width: 584px;
  height: 18px; /* This is the height we wan't on our breadcrumb */
  padding: 4px 0 0 8px;
  color: #333; /*This is our color on the text which isn't a link. We want' they to be light grey */
  font-size: 15px;
  line-height: 19px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  overflow: hidden;
}
#breadcrumb li {
  float: left;
  display: inline;
  margin-right: 4px;
}
#breadcrumb a {
  color: #999; /* Our breadcrumb links are going to be white */
  font-weight: bold; /* And bold */
  background: url(../img/breadcrumb_list.png) top right no-repeat;
  padding: 3px 11px 2px 0;
  /*padding-right: 11px;*/ /* We need to add some padding to the right of the link. This space is where the background image is going to be shown. */
  text-decoration: none;
}
#breadcrumb a:hover {
  color: #333;
  background:url(../img/breadcrumb_list.png) bottom right no-repeat;
}

#producto {
  margin: 10px auto 0 auto;
  width: 550px;
}
#producto img.foto {
  float: right;
}

label {
  font-weight: bold;
}


textarea {
  line-height:14px;
  min-height:50px;
  width:100%;
}
.escribanos {
  margin: 20px;
}
label {
  display: block;
  padding: 2px 10px 2px 0;
}
.required label, label.requerido {
  padding-left: 20px;
  background: transparent url(../img/requerido.png) no-repeat left 5px;
}

.text input, .password input {
  border: 1px solid #aaa;
  background: #F5F5F5;
  margin: 10px;
  padding: 5px;
}
.required {
  
}
.error input {
  background: #FFE5E5;
}
.error-message {
  color: #c00;
  font-weight: bold;
}



#flashMessage {
  background:#FFFFD9  url(../img/messagebox_warning.png) no-repeat scroll 10px 50%;
  border:1px solid #DDDDDD;
  margin-bottom:10px;
  padding: 20px 5px 20px 80px;
}

fieldset {
  padding: 20px;
  border: 1px solid #eee;
}
fieldset legend {
  font-size: 15px;
  font-weight: bold;
}

.masvisto ul {
  list-style: none;
  margin: 20px 20px 0 15px;
}
.masvisto ul li {
  padding: 2px 0;
}
.masvisto ul li a{
  color: #333;
}

.advertisement {
  width: 155px;
  margin: 0 auto;
  padding: 5px;
  /*border: 1px solid #ccc;*/
}
.advertisement span {
  font-size: 10px;
  text-transform: uppercase;
  color: #999;
  display: block;
  margin-bottom: 5px;
}
.advertisement a {
  display: block;
}

#madrugon {
  width: 540px;
  height: 353px;
  margin: 0 auto;
}