/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0 none;
	font-family:inherit;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0;
	vertical-align:top;
}

/* Layout */
html {
	background:#E6E6E6 url(/content/images/bkg-html.jpg) repeat-x scroll 0 0;
	height:100%;
	width:100%;
}
body {
	background:transparent url(/content/images/bkg-green.png) no-repeat right top;
	color:#4B4B4B;
	font-family:Verdana,Tahoma,Helvetica,Arial,sans-serif;
	font-size:0.71em;
	height:100%;
	width:100%;
}
#wrapper { background:transparent url(/content/images/bkg-shadow.png) no-repeat center 53px;
	margin:0 auto;
	width:969px; 
	}
#wrapper-inner {
	margin:0 auto;
	width:945px;
	}
#header {
	height: 100px; 
	position: relative;
}
#header .logo {
	left:0;
	position:absolute;
	top:0;
}
#nav {
	background:transparent url(/content/images/bkg-nav.png) no-repeat center top;
	/*position:relative; no poner porque jode a IE6 */
	height: 30px;
}
#nav ul li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:5px;
}
#nav a {
	font-size: 1.3em;
	color: #fff;
	padding: 3px 10px;
	font-family: "Lucida sans unicode", "Lucida grande", "Lucida", Verdana, Sans-serif ;
	font-weight: normal;
	text-decoration: none;
}
	
#content {
	background-color:#FFFFFF;
	border-left:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	margin:0 auto;
	width:943px;
	min-height: 700px;
	position: relative;
}	

#footer {
	background:transparent url(/content/images/bkg-footer.png) no-repeat center bottom;
	position:relative;
	text-align: center;
	height: 20px;
}
#credits {
	position:relative;
	text-align: center;
}
#credits p { padding: 10px; }

/* general */
ol, ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}




/* HEADINGS   
----------------------------------------------------------*/
h2, h3, h4 { font-family: "Lucida sans unicode", "Lucida grande", "Lucida", Verdana, Sans-serif ; }
h2 {font-size: 150%;
    color: #006600;
	font-weight: normal;
	margin-top: 10px;
	margin-right: 10px;
	padding-bottom: 3px;
}
h2.productos {
	text-indent: -9000px;
	background: url(/content/images/h2-productos.jpg) no-repeat;
	height: 45px;
}
h2.nuevo {
	text-indent: -9000px;
	background: url(/content/images/h2-nuevo.jpg) no-repeat;
	height: 45px;
}
h3 { 
	font-size: 130%;
	font-weight: normal;
	margin-top: 10px;
	margin-right: 10px;
	border-bottom: 1px dotted #666;
	padding-bottom: 3px;
}
h4 { 
	background: url(/content/images/StarGreen.jpg) no-repeat left;
	padding-left: 20px;
	font-size: 100%;
	color: #000;
	margin-top: 10px;
}

/* buscar */
.buscar {
	position:absolute;
	right:0;
	top:13px;
	width:400px;
}
.buscar ul li {
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 0 0 12px;
}
.bloqued {
	display: block;
}
.buscar input {
	float:right;
	margin:0;
	padding:2px;
	width:250px;
}
.buscar .search-box { margin: 16px 0 0 0;  }
.buscar .textbox {
	background:White url(/content/Images/search.png) no-repeat left center;
	border-color:#CCCCCC -moz-use-text-color -moz-use-text-color #CCCCCC;
	border-style:solid none none solid;
	border-width:1px medium medium 1px;
	margin:0;
	max-width:230px;
	padding-left:16px;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin-right: 10px;
    color: #606060;
}

#logindisplay a:link
{
    color: #606060;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #606060;
    text-decoration: underline;
}

/* validations */
.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.hr {height: 1px; background: transparent url(/content/images/hr.jpg) no-repeat left}
.adminblock {text-align: left; font-family: Arial; margin: 5px auto 5px -5px;}
.adminblock a {color: silver; text-decoration: none; padding: 5px;}
.adminblock a:hover {color: black; text-decoration: underline;}

div.error, div.info  {text-align: center; padding: 5px; font-family: Arial; font-weight: bold; }
div.error {background-color: Red; color: White }
div.info {background-color: blue; color: white }

/* Formulario */
.formulario p {margin-top: 0px; margin-bottom: 5px;}
.formulario input {width: 90%}
.formulario textarea {width: 90%}
.formulario .bigbutton {font-size: 130%; font-weight: bold; padding: 5px 20px; width: auto;}
.formulario .fecha {width: 100px}
.formulario .checkbox {width: auto}
.fechaarticulo {font-size: 80%}


/* links */
.idea {padding-left: 20px; background: url(/content/images/lightbulb.gif) no-repeat left center; }
a.pdf, p.pdf a {padding-left: 20px; background: url(/content/images/pdf.gif) no-repeat left center; }
.excel {padding-left: 20px; background: url(/content/images/excel.gif) no-repeat left center;}
.phone {padding-left: 20px; background: url(/content/images/phone.gif) no-repeat left center;}
.foto {padding-left: 20px; background: url(/content/images/foto.gif) no-repeat left center;}
                
/* prettytable */                
table.prettytable
{
}
.prettytable td 
{
	vertical-align: top; 
	border: 1px solid #ccc; 
	padding: 1px 5px; 
}
.prettytable th 
{
	border: 1px solid #D5D5D5; 
	padding: 1px 5px; 
	background: #F1F2F4 url(/content/images/back-th.jpg) repeat-x top; 
	color: #676767; 
	font-weight: bold; 
	text-align: center; 
}


/* lista producto */	
div.listaproductos {padding: 10px; position: relative; overflow: hidden;}
.listaproductos table {width: 100%;}
.listaproductos ul {
	margin-left: 20px;
	margin-right: 20px;

}
.listaproductos li {
	padding: 2px 0;
}
.listaproductos a {
	
	text-decoration: none;
	color: #666;
	
}
div.listaproductos div {float: left;}

/* un producto */
.unproducto p {margin-top: 10px; margin-left: 20px;}
.unproducto strong {font-weight: bold;}

/* Contactos */
div.contactos {padding: 10px; overflow: hidden;}
h2.contacto {
	background: url(/content/images/h2-contacto.jpg) no-repeat left;
	text-indent: -9000px;
	height: 45px;
	
}
.contactos ul { overflow: hidden; margin: 5px 10px 20px 5px; float: left; }
.contactos li { margin: 10px; }
.casacentral {
	padding-left: 30px;
	background: url(/content/images/casacentral.jpg) no-repeat left top;
}
.contacto {
	padding-left: 30px;
	background: url(/content/images/contacto.jpg) no-repeat left top;
}


/* otros */

.sepvertical {width: 5px;}
small {color: #666; font-size: 80%}

/* cmxform */
form.cmxform {
	width: 470px;
	font-size: 1.1em;
	color: #333;
	padding: 10px;
	}
	
form.cmxform legend { padding-left: 0; font-weight: bold; }
	
form.cmxform legend,
form.cmxform label { color: #333; }

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(/content/images/cmxform-fieldset.gif) left bottom repeat-x;
	}
	
form.cmxform input, 
form.cmxform textarea { width: 300px}

form.cmxform input.bigbutton { width: auto; font-weight: bold; font-size: 110% }
	
form.cmxform fieldset li {
	padding: 5px 10px 7px;
	background: url(/content/images/cmxform-divider.gif) left bottom repeat-x;
	}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  width: 90px;
}