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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/* common
--------------------------------------------------*/

body{
 color: #4e4e4e;
 font-family: Helvetica, Verdana, Arial, sans-serif;
 background-color: black;
 margin:0;
 padding:0;
}

.clear {
	overflow: hidden;
	width: 100%;
}

*{
 margin:0;
 padding:0;
}

img{
 border:none;
 margin: 0;
 padding: 0;
}

img a{
 text-decoration: none;
 border: none;
}

/* BOTONERA */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background: url(img/button1.gif); position:relative; border:none;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#000; text-decoration:none; font-size:13px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(img/button3.gif);}
.menu1 li.current a b {background:url(img/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#fff url(img/button2.gif);}
.menu1 li a:hover b {background:url(img/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#fff url(img/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(img/button3.gif) no-repeat right top;}


/* Textos
--------------------------------------------------*/

h2{
 font-weight: lighter;
 font-style: normal;
 font-size: 1.2em;
}

p{
 font-weight: lighter;
 font-style: normal;
 font-size: 0.9em;
}

/* Capas contenedoras generales
--------------------------------------------------*/

#capatop{
 background-color: white;
 width: 100%;
 background-position: top center;
 margin:0;
 padding: 0;
}

.wrap-top{
 width: 750px;
 margin: auto;
}

#capa-bot{
 width: 100%;
 margin:0;
 padding: 0;
 background: black;
}

.wrap-bot{
 width: 750px;
 margin: auto;
 padding: auto;
 margin-top:15px;
}

.columnaleft{
 width: 250px;
 padding:10px 10px 10px 20px;
}

.columnaleft-wide{
 width: 400px;
 padding:10px 10px 10px 0;
}

.fullwidth{
 width: 100%;
 padding:0;
 margin: 0;
}

.sidebar{
 width:210px;
 padding: 10px 0 10px 10px;
}

.shadow{
 height: 62px;
 background: url(img/shadow-bottom-750.jpg) center bottom no-repeat;
}

/* Clases de cada p‡gina
--------------------------------------------------*/

.form{
 height:782px;
 background: url(img/bg-form.jpg) center bottom no-repeat;
}
.principal{
 height:565px;
 background: url(img/bg-principal.jpg) center bottom no-repeat;
}
.ventas{
 height:565px;
 background: url(img/bg-ventas.jpg) center bottom no-repeat;
}
	.ventas ul{}
	.ventas ul li{display: block; line-height: 20px; list-style: none; margin-bottom: 5px;}
	.ventas ul li a, a:active{color:#4e4e4e; text-decoration: none;}

.catalogo{
 padding-bottom: 20px;
}
	.catalogo ul{}
	.catalogo ul li{display: block; line-height: 20px; list-style: none; margin-bottom: 5px;}
	.catalogo ul li a, a:active{color:#4e4e4e; text-decoration: none;}

.manifiesto{
 height:600px;
 background: url(img/put-concept.jpg) left bottom no-repeat;
}

.manifiesto p{
 font-size: 0.75em;
 font-style: italic;
}
	
.caja-modelo{
 width: 320px;
 height: 120px;
 margin: 10px;
 padding: 15px;
 border: dashed 1px gray;
 display: block;
}

/* Clases funcionales
--------------------------------------------------*/

.border-bottom{
 border-bottom: 5px solid gray;
}

.border-top{
 border-top: 5px solid gray;
}
.margin-right{
 margin-right: 10px;
}

.margin-left{
 margin-left: 10px;
}

.fl{float:left;}
.fr{float: right;}
.clear {clear: both;}

.border-img{
 padding:5px;
 border: 1px solid #cccccc;
}

h1{
 
	padding-top: 135px;
 
	text-align: center;
 
	color: white;
 
	font-variant: small-caps;
 
	font-weight: bold;
 
	font-size: 15pt;
 
	font-family: "Trebuchet MS"; 
}