﻿body {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-image: url(../images/paisaje.jpg);
	background-repeat: no-repeat;
}
#wrapper{
        width:990px;
		margin:auto;
}
#header{
       height:80px;
}
#logo{
      width:204px;
	  height:80px;
	  float:left;
}
#slogan{
        width:336px;
		height:63px;
		float:right;
		margin-top:10px;
}
#content{
	width:990px;
	height:380px;
}
#tabla{
      width:700px;
	  height:270px;
	  float:right;
	  margin-top:20px;
}
#tabla2{
      width:700px;
	  height:320px;
	  float:right;
	  margin-top:20px;
}
#borde{position:relative;top:-40px;z-index:2;height:1px;float:left;}
#borde img{position:absolute;}
#my-border {width:700px; color:#fff;height:270px;float:right;}
#my-border .texto{width:220px;float:left;display:inline-block;padding-left:40px;padding-top:20px;}
#my-border .texto p{color:#ffffff;text-align:left;font-family:'AvantGarde Bk BT';font-size:13px;margin:0px 0px 5px 0px;}
#my-border .texto h2{color:#ffffff;text-align:left;font-family:'AvantGarde Bk BT';font-size:14px;font-weight:bold;margin-bottom:10px;}
#my-border .texto2{width:170px;float:left;display:inline-block;padding-left:40px;padding-top:20px;}
#my-border .texto2 ul{}
#my-border .texto2 li{color: #ffffff;text-align: left;font-family: 'AvantGarde Bk BT';font-size: 13px;list-style-type: disc;list-style-position: inside;}
#my-border .texto2 h2{color:#ffffff;text-align:left;font-family:'AvantGarde Bk BT';font-size:14px;font-weight:bold;margin-bottom:10px;}
#my-border .texto3{width:100px;float:left;display:inline-block;padding-top:20px;padding-left:40px;}
#my-border .texto3 ul{}
#my-border .texto3 li{color: #ffffff;text-align: left;font-family: 'AvantGarde Bk BT';font-size: 13px;list-style-type: disc;list-style-position: inside;}
#my-border .texto3 h2{color:#ffffff;text-align:left;font-family:'AvantGarde Bk BT';font-size:14px;font-weight:bold;margin-bottom:10px;}
.linea{width:2px;height:223px;display:inline-block;float:left;padding-left:20px;margin-top:10px;}
#my-border, #my-border .sb-inner  {background:#034d89;}
#banner{height:244px;width:244px;float:left;margin-top:65px;}
/* banner rotator */
#banners_container { display:block; position:relative; width:244px; height:244px; margin:0px auto 0px;}
#banner_container { position:relative ; overflow:hidden ; width:244px ; height:244px ; margin:0px auto 0px;}
#banners { white-space:nowrap; display:block; position:relative;}
#banners a img{border-style: none;}
#mainnav{width:700px;height:36px;overflow:hidden;float:right;}
#mainnav ul{width:700px;}
#mainnav li{float:left;display:inline-block;height:36px;width:113px;}
#mainnav ul li a{font-weight:bold;padding: 10px 20px;  text-transform: none; font-size: 13px; display: block; text-decoration: none; color: #FFFFFF; font-family: 'AvantGarde Bk BT';}
#mainnav ul li.color1{background-color:#036989;}
#mainnav ul li.color1 a:hover{background-color:#ababab;height:36px;}
#mainnav ul li.color2{background-color:#676767;margin-left:3px;}
#mainnav ul li.color2 a:hover{background-color:#ababab;height:36px;}
#mainnav ul li.color3{background-color:#039d79;margin-left:3px;}
#mainnav ul li.color3 a:hover{background-color:#ababab;height:36px;}
#mainnav ul li.color4{background-color:#0aa8e9;margin-left:3px;}
#mainnav ul li.color4 a:hover{background-color:#ababab;height:36px;}
#mainnav ul li.color4 a{padding-top:2px;}
#mainnav ul li.color5{background-color:#ec942a;margin-left:3px;}
#mainnav ul li.color5 a:hover{background-color:#ababab;height:36px;}
#mainnav ul li.color6{background-color:#18498b;margin-left:3px;}
#mainnav ul li.color6 a:hover{background-color:#ababab;height:36px;}
.catalogo{width:121px;height:29px;text-align:right;background:url("../images/globo.png") no-repeat right;font-famil:'AvantGarde Bk BT';font-size:13px;float:right;margin-top:10px;}
.catalogo a{text-decoration:none;color:#fff;padding-right:20px;}
.catalogo:hover{background:url("../images/globohover.png") no-repeat right;}
#content1 {margin-left:40px;display:inline-block;width:500px;overflow: hidden;height:170px;margin-top:40px;}
#content1 ul li h2{overflow:hidden;color:#F4F4FF;font-family:'AvantGarde Bk BT';font-size:15px;text-align:left;font-weight:bold;}
#content2{display:inline-block;height:170px;position:relative;margin-top:100px;float:left;width:244px;}
#content2 img{position:absolute;width:244px;height:170px;}
#vBar {background-color: #bbb;top: 0;float:right;width: 21px;height: 200px;position: relative;margin-top:50px;}
#vKnob {top: 1px;width: 21px;height: 19px;background-color: #036989;float:right;}
#my-border2 {width:560px; color:#fff;height:270px;float:right;margin-top:20px;}
#my-border2, #my-border2 .sb-inner  {background:#676767;}
#content4{display:inline-block;height:170px;position:relative;float:left;width:244px;margin-top:40px;margin-left:60px;}
#content4 img{position:absolute;width:244px;height:170px;}
#qscroller1 {width:690px;height:220px;background:#fff;margin:auto;margin-top:20px;}
.hide {visibility: hidden;position: absolute;top: -400px;background:#fff;}
.qslide{background:#fff;}
#my-border3 {width:700px; color:#fff;height:270px;float:right;margin-top:10px;}
#my-border3, #my-border3 .sb-inner  {background:#fff;}
#texto{display:inline-block;
float:left;
height:270px;
margin-top:10px;
width:300px;}
#texto h2{margin-left:20px;padding-top:10px;width:350px;color:#C4EEFF;font-family:'AvantGarde Bk BT';font-size:15px;text-align:left;font-weight:bold;margin-bottom:10px;}
#texto ul{margin-left:70px;
margin-top:20px;
width:200px;}
#texto ul li{list-style-image: url(../images/lista.jpg);list-style-type: none;color:#ffffff;text-align:left;font-family:'AvantGarde Bk BT';font-size:13px;margin-bottom:5px;color:#fff;}
#my-border4 {width:700px; color:#fff;height:270px;float:right;margin-top:20px;}
#my-border4, #my-border4 .sb-inner  {background:#0BA8E5;}
.contacto{color:#ec942a;font-weight:bold;font-family:'AvantGarde Bk BT';font-size:15px;}
.formulario{text-align: left;font-size: medium;width: 400px;padding: 0 0 0px 0;font-size:12px;float:right;}
.formulario ul{margin-top:0px;font-size:12px;}
.formulario li{margin-top: 2px;list-style-image: none;list-style-type: none;text-align:left;float:right;width:400px;}
.formulario li p{text-align: left;}
.formulario li input{float:right;text-align: left;}
#formulariocontact{float:right;width:400px;}
.inputfield{height:100px;float:right;width:400px;}
input, textarea{border:1 solid #ff009a;font-family:'AvantGarde Bk BT';font-size:13px;padding:3px;width:400px;color:#ec942a;}
label{margin:2px;}
input{width:400px;}
.button{background-color:#ec942a;color:#ffffff;border:none;width:70px;margin-top:10px;}
.buzon{
	float:right;
	margin-right:80px;
	width:200px;
}
.estilo{
      float:right;
margin-right:80px;
margin-top:40px;
width:200px;
}
.estilo h3{color:#036989;font-weight:bold;font-size:13px;margin-bottom:10px;}
.estilo p{color:#036989;font-size:12px;}
#stock{
	width:620px;
	height:320px;
	margin:auto;
}
#stock ul{width:620px;padding-top:12px;padding-left:5px;}
#stock ul li{width:138px; height:141px;margin-left:10px;float:left;padding-top:2px;padding-bottom:5px;}
#stock ul li.boligrafos h2{width:138px; height:141px;}
#stock ul li.boligrafos h2 a{
	width:138px; height:141px;background-image: url(../images/boligrafos.jpg);
	background-repeat: no-repeat;float:left;}
#stock ul li.boligrafos h2 a:hover{
	background-image: url(../images/boligrafoshv.jpg);
	background-repeat: no-repeat;
}
#stock ul li.mugs h2 a{width:138px; height:141px;
	background-image: url(../images/mugs.jpg);float:left;
	background-repeat: no-repeat;
}
#stock ul li.mugs h2{
	width:138px;
	height:141px;
}
#stock ul li.mugs h2 a:hover{
    
	background-image: url(../images/mugshv.jpg);
	background-repeat: no-repeat;
}
#stock ul li.ejecutiva h2 a{
    width:138px; height:141px;
	background-image: url(../images/ejecutiva.jpg);float:left;
	background-repeat: no-repeat;
}
#stock ul li.ejecutiva h2{width:138px; height:141px;}
#stock ul li.ejecutiva h2 a:hover{
	background-image: url(../images/ejecutivahv.jpg);
	background-repeat: no-repeat;
}
#stock ul li.papeleria h2 a{
 width:138px; height:141px;float:left;
	background-image: url(../images/papeleria.jpg);
	background-repeat: no-repeat;
}
#stock ul li.papeleria h2{width:138px; height:141px;}
#stock ul li.papeleria h2 a:hover{
	background-image: url(../images/papeleriahv.jpg);
	background-repeat: no-repeat;
}
#stock ul li.calculadoras h2 a{
width:138px; height:141px;float:left;
	background-image: url(../images/calculadora.jpg);
	background-repeat: no-repeat;
}
#stock ul li.calculadoras h2{width:138px; height:141px;}
#stock ul li.calculadoras h2 a:hover{
	background-image: url(../images/calculadorahv.jpg);
	background-repeat: no-repeat;
}
#stock ul li.relojes h2 a{
 width:138px; height:141px;float:left;
	background-image: url(../images/relojes.jpg);
	background-repeat: no-repeat;
}
#stock ul li.relojes h2 {width:138px; height:141px;}
#stock ul li.relojes h2 a:hover{
	background-image: url(../images/relojeshv.jpg);
	background-repeat: no-repeat;
}
#stock ul li.miscelanea h2 a{
width:138px; height:141px;float:left;
	background-image: url(../images/miscelanea.jpg);
	background-repeat: no-repeat;
}
#stock ul li.miscelanea h2{width:138px; height:141px;}
#stock ul li.miscelanea h2 a:hover{
	background-image: url(../images/miscelaneahv.jpg);
	background-repeat: no-repeat;
}
#stock ul li.textiles h2 a{
width:138px; height:141px;float:left;
	background-image: url(../images/textiles.jpg);
	background-repeat: no-repeat;
}
#stock ul li.textiles h2{width:138px; height:141px;}
#stock ul li.textiles h2 a:hover{
	background-image: url(../images/textileshv.jpg);
	background-repeat: no-repeat;
}
#my-border5{width:700px; color:#fff;height:320px;float:right;}
#nav_visual ul{height:320px;
overflow:hidden;
width:620px;}
#nav_visual  
{
position:relative;
padding-left:40px;

}
#nav_visual ul li {
border:1px solid #BBBBBB;
display:inline-block;
float:right;
height:82px;
list-style-position:inside;
list-style-type:none;
margin-left:10px;
margin-top:10px;
width:81px;
}
#nav_visual ul li img 
{
}
.visual {
height:96px;
position:absolute;
right:40px;
top:0;
}
.visual a {
color:White;
text-decoration:none;
}
#bg{width:276px;height:291px;float:left;}
#grande{margin-top:60px;position:relative;}
/*finportafolio*/
#links{width:600px;height:60px;margin:auto;padding-top:20px;padding-left:40px;}
#links ul{width:600px;height:60px;}
#links ul li{float:left;width:200px;}
#links ul a{
	font-size:12px;
	color:#EC942A;
	font-family: Arial, Helvetica, sans-serif;
}
#links ul a:hover{color:#FFf;}
#formulariocontact a{}
#formulariocontact p{float:right;padding-left:300px;}
#footer_wrap{color:#fff;font-size:12px;display:inline-block;}
#footer_wrap a{color:#ffffff;text-decoration:none;text-align:left;}
#footer_wrap a:hover{color:#999a99;text-decoration:none;}
#footer{width:990px;margin:auto;text-align:center;}
#footer p{margin-left:180px;}
#footer a.espacio{margin-left:160px;}

