@charset "utf-8";
/* CSS Document */
      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;
      }
      :focus {
          outline: 0;
      }
      body {
          line-height: 1;
      }
      ol, ul {
          list-style: none;
      }
      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: "" "";
      }
	  ul,ol,li{
	  padding:0px;
	  margin:0px;
	  list-style:none;
	  }
body{
background:#377593 url(../img/fdo-body.jpg) no-repeat;
font-family:Arial, Helvetica, sans-serif;
}
#contendor{
width:962px;
margin:0px auto;
}
#lateral1, #lateral2{
float:left;
}

#lateral1{
background:#EEF0DC url(../img/fdo-cont.jpg) no-repeat;
width:732px;
}
#lateral1 #head{
background:url(../img/top-head.jpg) no-repeat;
}
#lateral1 #head .logo{
padding:20px 0px 10px 15px;
width:237px;
float:left;
}
#lateral1 #head .tools{
	width:350px;
	float:right;
	text-align:right;
	padding-top:20px;
}
#lateral1 #head .tools form{
padding:0px 15px 15px 0px;
}
#lateral1 #head .tools form input{
border:#DDE9D4 solid 1px;
padding:2px;
}
#lateral1 #head .tools form span{
font-weight:bold;
color:#1F63AA;
}
#lateral1 #head .tools p{
padding-right:15px;
font-size:11px;
color:#1F63AA;
margin-bottom:5px;
}
#lateral1 #head .tools #bar{
background:#000 url(../img/top-nav.jpg) no-repeat;
padding:7px 0px 10px 0px;
margin-bottom:10px;
}
#lateral1 #head .tools #bar a{
font-size:10px;
color:#FFF;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
margin-right:14px;
}
#lateral1 #head .tools #bar a:hover{
color:#FFCC00;
}
#lateral1 #menu{
width:174px;
padding:0px 5px;
float:left;
}
#lateral1 #menu ul{
}
#lateral1 #menu ul li{
font-size:11px;
font-weight:bold;
border-bottom:#FFF solid 1px;
}
#lateral1 #menu ul li.tit{
background:url(../img/sep-ul.gif) no-repeat;
color:#FFF;
font-weight:bold;
border:none;
padding:2px 0px 5px 40px;
font-size:20px;
margin:10px 0px;
}
#lateral1 #menu ul li a{
color:#1F63AA;
text-decoration:none;
display:block;
padding:5px;
}
#lateral1 #menu ul li a:hover{
background:#00CCFF;
color:#FFF;
}
#lateral1 #cont{
	background:#FFF url(../img/pie-cont.jpg) no-repeat 0% 100%;
	width:531px;
	margin:0px 0px;
	float:right;
	padding-bottom:3em;
}
#lateral1 h1{
background:url(../img/fdo-h1.jpg) no-repeat;
color:#1F63AA;
font-weight:bold;
font-size:20px;
overflow:hidden;
padding:10px 0px 50px 60px;
}
#lateral1 #cont #prod{
	padding:0px 0px;
	width:531px;
	overflow:hidden;
	height:auto;
}
#lateral1 #cont #prod2{
	padding:0px 0px;
	width:95%;
	overflow:hidden;
	height:350px;
}
#lateral1 #cont #prod img{
border:#CCCFC0 solid 1px;
}
#lateral1 #cont #prod a img:hover{
border:#00CCFF solid 1px;
}
#lateral1 #cont #prod div{
font-size:12px;
color:#1F63AA;
font-weight:bold;
float:left;
margin:0px 5px 1em 5px;
}
#lateral1 #prod-in{
padding:0px 10px;
}
#lateral1 #prod-in p{
margin-bottom:1em;
font-size:12px;
line-height:1.4em;
}
#lateral1 #prod-in p strong{
font-weight:bold;
}
#lateral1 #prod-in h4{
font-weight:normal;
font-size:14px;
margin-bottom:1em;
}
#lateral1 #prod-in h4 strong{
font-weight:bold;
}

#lateral1 #prod-in img.grande{
float:right;
}
#lateral1 #prod-in .promini{
width:120px;
float:left;
font-size:11px;
margin:0px 25px;
}
#lateral1 #prod-in .promini strong{
font-weight:bold;
}

#lateral1 #cont .nav{
text-align:center;
margin:1em 0px;
}
#lateral1 #cont .nav a{
margin:5px;
font-weight:bold;
font-size:12px;
color:#1F63AA;
}
#lateral1 #cont .nav a:hover{
color:#000;
}


#lateral1 #finlat1{
background:#377593 url(../img/pie-lat1.jpg) no-repeat;
height:134px;
padding-bottom:1em;
}

#lat2{
background:#000 url(../img/fdo-top-lat2.jpg) no-repeat;
width:230px;
padding-top:160px;
float:right;
}
#lat2 h3{
color:#FFF;
font-size:20px;
font-weight:bold;
padding-left:2.5em;
padding-bottom:1em;
}
#lat2 img{
border:#2167B0 solid 1px;
margin:10px;
}
#lat2 a img{
display:block;
text-align:center;
}
#lat2 a img:hover{
border:#00FFFF solid 1px;
}
#lat2 a.masfotos{
display:block;
text-align:right;
color:#FFF;
text-decoration:none;
font-weight:bold;
font-size:12px;
padding-right:1em;
padding-bottom:1em;
}
#lat2 a.masfotos:hover{
color:#FFCC00;
}
#lat2 .pie-lat2{
background:url(../img/pie-lat2.jpg) no-repeat;
height:24px;
}
#pie{
background:url(../img/pie.jpg) no-repeat;
padding:20px 0px 10px 20px;
}f
#pie p{
color:#FFF;
font-size:14px;
font-weight:bold;
}
/*clases*/

.sep-negro{
background:#000;
height:1px;
overflow:hidden;
display:block;
margin:10px 0px;
}

#lateral1 h2 {
font-size:16px;
font-weight:bolder;

}
div.group-product table.productTable {
    float: left;
    width: 170px;
}