html{background: #033301 url(img/bg-html.jpg) repeat-x top; padding:0 auto 0 auto
    }
body{
    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:#fff; font-size: 50px; }
h1 a {text-decoration:none; color:#fff;} 
h1 span {text-decoration:none; color:#5555FF;} 
h1 a:hover { color:#fafafa;
    }
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
{   top:0;
    width:907px;
    margin:0 auto 0 auto;
    overflow:hidden;
    position: relative;
    height:auto; 
    }
#header{
width:903px;
height: 130px;
background:transparent;
text-align:left;
margin:30px 0 0 0; padding:0}


#content
{
background:#fff url(img/bg-flor.jpg) no-repeat;
background-position: 70% 95% ;    
position: relative; height:auto; 
overflow:hidden;
margin: 0px auto 0 auto;
width: 903px;
background-color: #fff;
text-align:left
}
#left{position: relative; 
    width: 590px; 
    height:auto; 
    float:left; 
    background:none;
    padding: 0 0 15px 18px;
	margin-top:10px;
}
#top{position: relative; 
    margin: 4px auto 0 auto;
    width:903px; 
    background:transparent url(img/top.gif) no-repeat top center; 
    height:4px
    }
#bottom{
	position: relative;width:903px; 
    margin: 20 auto 10px auto;
    width:903px; 
    background: url(img/bottom.gif) no-repeat top center; 
    height:4px}
#foot
{   background: url(img/foot.png) no-repeat top center;
    margin-top:25px;
    position: relative;
    height: 160px;
    width: 903px;
}
hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}
#tabs-bg {
	float: none;
	width:903px;
	height:41px;
	background:transparent url(img/bg-menuo.gif) top center no-repeat;
	font-size:15px;
	line-height:normal;
	border-bottom:0px solid #24618E;
	padding: 0px 5px 5px 5px;
	filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
	}
     /* begin tab */
#tab { 
    left: 3px; 
bottom:0px;
    position:relative;
    margin: 0;
	float: left;
	width:480px;
	height:30px;
    border:solid 1px #7FAAFF;
	-webkit-border-radius:8px;
    -moz-border-radius:8px;
}
#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 a {
	float:left;
	margin:0 4px 0 0;
	padding:0 0 0 5px;
	text-decoration:none;
	font-weight: bold
	}
#tab a span {
	float:left;
	display:block;
	padding:3px 15px 7px 8px;
	color:#5F62DF;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tab a span {float:none;}
/* End IE5-Mac hack */

#tab a:hover {
	color:#000;}
#tab a:hover span {
	color:#3337DE;}

/* end tab - begin tabs */
#tabs 
{
    position:relative;
    margin: 0 auto 0 auto;
	float: none;
	width:911px;
	height:41px;
}
#tabs ul {
    top:0px;
	margin:0 auto;
	padding:5px 5px 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 0 0 0;
	padding:0 5px 0 10px ;
	width: 280px;
	height:auto;
	float:right;
	background: transparent url(img/right-menu.png) top left no-repeat;
    }
#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; 
    margin:10px 10px 5px 0px; 
    padding:5px;
    width:270px;
    border:solid 1px #F9F9F9;
    height:auto; overflow: hidden;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
.caja img{float:left;  }
.caja-promo{float:left; 
    margin:10px 10px 5px 0px; 
    padding:5px 5px 5px 15px ;
    width:852px;
    border:solid 1px #F9F9F9;
    height:auto; overflow: hidden;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; background: #FFD4FF;
    }
#mostrador
    {
    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
{
    float:left; 
    margin:10px 10px 5px 0px; 
    padding-left:10px;
    width:560px;
    border:solid 1px #E0E0E0;
    height:auto;
    overflow:hidden;}
.artbox
{
    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}