@charset "utf-8";
/* CSS Document */

*{	margin: 0;	padding: 0;	  }

html{ font-size: 62.5%; /*en 10px*/ }

body{ background: url(../images/body.png)  repeat; font-family: 'Montserrat', sans-serif; /*font-family: 'Archivo Narrow', sans-serif; */font-size: 13px; font-weight:lighter; }


.cleaner{ clear: both;}


/* HEADER*/

header { width:100%; height: 287px;  margin:auto; }
#headerWrap1 { width:100%; height: 24px;  background:background: rgb(55,99,48); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(55,99,48,1) 1%, rgba(54,135,43,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(55,99,48,1)), color-stop(100%,rgba(54,135,43,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(55,99,48,1) 1%,rgba(54,135,43,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(55,99,48,1) 1%,rgba(54,135,43,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(55,99,48,1) 1%,rgba(54,135,43,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(55,99,48,1) 1%,rgba(54,135,43,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#376330', endColorstr='#36872b',GradientType=1 ); /* IE6-9 */
;  }
#headerWrap2 { width:100%; height: 6px;  background:black;  }
#headerWrap3 { height: 143px;  background-color:#386232; background-image: url(../images/body2.png)   }
#headerWrap4 { height: 4px;  background: rgb(55,99,48); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(55,99,48,1) 1%, rgba(54,135,43,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(55,99,48,1)), color-stop(100%,rgba(54,135,43,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(55,99,48,1) 1%,rgba(54,135,43,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(55,99,48,1) 1%,rgba(54,135,43,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(55,99,48,1) 1%,rgba(54,135,43,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(55,99,48,1) 1%,rgba(54,135,43,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#376330', endColorstr='#36872b',GradientType=1 ); /* IE6-9 */
;  }
#logo{ width:171px; height:341px;  background:black; position:absolute; top:0; left:14%; z-index:999; background:#0C3; border-radius:0 0 10px 10px; background: rgb(32,30,31); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(32,30,31,1) 0%, rgba(49,79,45,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,30,31,1)), color-stop(100%,rgba(49,79,45,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(32,30,31,1) 0%,rgba(49,79,45,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(32,30,31,1) 0%,rgba(49,79,45,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(32,30,31,1) 0%,rgba(49,79,45,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(32,30,31,1) 0%,rgba(49,79,45,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#201e1f', endColorstr='#314f2d',GradientType=0 ); /* IE6-9 */
  }
#logo-wrap{ width:171px; height:251px; background-image:url(../images/estudio-contable-paredes.png); background-repeat: no-repeat; background-position: center 20px; }
#logo-tex{ width:171px; height:51px;   }
#logo-tex p{ color:#337f27; font-size:18px; padding-left:18px;  }

#presentacion{ width:301px; left: 72%; position:relative; height:173px; top:70px;  }
#presentacion p{ color:white; font-size:15px; font-weight:bold; }
#presentacion span{ color:white; font-size:13px; font-weight:normal;  }


  
/* NAV*/


nav {  width:100%; height: 109px;  background:background: rgb(54,135,43); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(54,135,43,1) 0%, rgba(55,99,48,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(54,135,43,1)), color-stop(100%,rgba(55,99,48,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(54,135,43,1) 0%,rgba(55,99,48,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(54,135,43,1) 0%,rgba(55,99,48,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(54,135,43,1) 0%,rgba(55,99,48,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(54,135,43,1) 0%,rgba(55,99,48,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36872b', endColorstr='#376330',GradientType=1 ); /* IE6-9 */
;  }
#nav-wrap{  width:970px; height: 109px; margin: auto; z-index:999; }


ul {	list-style: none;	margin: auto;	padding: 10px;	width: 970x;  margin-left:190px;  }
.nav3  li a { border-left: 2px #36872B solid; text-transform: uppercase; color: white; text-decoration:none; display:block; width:190px; text-align:center;  font-size:14px; letter-spacing:3px;    }

#nav3 a:link {color: white; height: 92px; width:190px; display:block; }
#nav3 a:visited {color: white; height: 92px; width:190px; display:block;  }
#nav3 a:hover {color: #66be59; height: 92px; width:190px; display:block;   }
.nav3 > li {float:left; height: 92px; width:190px; display:block;    }
.nav3 li a:hover {color: #66be59; height: 92px; width:190px; margin-top:5px;  }
.nav3 li {position:relative;  height: 92px; display:block; }
.nav3 li ul {display:none; position:absolute; min-width:190px;}
.nav3 li:hover > ul { display:block; height: 92px;}
.nav3 li ul li ul {  top:0;}


/* MAIN*/

main { width:970px; min-height: 710px; margin:auto;  }
aside{ width:970px; min-height: 705px; float:left; border-width: 1px; background:background: rgb(234,234,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(234,234,234,1) 0%, rgba(238,238,238,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(99%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(238,238,238,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(238,238,238,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(238,238,238,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(234,234,234,1) 0%,rgba(238,238,238,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
; 
    border-style: solid; 
    border-color: #DDDDDD; 
    border-radius: 0px; 
    box-shadow: 0px 10px 6px -6px #777777;  }
/*aside { width:568px; border-left: 1px solid #CCC;  }*/

#servicios { width:970px; height: 60px; margin:auto;  }
#servicios p { color: #D6D6D6  ; font-size:30px; text-transform:uppercase; text-align:center; line-height:60px;  }

#slide { width:970px; height: 348px; margin:auto; margin-top:-60px;  }


#col1, #col2 { width:404px; height: 394px; float:left;   }
#col2 { width:496px;  background: rgb(28,77,22); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(28,77,22,1) 1%, rgba(54,135,43,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(28,77,22,1)), color-stop(100%,rgba(54,135,43,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(28,77,22,1) 1%,rgba(54,135,43,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(28,77,22,1) 1%,rgba(54,135,43,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(28,77,22,1) 1%,rgba(54,135,43,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(28,77,22,1) 1%,rgba(54,135,43,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c4d16', endColorstr='#36872b',GradientType=0 ); /* IE6-9 */
  }
#col2 h1 { color: #338229; font-size:30px; line-height:19px; padding:87px 0 0 50px; font-weight:lighter;    }
#col2 p { color: white; font-size:13px; line-height:19px; padding:20px 50px; font-weight:lighter;    }


#col1_wrap, #titulo {  width:319px; height: 309px;  margin:auto; margin-top:75px; z-index:2; }
#titulo {  height: 69px; margin-top:45px;  }
#titulo h1{   font-size:30px; padding-left:70px; color: #CCC;   }
#titulo p{  color: #333; font-size:16px; padding-left:70px; }
#twitter{  width:320px; height: 250px; box-shadow: 0px 10px 6px -6px #777777; float:left;  }
#recuadrito{  width:320px; height: 250px;  z-index:999; }
#pajarito {  width:65px; height: 60px; margin-top:75px; background-color: #32CDFD;
float:left; margin-left:35px; border-radius:8px; background-image:url(../images/tw.png); background-repeat:no-repeat; background-position:center 10px;   }

/* FOOTER*/

footer { width:100%; height: 250px; margin:auto; background:#9acb4d; }
#footer-wrap { width:970px; height: 156px; margin:auto;   }
#footer-data { width:50px; height: 56px; margin:auto; }
#footer-wrap p { color: #194213; text-align: center; line-height:76px; }

#footer-wrap a, #footer-wrap a:link, #footer-wrap a:hover { color: #194213; text-align: center; line-height:76px; text-decoration:none; }


/* PIE*/

#pie{ width:970px; height: 100px; margin:auto; line-height:50px; margin-top:50px;  }
#pie p { color: #999 ; text-decoration:none; font-size:11px;  }

#pie a, #pie a:link, #pie a:hover { color: #699922; text-decoration:none; font-size:10px; text-align: left; font-weight:lighter; }


/* SHADOW*/


/* efecto 2 */
#col2
{
box-shadow: 0px 10px 6px -6px #777777;