html{background: #033301 url(img/bg-html.jpg) repeat-x top; padding:0 auto 0 auto
    }
body{
position:relative;
    padding:0 auto 0 auto;
    margin: 0 auto 5px auto;
    text-align:center;
    background: transparent url(img/wrap-bg.jpg) no-repeat top;
    letter-spacing: 1px;
    font-family: Tahoma, Helvetica, sans-serif; /* Lucida Grande for the Macs */
    font-size: 11px;
    }
h1{padding:2px 0 0 5px; color:#999; font-size: 50px;}
h1 a {text-decoration:none; color:#fff;} 
h1 span {text-decoration:none; color: #FFFFFF;} 
h1 a:hover { color:#fafafa;
    }
.logo{position:absolute; z-index:10; top:10px; left:10px; margin:0;text-shadow: 0 0.1em 0.2em black}
.logo span{font-size: 12pt; text-shadow: 0 0.1em 0.2em black}
.sombra{position:absolute; z-index:9; top:9px; left:11px; margin:0; }
.sombra span{font-size: 12pt; color:#666; }
h1.menu {margin: 0 auto; padding:0; 
    font-size:13px; font-family: Tahoma, Helvetica, Sans-Serif;
	line-height:normal;
	}
h1.apli {color:#25650e; padding:5px 0 0 0;margin:0; font-size:34px;}
h2 {font-size: 17px;
    color: #4A6349;
    margin:8px 0 12px 0px;
    font-family: Tahoma, Helvetica, sans-serif;
    text-align:left;
    }
h2 a{color: #669966; }
h2 a:hover{color: #1E6D1B;}
h2.list {font-size: 10px; margin:0;
    }    
h2.list a{
    margin:0;
    }   
h3  {font-size: 15px;
    font-weight:bold;
    color: #033301;
    margin:17px 0 9px 0;
    font-family: Tahoma, Helvetica, sans-serif;
    text-align:left;}    
p {
    color:#444444;
    font-size: small;
    text-align:left;
    margin:6px 10px 12px 0px;
    font-family: Tahoma, Helvetica, sans-serif; /* Lucida Grande for the Macs */
}
h4 {
    text-align: center;
    color:#BAEDF2;
    margin:6px 10px 5px 10px;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 12px; 
    padding-top:15px;
    }
h4 a{text-decoration: none; color:#BAEDF2
    }
h4 a:hover{text-decoration:underline; color:#fff;
    }   
#wrap
{ position:relative;top:0;
    width:907px;
    margin:0 auto 0 auto;
    overflow:hidden;
    position: relative;
    height:auto; 
    }
#header{
position: relative;
width:901px;
height: 130px;
background: url(img/transpBlue10.png);
text-align:left;
margin:20px auto 5px auto; 
padding:0px;
border: #777 solid 1px;
	border-radius: 10px;
	-webkit-border-radius:10px;
    -moz-border-radius:10px;}


#content{
position: relative;
background:#fff url(img/bg-flor.jpg) no-repeat;
background-position: 70% 95% ;    
height:auto; 
overflow:hidden;
margin: 0px auto 0 auto;
width: 903px;
background-color: #fff;
text-align:left;
-webkit-border-radius:10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: #999999 solid 1px;
}
#left{position: relative; 
    width: 580px; 
    height:auto; 
    float:left; 
    background:none;
    padding: 0 0 15px 18px;
	margin-top:10px;
}
#foot
{   background: url(img/foot.gif) repeat-x top;
    margin:25px auto 10px auto;
    position: relative;
    height: 160px;
    width: 903px;
-moz-border-radius: 10px;
border-radius: 10px;
border: #999999 solid 1px;
}
hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}
     /* begin ---------------tab---------------- */
#tab { 
    position:relative; 
    left: 0px; 
    top: 90px;
	float: left;
	width:680px;
	height:31px;
}
#tab ul {
    top:0px;
	margin:0 auto;
	padding:5px 5px 5px 5px;
	list-style:none;
	}

#tab li {
	display:inline;
	margin:0;
	padding:0;
	height:30px;
	}

#tab h1 a {
	float:left;
	margin:0 4px 0 10px;
	padding:0 0 0 5px;
	text-decoration:none;
	font-weight: normal; display:block; 
	}
#tab ul li h1 a {text-shadow: 0.1em 0.1em 0.2em #black}
#tab a img{ border:none}
/* end tab - begin ---------tabbbssssss------------- */
#tabs 
{ background: url(img/20black.png);
    position:relative;
    margin: 5px auto 3px auto;
	padding::0;
	float: none;
	width:901px;
	height:41px;
-webkit-border-radius:8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: #666 solid 1px;
}
#tabs ul {
    top:0px;
	margin:0 auto;
	padding:5px 0px 5px 5px;
	list-style:none;
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	height:33px;
	}
#tabs a {
	float:left;
	background:url("img/left-bl.png") no-repeat left top;
	margin:0 4px 0 0;
	padding:0 0 0 5px;
	text-decoration:none;
	font-weight: bold;
	}
#tabs a span {
	float:left;
	display:block;
	background:url("img/right-bl.png") no-repeat right top;
	padding:7px 15px 7px 8px;
	color:#394835;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover {
	background:url("img/left-gri-a.png") no-repeat left top;
	color:#000;}
#tabs a:hover span {
	background:url("img/right-gri-a.png") no-repeat right top;
	color:#000;}
#right
    {
	position: relative;
	margin:12px 15px 0 0;
	padding:0 5px 0 10px ;
	width: 260px;
	height:auto;
	float:right;
	background:#fefefe url(img/right-menu.gif) top repeat-x;
-moz-border-radius: 8px;
border-radius: 8px;
border: #ccc solid 1px;
    }
#right ul 
    {
    float:left;
    padding:0;
    width: 250px;
    margin: 10px 0 0 0; 
    list-style-type: none;
    background: transparent;
    }
#right ul li 
    {
    float:left;
    text-align:left;    
    list-style-type: none;
    width:240px; 
    display: block;
    padding:2px 0 2px 5px; 
    background:  url(img/right-menu-li.gif) left top no-repeat; 
    }
#right ul li a
    {
    float:left;     
    height: 20px;
    width:230px; 
    padding:2px 0 2px 5px; 
    text-decoration: none;
    color: #1A6A78;
    }
#right ul li a:hover
    {
    color:#666;
    padding:2px 0 2px 6px; 
    }
#left img {float:left; padding:3px 15px 3px 0;
    }
#right img {padding-top:3px;
    }
.copy 
{
    margin-bottom: 10px; 
    color:#ccc; 
    text-align:center;
    font-size:10px}
.copy a
{
    color:#ccc; text-decoration:none}
.ads
{
    text-align:center; bottom:10px;}
.buton
{
    height:40px; 
    width:140px; 
    background:transparent url(img/bg-b.jpg) top center no-repeat;
    text-align:center;
    padding-top:12px;
    font:13px Tahoma;
    }
.buton a
{ padding: 10px 20px 20px 20px;
    color:White;
    font:13px Tahoma;
    text-decoration:none;
    }
.caja{float:left; position:relative;
    margin:10px 10px 5px 0px; 
    padding:5px;
    width:270px;
    border:solid 1px #DDD;
    height:auto; overflow: hidden;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
.caja img{float:left;  }
.caja-promo{float:left; position:relative;
    margin:10px 10px 5px 0px; 
    padding:0px 5px 10px 15px ;
    width:852px;
    border:solid 1px #CC0066;
    height:auto; overflow: hidden;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; background: #FFD4FF;
    }
.promo2{border:solid 1px #FFCC00; background: #feffcd;}
#mostrador
    { position:relative;
    float:left; 
    padding-left:17px;
    height:auto;
    overflow:hidden;
    position:relative;
    width:100%; 
    }
#mostrador img 
{
    float:left; padding-right:8px}
span.clientes
{
    background:transparent url(img/clientes.jpg) left center no-repeat;}
.clientbox
{ position:relative;
    float:left; 
    margin:10px 10px 5px 0px; 
    padding-left:10px;
    width:560px;
    border:solid 1px #E0E0E0;
    height:auto;
    overflow:hidden;}
.clientbox p {font-size:11px}
.artbox
{ position:relative;
    float:left; 
    margin:10px 10px 5px 0px; 
    padding:10px;
    width:550px;
    border:solid 1px #E0E0E0;
    height:auto;
    overflow:hidden;
	}
p.ico {float: left; width:80px}
p.ico img {clear: left;}
p a {color:#336699; text-decoration:none; font-weight:bold}
p a:hover {color:#6699CC; text-decoration:underline; font-weight:bold}
h2.design {font:14px Tahoma;color:#6699CC; text-align:center}
h2.design a{text-decoration:none; font-weight:bold}
#vid {margin: 0 0 0 20px; padding:0;height:auto;
    overflow:hidden;
    position:relative;}
#vids {margin: 0 20px 0 10px; padding:0; float:left}
#vidd {margin: 0 20px 0 10px; padding:0; float:left}
.contentdiv object{float: left; margin: 0; padding:0 15px 0 0;}
.artbox object{float: left; margin: 0; padding:0 15px 0 0;}
.caja-promo p{font-size:11px;}
#total{ position:relative; width:350px; padding:5px;
border:#FFFFFF solid 1px; padding: 0 5px 5px 10px;
background:transparent url(img/bg-total.gif) repeat-y left;
border-radius: 8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;}
#total ul{ position:relative; width:250px; margin-left:40px; }
#total ul li{ padding: 5px }
#total ul li a{ font-weight:bold; color:#006699}
#total ul li a:hover{ font-weight:bold; color: #CC3300}
h1.menu a{text-shadow: 0.1em 0.1em 0.2em #blue}