@charset "utf-8";
/* CSS Document */
/* general */
body {
width:100%;
height:100%;
margin: 0;
padding:0;
font: normal normal normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color:#333333;
background:#ccc url(../images/bg-db3.jpg) 0 0 repeat-x ;
}
a, a:link, a:visited, a:hover, a img {
border:none;
text-decoration:none;
color: #999;
color:#ff9900;
}
a:hover { 
color:#999;
}
ul {
padding:0 0 0 20px;
margin:4px 4px 4px 0;
list-style: square;
color:#777;
}
li{
margin:8px 0;
}
li a {} 
a:hover {}
b{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;

} 
h1, h2, h3, h4, h5, h6{
/*font: normal normal normal 18px/18px Verdana, Arial, Helvetica, sans-serif;*/
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight:normal;
margin:10px 0;
padding:0;
color:#1B3CCE;
}
h1 {
font: normal normal normal 20px/24px Verdana, Arial, Helvetica, sans-serif;
margin:10px 0;
}
h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-size:16px;
line-height:26px;
}
h2 a {
/*font:normal small-caps bold 22px/24px Helvetica, Arial, sans-serif;
margin:0;
padding:0;*/
}
h3 {
font:normal small-caps bold 14px/20px Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.03em;
background: #000;
color:#fff;
padding:4px 5px;
}
h4 {
font:normal normal normal 15px/24px Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding:0;
}
h5 {
font-size:16px;
}
h6 {
font-size:11px;
color: #009900;
}
.rgh {
text-align:right;
}
hr{
border: none;
margin:15px 5px;
border-top: dashed 1px #BCCFE3;
}

/* cajas */
.all {
display:block;
width:1000px;
height:auto;
margin: 0 auto;
padding:0;
}
.head{
display:block;
float:left;
width:100%;
height:160px;
margin: 0;
padding:0;
background:transparent url(../images/background.jpg) 50% 0 no-repeat ;
}
#leftcolumn{
display:block;
float:left;
width:180px;
}
.content{
display:block;
float:left;
width:978px;
height:auto;
background:#e0e0e0 url(../images/bg5.jpg) 0 0 repeat-x;
height:auto;
margin: 0;
padding:20px 10px 20px;
border:solid 1px #ccc;
}
.middle {
display:block;
float:left;
width:100%;
background: #333 ;
color:#fff;
margin:0;
padding:15px 0;
}
.foot {
display:block;
float:left;
background: #666;
width:100%;
height:auto;
margin:0;
padding:10px 0;
color:#fff;
background: #666 url(../images/logo-foot.png) 30px 50% no-repeat; 
}
.line {
display:block;
width:1000px;
margin: 0 auto;
height:auto;
border:1px solid #ffcc00;

}
/* menu */
.top-menu{
display:block;
float:left;
width:1000px;
margin:0 auto;
padding:0;
background:#222;
z-index:10;
}

.hz-menu {
display:block;
right: 30px;
float: right;
height:100px;
width:250px;
background:#003399;
margin:0;
padding: 5px 10px ; 
z-index:10;
}
.hz-menu a {
display:block;
float:left;
width: 20px;
height:20px;
margin-right:8px; 
border: solid 1px #0066CC;
font: normal normal normal 14px/18px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#0066CC;
}
.hz-menu a:hover{}

.hz-menu2 {
float:left;
position:relative;
top:20px;
left:10px;
width:730px;
height:auto;
margin:0;
padding:0;
z-index:2;
}
.hz-menu2 ul{
margin:0;
padding:0;
text-indent:0;
list-style:none;
}
.hz-menu2 li{
float: right;
list-style:none;
}
.hz-menu2 li a, .hz-menu2 li a:hover, .hz-menu2 li a:link, .hz-menu2 li a:visited{
display:block;
padding:0;
width:110px;
height:70px;
color:#fff;
font:normal normal normal 15px/80px Arial, Helvetica, sans-serif;
text-transform:lowercase;
margin:0 1px;
text-align:center;
background:transparent url(../images/bg-topmenu.png) 50% 10px no-repeat;
border-bottom:none;
}
.hz-menu2 li a:hover, .hz-menu2 li a.visited{
color:#ccc;
text-decoration:underline;
background:transparent url(../images/bg-topmenu2.png) 50% 10px no-repeat;
}

.hz-menu3 {
display:block;
position: relative;
top:0px;
left:200px;
width:800px;
height:auto;
margin:0;
padding:0;
}
.hz-menu3 ul{
margin:0;
padding:0;
text-indent:0;
}
.hz-menu3 li {
float:left;
padding: 5px 10px;
list-style:none;
}

/* logo */
.logo {
float:left;
position:relative;
top:30px;
left:20px;
width:250px;
height:70px;
background:transparent url(../images/logo-ito2.png) no-repeat 50% 50%;
}

/* formularios & search  */
form {
padding:0;
margin:0;
}
label {
display:block;
clear:both;
margin:5px 0 0;
font:normal 12px/12px Arial, Helvetica, sans-serif;
color:#999;
text-transform:lowercase;
}
input, select {
margin:2px 0 5px;
background:#666;
border:solid 1px #666;
color:#999;
}
.inp01{
width: 160px;
}
.search {
}
.searchbox {
display:block;
float: left;
width: 140px;
height:20px;
padding:0 30px 0 4px;
margin:0;
font:normal 14px/20px Verdana, Arial, Helvetica, sans-serif;
background:#666 url(../images/search.png) 150px 55% no-repeat ;
border:none;
color:#999;
}

/* tablas */
.tb-menu{
width:1000px;
margin:0;
border:none;
}
.tb-menu td{
width:190px;
padding:2px 0px;
vertical-align:top;
color:#999;
}
.tb-menu td.c0{ 
width:40px;
}
.c0 {
width:40px;
}
a.top-a:hover {
color:#999;

}
.visible, .no-visible {
display:block;
margin:0;
padding:2px 0;
color:#ccc;
clear:both;
}
.visible td {
border-left: dotted 1px #333;}
.visible td a{
line-height:22px;
color:#666;
}
.no-visible {
display:none;
border-top:dashed 1px #666;
background:transparent url(../images/line-dg.gif) 0 0 repeat;
}
a.butom, a:hover.butom {
display:block;
clear:both;
height:22px;
color:#666;
}
a.down, a:hover.down{
width:20px;
height:20px;
display: block;
float:left;
padding:0;
margin:0 2px; 
background:	transparent url(../images/down.png) 0 0 repeat;
}
a:hover.down{
background:	transparent url(../images/down2.png) 0 0 repeat;
}
/* cajas */
.float {
margin-left:8px;
}
.box00{
display:block;
float:left;
width:1000px;
margin:0 0px 0px ;
height:auto;
padding:10px 0;
color:#999;
background:#000;
}
.box01{
display:block;
float:left;
width: 785px;
margin:0;
height:auto;
/*border: solid 1px #ccc;*/
}
.box02{
display:block;
float: right;
width: 173px;
height: auto;
background:#fff /*url(../images/bg5.jpg) 0 0 repeat-x*/;
color:#555;
border:1px solid #ccc;
padding: 0 5px;
}
.box02 h3 {
margin:-5px -5px 5px;
padding: 10px 0 30px 10px;
background:#000 url(../images/bg-news.jpg) 50% 100% no-repeat;

}
.box03{
display:block;
float: right;
width: 160px;
height: auto;
padding: 0px;
}
.box04 {
float:left;
margin:10px 0 0;
padding:4px 10px;
width:120px;
border-top: dotted 1px #333;
}
.box05{
display:block;
float: right;
width:23%;
height: auto;
margin:0;
padding:0 1% 1%;
}
.box06{
display:block;
float: right;
margin:0 4px 0 0;
padding:0;
width:180px;
}
.box06 h1, .box06 h2, .box06 h3, .box06 h4, .box06 h5, .box06 h6{
color:#fff;
}

.box05 h2 a{
color:#fff;
font: normal small-caps normal 16px/20px Arial, Helvetica, sans-serif;
}
.midd-box {
width: 218px;
height: auto;
margin:0;
float:left;
border:none;
border-left:dotted 1px #ccc;
padding: 0px 15px;
}
.midd-box p {
font-size:11px;
padding:0;
margin:3px 0;
color:#999;
}
.midd-box h2 {
color:#ffcc00;
}
.no-b { border:none; }
a.more, a.more:hover, a.more:link {
display:block;
padding:2px 15px;
background:#efefef;
text-align:right;
}
.coment {
display:block;
float:left;
width:560px;
padding: 0 10px;
margin:0 0 15px;
border-right:solid 1px #BCCFE3;
}
.coment ul {
margin:4px 75px 4px 0;
}
.teme{
background: transparent url(../images/coment.png) 107% 10px no-repeat;
}
.service{
background: transparent url(../images/service.png) 107% 10px no-repeat;
}
.idea{
background: transparent url(../images/idea.png) 107% 10px no-repeat;
}
.coment p {
margin-right:75px;
font:normal normal normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
}
p.img-txt{
font-size:9px;
margin:0 0 10px;
padding:0 0 0 30px;
}
.space{
display:block;
float:left;
width:15px;
height:35px;
}
.coment2 {
display:block;
float:left;
width:262px;
height:430px;
padding: 10px;
margin-right:0px;
border:solid 1px #ccc;
}
.coment3 {
width:100%;
height:440px;
background:#000 url(../images/web.jpg) 0% 0 no-repeat;
margin:0 0 15px;
padding:0;
}
.coment3 h1, .coment3 h2, .coment3 h3, .coment3 h4, .coment3 h5, .coment3 h6, .coment3 p  {
margin:0;
padding:3px;
}
.btt{
position:relative;
top:300px;
margin:0 5px;
padding:0;
}
.coment4{
display:block;
float:left;
width:180px;
height:auto;
padding:0;
border:solid 1px #ccc;
}
.coment4 p{
margin:6px;
}
.cita {
background:transparent url(../images/com-end.png) 100% 95% no-repeat;
font: italic normal normal 16px/20px "Folio Lt BT", verdana, Arial, Helvetica, sans-serif;
margin:5px 0 5px 10px;
padding:30px 0;
color:#006699;
}
.cita b {
display:block;
float:left;
width:45px;
height:45px;
margin:-30px 5px 0 0;
background:transparent url(../images/com-ini.png) 0 0 no-repeat;
}
.relacion{
display:block;
width:455px;
border:solid 1px #ccc;
padding: 2px 10px;
background:#efefef;
}
.relacion h5{
text-align:right;
color:#999;
}

.bk-gr{
background-color:#BBDCCC;
}

.bk-db{
background-color:#BBBBDC;
}

.bk-rd{
background-color:#EAADB3;
}

.bk-pp{
background-color:#DABBDC;
}

.img01, .img02, .img03, .img04 {
width:186px;
height:150px;
margin:1px 1px 0;
display:block;
background-image:url(../images/productos.jpg);
background-position: 0 0 ;
background-repeat:no-repeat;
}
.img02 {
background-image:url(../images/servicios.jpg);
background-position: 0 0 ;
background-repeat:no-repeat;
}
.img03 {
background-image:url(../images/clientes.jpg);
background-position: 0 0 ;
background-repeat:no-repeat;
}
.img04 {
background-image:url(../images/nosotros.jpg);
background-position: 0 0 ;
background-repeat:no-repeat;
}

/*  */
.foot p{
clear:both;
position:relative;
left:210px;
font: normal 9px/12px Arial, Helvetica, sans-serif;
color:#333;
margin:0;
}