body, div, span, p, a, img, h1, h2, h3, h4, h5, h6, ul, ol, li, blockquote, input {
margin : 0;
padding : 0;
border : 0;
outline : 0;
}
ul, li, ol {
list-style : none;
font-weight : bold;
font-size : 12px;
}
img {
float : left;
}
a {
outline : none;
text-decoration : none;
}
body {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : normal;
background : #000;
}
#top-wrap {
width : 100%;
float : left;
background : #fff;
}
#body-wrap {
width : 970px;
float : none;
margin : 0 auto;
}
#header-wrap {
width : 100%;
float : left;
background : url(images/header-wrap.png) repeat-x;
}
#header {
width : 970px;
float : none;
margin : 0 auto;
padding-bottom : 24px;
position : relative;
}
h1 {
display : block;
float : left;
margin : 34px 0 23px 12px;
}
em.ttip {
background : url(images/bubble.png) no-repeat;
width : 112px;
height : 56px;
float : left;
display : block;
position : absolute;
top : 230px;
left : 5px;
text-align : center;
text-indent : 0;
margin-top : 20px;
z-index : 2;
display : none;
line-height : 70px;
color : #4e4e4e;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
}
p.call {
float : right;
width : auto;
margin : 56px 33px 0 0;
font-size : 12px;
color : #cccccc;
font-weight : bold;
}
div.menu {
width : 970px;
float : left;
display : block;
margin-bottom : 24px;
}
ul.nav {
min-width : 930px;
height : 68px;
float : left;
display : block;
background : url(images/nav_bg.png) repeat-x;
}
ul.nav li {
float : left;
width : auto;
margin-right : 1px;
padding : 11px 0 0 0;
}
ul.nav li a {
float : left;
font-size : 12px;
color : #cccccc;
padding : 0 24px;
text-align : center;
line-height : 46px;
}
ul.nav li a:hover, ul.nav li a.active {
float : left;
height : 48px;
background : url(images/nav-hover.png) repeat-x;
}
div.banner-wrap {
width : 970px;
float : none;
margin : 0 auto;
}
div.banner {
width : 970px;
height : 341px;
float : left;
position : relative;
margin-bottom : 46px;
background : url(images/banner_bg.png) no-repeat;
}
div.banner .leftContent {
width : 410px;
display : block;
float : left;
margin : 60px 0 0 58px;
}
.leftContent h2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 27px;
font-weight : bold;
color : #000;
padding-bottom : 20px;
}
.leftContent p {
width : 406px;
float : left;
font-size : 12px;
line-height : 21px;
color : #464646;
padding-bottom : 22px;
}
.leftContent ul {
width : 390px;
float : left;
padding-bottom : 25px;
}
.leftContent ul li {
width : 368px;
float : left;
display : block;
padding-left : 20px;
line-height : 23px;
background : url(images/ticker.png) no-repeat left;
}
.leftContent ul li a {
font-size : 12px;
color : #464646;
}
.leftContent a.m-info {
background : url(images/m-info_bg.png) no-repeat;
width : 153px;
height : 32px;
float : left;
font-size : 14px;
color : #fff;
font-style : italic;
font-weight : bold;
text-align : center;
line-height : 30px;
}
#slider-wrap {
width : 390px;
height : 276px;
display : block;
float : right;
margin : 40px 36px 0 0;
overflow : hidden;
background : url(images/slider_back.png) no-repeat;
}
#slider {
display : block;
width : 340px;
height : 222px;
float : left;
position : relative;
overflow : hidden;
top : 17px;
left : 34px;
}
#slider ul {
width : 340px;
height : 222px;
float : left;
position : absolute;
overflow : hidden;
}
#slider li {
display : inline;
width : 340px;
height : 222px;
float : left;
position : relative;
}
#prevBtn, #nextBtn {
display : block;
text-indent : -8000px;
width : 38px;
height : 38px;
float : left;
position : absolute;
left : 548px;
top : 148px;
}
#nextBtn {
left : 912px;
top : 188px;
}
#prevBtn a, #nextBtn a {
display : block;
width : 38px;
height : 38px;
float : left;
position : relative;
background : url(images/slide_left.png) no-repeat 0% 0%;
}
#prevBtn a {
display : block;
}
#nextBtn a {
display : block;
top : -40px;
background : url(images/slide-right.png) no-repeat 0% 0%;
}
#content-wrap {
clear : both;
width : 970px;
float : none;
margin : 0 auto;
padding : 26px 0 0 0;
}
div.lower-lists {
width : 960px;
float : left;
padding-bottom : 60px;
margin-bottom : 33px;
background : url(images/gradient-bottom.png) no-repeat center bottom;
}
div.lower-lists ul.services {
width : 960px;
float : left;
display : block;
}
ul.services li {
width : 260px;
float : left;
padding-right : 40px;
display : block;
margin-right : 43px;
background : url(images/border-lists.png) no-repeat right;
}
ul.services li h4 {
font-size : 21px;
color : #000;
width : auto;
float : left;
padding : 7px 0 0 0;
}
ul.services li img {
float : right;
margin : -3px 0 30px 0;
}
ul.services li p {
width : 260px;
float : left;
display : block;
font-size : 12px;
color : #727272;
line-height : 21px;
padding-bottom : 37px;
font-weight : bold;
text-align : left;
}
ul.services li a.more {
width : 62px;
display : block;
float : left;
font-size : 12px;
color : #8937dd;
padding-right : 17px;
background : url(images/r-arow.png) no-repeat right;
}
ul.services li.box2 img, ul.services li.box3 img {
margin-bottom : 24px;
}
ul.services li.box3 {
margin : 0;
padding : 0;
background : none;
}
.leftPan {
width : 560px;
display : block;
float : left;
}
.leftPan h3 {
width : auto;
float : left;
font-size : 21px;
color : #000;
padding-bottom : 39px;
}
.leftPan img {
clear : left;
float : left;
}
.leftPan div.para {
width : 369px;
float : right;
display : block;
}
.leftPan div.para p {
width : 350px;
float : left;
font-size : 12px;
color : #727272;
line-height : 21px;
padding-bottom : 30px;
}
.leftPan a.more {
width : 62px;
display : block;
float : left;
font-size : 12px;
color : #8937dd;
padding-right : 17px;
background : url(images/r-arow.png) no-repeat right;
}
.rightPan {
width : 368px;
float : right;
position : relative;
}
.innerContent {
width : 368px;
float : left;
background : url(images/right-curve_body.png) repeat-y;
}
.innerContent h3 {
font-size : 21px;
color : #000;
background : url(images/side-heading_bg.png) no-repeat;
width : 260px;
height : 46px;
float : left;
padding : 13px 0 0 20px;
position : relative;
right : -22px;
}
ul.lists {
width : 290px;
float : left;
display : block;
margin : 22px 0 0 32px;
}
ul.lists li {
width : auto;
float : left;
padding-bottom : 43px;
}
ul.lists li p {
width : 248px;
float : left;
font-size : 12px;
color : #727272;
line-height : 21px;
}
ul.lists li p a {
color : #8937dd;
font-weight : bold;
}
#footer-wrap {
clear : both;
width : 100%;
float : left;
margin : 53px 0 0 0;
background : #000 url(images/footer-wrap.png) repeat-x;
}
#footer {
width : 970px;
height : 94px;
float : none;
margin : 0 auto;
padding : 25px 0 0 0;
}
#footer p.copyright {
min-width : 120px;
float : left;
font-size : 11px;
color : #727272;
line-height : 21px;
}
p.sign {
width : 180px;
float : right;
margin : 7px 47px 0 0;
font-size : 11px;
color : #727272;
font-style : italic;
font-weight : bold;
}
p.sign a {
font-size : 11px;
color : #6b6b6b;
text-decoration : underline;
}
p.sign a:hover {
text-decoration : none;
}
ul.footNav {
clear : left;
min-width : 260px;
float : left;
}
ul.footNav li {
float : left;
color : #727272;
line-height : 21px;
}
ul.footNav li a {
float : left;
padding : 0 4px;
font-size : 11px;
color : #727272;
}
div.service {
margin-top : 50px;
}
.leftPan p {
width : 100%;
float : left;
font-size : 12px;
text-align : left;
color : #727272;
line-height : 21px;
padding-bottom : 6px;
}
ul.blog {
display : block;
width : 100%;
float : left;
}
ul.blog li {
width : 100%;
float : left;
display : block;
padding-bottom : 30px;
text-align : center;
}
ul.blog li h4 {
font-size : 21px;
color : #494949;
line-height : 21px;
padding : 0 0 10px 0;
}
ul.blog li img {
margin : 10px 9px 10px 0;
}
ul.blog li p a {
font-size : 12px;
color : #727272;
text-decoration : underline;
}
ul.blog li p a:hover {
text-decoration : none;
}
ul.blog li p.date, ul.blog li p.post, ul.blog li p.comments {
padding : 0 0 9px 0;
text-align : left;
}
ul.blog li p.date a {
text-decoration : none;
border-bottom : 1px dotted #3d3d3d;
}
.leftPan img.map {
margin-bottom : 15px;
float : left;
}
.rightPan p.address {
width : 290px;
float : left;
font-size : 12px;
color : #727272;
line-height : 21px;
margin : 10px 0 0 30px;
}
.bookmark img {
float : none;
}
.leftPan ul.sitemap, ul.sitemap li {
clear : both;
width : 120px;
float : left;
display : block;
}
.leftPan ul.sitemap li a {
font-size : 12px;
line-height : 21px;
color : #8937dd;
float : left;
text-decoration : none;
}
ul.sitemap li a:hover {
text-decoration : underline;
color : #8937dd;
}
#topcontrol {
z-index : 9000;
}
#twitable {
background-image : url(../plugin-images/btn_twit2.gif);
cursor : pointer;
height : 151px;
left : 0;
margin-left : -5px;
overflow : hidden;
position : fixed;
text-indent : -100000px;
top : 50%;
width : 53px;
z-index : 10;
display : none;
}
#twitable {
position : absolute;
}
#twitform {
left : 0;
margin-left : -512px;
margin-top : -136px;
padding-top : 17px;
position : fixed;
top : 51%;
width : 510px;
z-index : 99;
}
#twitform {
position : absolute;
}
.follow_b {
border : 2px solid #dedede;
background-color : #f5f5f5;
color : #000;
font-size : 12px;
font-weight : bold;
padding-right : 4px;
padding-right : 4px;
}
.newsWrap {
padding : 0 19px;
height : 100%;
overflow : hidden;
}
.newsWrap p {
font-family : "Trebuchet MS", Georgia, "times New Roman", arial;
margin : 0;
padding : 13px 18px;
}
.newsWrap h3 {
font-family : "Trebuchet MS", Georgia, "times New Roman", arial;
font-size : 18px;
text-transform : uppercase;
height : 100%;
overflow : hidden;
padding-top : 22px;
border-bottom : 2px solid #bcbcbc;
margin-bottom : 4px;
}
.newsWrap h3 img {
float : left;
margin : -14px 6px 6px 0;
}
.newsWrap .odd {
font-size : 13px;
font-family : "Trebuchet MS", Georgia, "times New Roman", arial;
background-color : #eaecee;
}
.newsWrap .even {
font-size : 13px;
font-family : "Trebuchet MS", Georgia, "times New Roman", arial;
background-color : #fff;
}
.newsWrap a {
font-family : "Trebuchet MS", Georgia, "times New Roman", arial;
text-decoration : underline;
color : #000;
outline : none;
}
.newsWrap a:hover {
text-decoration : none;
}
.twitContainer {
width : 512px;
margin : 65px auto 40px auto;
position : relative;
font : normal 14px/17px "Trebuchet MS", Georgia, "times New Roman", arial;
}
.gradient {
background : #fdfdfd url(../plugin-images/form-bg.gif) repeat-x 0% 100%;
}
.twitContainer .close {
position : absolute;
right : 0;
top : -8px;
z-index : 200000;
}
.twitContainer .feedBtn {
position : absolute;
right : -36px;
top : 30%;
z-index : 200000;
}
.topCrv {
background : url(../plugin-images/crv-top.png) no-repeat 0% 0%;
position : absolute;
top : 0;
width : 512px;
height : 17px;
}
.botCrv {
background : url(../plugin-images/crv-bot.png) no-repeat 0% 0%;
position : absolute;
bottom : 0;
width : 100%;
height : 17px;
font-size : 0;
line-height : 0;
}
.flLeft {
float : left;
margin-left : -16px;
}
.flRight {
float : right;
margin-right : -16px;
}
.flLeftbot {
float : left;
margin-left : -16px;
}
.flRightbot {
float : right;
margin-right : -16px;
}
.leftHand {
padding-bottom : 17px;
}
.leftHand div.leftshad {
background : url(../plugin-images/shd-l.png) repeat-y 0% 0%;
padding-left : 6px;
}
.rightHand {
background : url(../plugin-images/shd-r.png) repeat-y 100% 0%;
height : 100%;
overflow : hidden;
padding : 0 6px 0 0;
}
.rightHand div.rightshad {
background-color : #fdfdfd;
padding-top : 0;
}
.twitContainer form {
padding : 16px 21px;
height : 100%;
overflow : hidden;
}
.twitContainer label {
display : block;
padding : 4px 0;
margin : 0;
}
.twitContainer label input, .twitContainer label textarea {
font : normal 14px/15px "Trebuchet MS", Georgia, "times New Roman", arial;
width : 438px;
height : 26px;
border : 1px solid #dddddd;
padding : 15px 0 0 10px;
color : #4d4d4d;
overflow : auto;
}
.twitContainer label span {
width : 280px;
padding-left : 14px;
float : left;
}
.twitContainer label textarea {
height : 96px;
}
.twitContainer label input.btn {
background : #333333 url(../plugin-images/input-bg.gif) repeat-x;
border : 1px solid #5f5f5f;
width : 115px;
height : 41px;
padding : 0;
color : #fff;
font-size : 18px;
float : left;
cursor : pointer;
}
.contactAt {
color : #ffffff;
}
#contactable {
background-image : url(../plugin-images/btn_quickContact2.gif);
color : #ffffff;
background-color : #333333;
cursor : pointer;
height : 151px;
left : 0;
margin-left : -5px;
overflow : hidden;
position : fixed;
text-indent : -100000px;
margin-top : -155px;
top : 28%;
width : 53px;
z-index : 10;
}
#contactable {
margin-top : 0;
position : absolute;
}
#contactForm {
left : 0;
margin-top : -450px;
position : fixed;
left : -512px;
top : 10%;
width : 510px;
z-index : 99;
}
#contactForm {
margin-top : 100px;
position : absolute;
}
#contactForm span {
font-family : "Trebuchet MS", Georgia, "times New Roman", arial;
font-size : 13px;
}
#contactForm label {
font-family : "Trebuchet MS", Georgia, "times New Roman", arial;
font-size : 13px;
}
form#contactForm p {
width : 325px;
font-size : 13px;
}
#contactForm .red {
color : #f5410f;
}
#overlay {
background-color : #666666;
display : none;
height : 100%;
left : 0;
margin : 0;
padding : 0;
position : absolute;
top : 0;
width : 100%;
z-index : 0;
}
#contactForm .error {
font : normal 13px "Trebuchet MS", Georgia, "times New Roman", arial;
line-height : 10px;
color : #ff0000;
}
#contactForm input.error, #contactForm textarea.error {
color : #000;
}
#contactForm #loading {
width : 155px;
height : 55px;
margin : 100px auto;
display : none;
}
#callback {
display : none;
}
.thankNote {
font : normal 13px "Trebuchet MS", Georgia, "times New Roman", arial;
border-top : 1px solid #666666;
display : block;
clear : both;
margin : 22px 19px 0 19px;
padding : 25px 0 20px 0;
text-align : center;
}
.feedContainer {
width : 510px;
margin : 65px auto 40px auto;
padding-top : 17px;
position : relative;
font : normal 14px/17px "Trebuchet MS", Georgia, "times New Roman", arial;
}
.feedContainer .close {
position : absolute;
right : 0;
top : -8px;
z-index : 200000;
}
.feedContainer .feedBtn {
position : absolute;
right : -36px;
top : 30%;
z-index : 200000;
}
.gradient {
background : #fdfdfd url(../plugin-images/form-bg.gif) repeat-x 0% 100%;
}
.topCrv {
background : url(../plugin-images/crv-top.png) no-repeat 0% 0%;
position : absolute;
top : 0;
width : 512px;
height : 17px;
}
.botCrv {
background : url(../plugin-images/crv-bot.png) no-repeat 0% 0%;
position : absolute;
bottom : 0;
width : 100%;
height : 17px;
font-size : 0;
line-height : 0;
}
.flLeft {
float : left;
margin-left : -16px;
}
.flRight {
float : right;
margin-right : -16px;
}
.flLeftbot {
float : left;
margin-left : -16px;
}
.flRightbot {
float : right;
margin-right : -16px;
}
.leftHand {
padding-bottom : 17px;
}
.leftHand div.leftshad {
background : url(../plugin-images/shd-l.png) repeat-y 0% 0%;
padding-left : 6px;
}
.rightHand {
background : url(../plugin-images/shd-r.png) repeat-y 100% 0%;
height : 100%;
overflow : hidden;
padding : 0 6px 0 0;
}
.rightHand div.rightshad {
background-color : #fdfdfd;
padding-top : 0;
}
.feedContainer form {
padding : 16px 21px;
height : 100%;
overflow : hidden;
}
.feedContainer label {
display : block;
padding : 4px 0;
margin : 0;
}
.feedContainer label input, .feedContainer label textarea {
font : normal 14px/15px "Trebuchet MS", Georgia, "times New Roman", arial;
width : 438px;
height : 26px;
border : 1px solid #dddddd;
padding : 15px 0 0 10px;
color : #4d4d4d;
overflow : auto;
}
.feedContainer label span {
width : 280px;
padding-left : 14px;
float : left;
}
.feedContainer label textarea {
height : 96px;
}
.feedContainer label input.btn {
background : #333333 url(../plugin-images/input-bg.gif) repeat-x;
border : 1px solid #5f5f5f;
width : 115px;
height : 41px;
padding : 0;
color : #fff;
font-size : 18px;
float : left;
cursor : pointer;
}
#headerBt {
cursor : pointer;
width : 78px;
}
#headerContent {
background-color : #eeeeee;
background : #fdfdfd url(../plugin-images/page-bg.gif) repeat-x 0% 100%;
left : 0;
top : 0;
width : 100%;
margin-left : 0;
margin-top : 0;
overflow : hidden;
padding-left : 20px;
padding-top : 0;
position : fixed;
z-index : 99;
}
#headerContent .mastHead {
margin : 0 auto;
padding : 6px 20px 0 0;
height : 100%;
overflow : hidden;
}
#headerContent .mastHead img {
margin : -4px 6px 0 0;
float : left;
}
#headerContent a {
text-decoration : underline;
color : #000;
outline : none;
}
#headerContent a:hover {
text-decoration : none;
}
#headerContent div {
font-family : "Trebuchet MS", Georgia, "times New Roman", arial;
font-size : 13px;
}
#footerBt {
cursor : pointer;
width : 78px;
}
#footerContent {
background : #fdfdfd url(../plugin-images/footer_bg.gif) repeat-x 0% 100%;
left : 0;
width : 100%;
bottom : 0;
margin-left : 0;
margin-bottom : 0;
overflow : hidden;
padding-left : 20px;
padding-bottom : 0;
position : fixed;
z-index : 99;
}
#footerContent a {
font-family : "Trebuchet MS", Georgia, "times New Roman", arial;
text-decoration : underline;
color : #000;
outline : none;
}
#footerContent a:hover {
text-decoration : none;
}
#footerContent div {
font-family : "Trebuchet MS", Georgia, "times New Roman", arial;
font-size : 13px;
}
#footerContent .mastHead {
margin : 0 auto;
padding : 6px 20px 0 0;
height : 100%;
overflow : hidden;
}
#footerContent .mastHead img {
margin : -4px 6px 0 0;
float : left;
}
#fotplug {
width : 100%;
height : 40px;
float : left;
}
.telefono {
font-size : 14px;
}
.Telefono {
font-size : 24px;
color : #fff;
}
#TotalBodyId #top-wrap #header-wrap #header .call {
font-size : 14px;
}
.fugasdeagua {
font-weight : bold;
}
.nocobramos {
font-size : 12px;
}