/*all site*/
body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0; background:#f1f4f9}/*f1f4f7 #edf2f7*/
a{ color:#000080; text-decoration:none; font-weight:bold}/*color:#3333cc*/
a:hover{ text-decoration:underline}

/*h2{ font-size:14px; font-style:normal; font-weight:bold; color:#fff; background:#FD8000; padding:3px}*/
h2{ font-size:14px; font-style:normal; font-weight:bold; color:#004080; padding:3px; border-bottom:solid 1px #f3f3f3}

h3{ font-size:12px; font-style:normal; font-weight:bold}
#wrapper{ width:770px ; margin:0 auto; border-top:none;border-left:solid 1px #ddd; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; background:#FFFFFF; }

/*navigation*/
#navcontainer{ margin:0; padding:0}
#navlist{border-bottom: 1px solid #000080;margin: 0;padding-bottom: 23px;padding-left: 0px;}/*#fd8000*/
#navlist ul, #navlist li{display: inline;list-style-type: none;margin: 0;padding: 0;}
#navlist a:link, #navlist a:visited{background: #000080;border: 1px solid #000080;color: #fff;float: left;line-height: 16px;margin-right: 3px;padding: 2px 10px 2px 10px;text-decoration: none;}/* #ffad01*/
#navlist a:link#current, #navlist a:visited#current{background: #fd8000;border-bottom: 1px solid #000080;color: #fff;}
#navlist a:hover { color:#fff; background:#fd8000; }
#navlist ul a:hover {background:#fd8000; }


/*heaader*/
#header{ width:770px; background:#7da4c7; margin:0; padding:0; height:125px; width:770px; background:url(../images/header3.jpg) no-repeat left top;}
#header ul{ width:285px; margin:0; padding:15px 0 0 25px; float:right}
#header ul li{ list-style:none; display:block; margin:0; padding:5px 5px 0 15px; text-align:right}
#header a{color:#000}
/*content*/
#content{ width:770px; min-height:600px; }
#content p{ padding: 3px 0 0 5px }
#leftPart{ width:502px; float:left;  margin:10px 0 0 7px }
#rightPart{ width:235px; float:left; padding:10px 0 0 5px}
#rightPart h2{ color:#FF9900; font-size:14px; margin:0 0 0 20px}
#rightPart ul{ list-style:none; margin:10px 0 5px 0; padding:0 0 0 20px}
#rightPart li { padding:3px 15px 3px 0 }
#rightPart p{ margin:5px 0 5px 0; padding:0 0 0 20px; width:185px}

#box_blue{ background:url(../images/blue_box.gif) no-repeat top left; width:235px; height:186px; padding:10px 5px 5px 5px}
#box_green{ background:url(../images/green_box.gif) no-repeat top left; width:235px; height:186px; padding:10px 5px 5px 5px}
#box_yell{ background:url(../images/yell_box.gif) no-repeat top left; width:235px; height:186px; padding:10px 5px 5px 5px}

#main_content{margin:10px 0 0 7px; }
#main_content_rec{margin:10px 0 0 7px; height:620px}
#products h3 a{ border-bottom:solid 1px navy; font-size:11px}
#products li {padding:5px 0 5px 0; list-style:none}
#products ol li{ list-style-type:decimal!important}

/*#subcategories{ margin:0px; padding:0}
#subcategories ul{ padding:0 0 0 40px}
#subcategories li{ display:block; list-style:none; padding:3px; margin:2px 0 0 201px; width:155px ; border:solid 1px navy; }
#current{  background:#FF9900}
#subcategories li a:hover{ text-decoration:none!important}*/

#subcategories{ margin:0px; padding:0}
#subcategories ul{ padding:0 0 0 0px}
#subcategories li{ display:inline; list-style:none; padding:3px 3px 3px 15px; width:195px;  }
#current{ background:url(../images/enlaces.gif) no-repeat left center}
#subcategories li a:hover{ text-decoration:none!important}

/*forms*/
.firstname, .lastname, .company, .title, .address, .country, .email,.postalcode, .phone,.installationtype,.grid, .project, .timeframe, .message{ width:150px; float:left; color:#000085; font-size:11px; text-align:right}
.formstart14{margin:0 0 0 150px;}
input, select, textarea{ margin:3px; border:solid 1px #000085; background:#FEFEFE!important}
.image_prod{ float:left; padding:5px}
/*useful classes*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden} /* Non IE clearfix */
.buton_submit{ background:#000085!important; color:#fff!important; font-weight:bold}
.imageborder{ border:solid 1px #ddd}
#banner img{ margin:10px 0 0 0;}
.dot{ background:url(../images/dot.jpg) repeat-y left top}
.right_pad{ padding-left:5px}


.link_icon { list-style-image:url(../images/arrow.gif)}

.under{ background:url(../images/line.gif) left bottom no-repeat}
#solarRight{ text-align:left; padding:5px}
#solarRight ul{ padding:2px 2px 5px 5px; list-style:none}
#solarRight p{ margin:2px 0}
.alr{ text-align:right}
.bullet{ list-style-image:url(../images/bullet.gif)!important; }
.bullet_spot{ list-style-position: outside; list-style:url(../images/spot1.gif)!important; }
.bullet_spot li{ padding:3px ;}
.bullet li{margin-bottom:5px}
.fl{ float:left; padding:2px}
.listPa{ padding-left:0px; margin-left:20px}
#breadcrumb { padding:0px!important; color:#333; font-size:90%}

#bannerRight{ padding-top:5px; margin:auto}
.orange{ color:#FD8000; font-weight:bold}