@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: 203px;  margin:auto; }
#headerWrap1 { width:100%; height: 14px;  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: 80px;  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:220px;  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:200px; 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:10px;  }
#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: 100px;  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: 60px; 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: 60px; width:190px; display:block; }
#nav3 a:visited {color: white; height: 60px; width:190px; display:block;  }
#nav3 a:hover {color: #66be59; height: 30px; width:190px; display:block;   }
.nav3 > li {float:left; height: 60px; width:190px; display:block;    }
.nav3 li a:hover {color: #66be59; height: 32px; width:190px; margin-top:5px;  }
.nav3 li {position:relative;  height: 60px; display:block; }
.nav3 li ul {display:none; position:absolute; min-width:190px;}
.nav3 li:hover > ul { display:block; height: 60px;}
.nav3 li ul li ul {  top:0;}


/* MAIN*/

main { width:970px; min-height: 550px; margin:auto;  }
aside{ width:970px; min-height: 50px; float:left; background:#FFF;  
    
    box-shadow: 0px 10px 6px -6px #777777;  }
/*aside { width:568px; border-left: 1px solid #CCC;  }*/
#aside_cuerpo{ width:970px; min-height: 250px; float:left; background:#FFF;  
    
    box-shadow: 0px 10px 6px -6px #777777; padding-left:90px; color:#9BCB4C;}
/*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;  }

#top-slide { width:970px; height: 78px; margin:auto; margin-top:-60px; background-image:url(../images/top_slide.png);  }


#columna1 { width:597px; min-height: 348px; margin:auto; float:left; }
#columna2 { width:355px; height: 348px; margin:auto; float:left; }
#titulo { width:597px; height: 76px; float:left; border-bottom:#9BCB4C solid 2px;  }
#titulo h1 { color:#386232; font-size:30px; padding:20px 50px 25px 40px; }

#titulo h1:before { content: url(../images/before.png); margin-right: 10px; vertical-align: middle; display: inline-block }
#flecha { width:20px; min-height: 76px; margin-left:40px;float:left; background-image:url(../images/before-verde.png); background-position:center; background-repeat:no-repeat;   }
#texto { width:527px; min-height: 76px; float:left; margin-top:30px;  }

#texto h1 { font-size:15px; color: #9BCB4C;  padding-left:20px; }
#texto h2 { font-size:15px; color: #9BCB4C;  padding-left:45px;  }
#texto h3 { font-size:14px; color: black;  padding-left:45px; margin:10px 0 10px 0; font-style:italic; font-weight:lighter; }
#texto p { color: #333; font-size:14px; padding:0 50px 50px; font-weight:lighter; line-height:22px; }
#texto span { color: #9BCB4C; font-size:18px;  }
#columna2 { width:355px; height: 348px; margin:auto; float:left;  }

#slide { width:356px; height: 382px; margin:auto; margin-top:-69px; box-shadow: 0px 10px 6px -6px #777777; }



#botones{ width:356px; height: 100px; margin:auto; margin-top:50px;   }
#ver{ width:250px; height: 80px; float:left; box-shadow: 0px 10px 10px -6px #777777;  }



#tw{ width:80px; height: 80px; float:left; box-shadow: 0px 10px 10px -6px #777777;   }
#ver a, #ver a:link, #ver a:hover{ padding-left:30px; width:250px; height: 80px; font-size: 16px; line-height:18px; font-weight:bold; background: url(../images/btn-ver.png) no-repeat; float:left; color: white; text-decoration:none; padding-top:23px; }
#ver a:hover{ background: url(../images/btn-ver_hover.png) no-repeat  }
#tw a, #tw a:link, #tw a:hover {  width:80px; height: 80px; background: url(../images/btn-tw.png) no-repeat; float:left; margin-left:10px; text-decoration:none;  border-radius:5px; }
#tw a:hover { background: url(../images/btn-tw-hover.png) no-repeat }


#col1, #col2 { width:404px; height: 384px; 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  {  width:319px; height: 309px;  margin:auto; margin-top:75px; z-index:2; }

/* 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; }

/*FORM*/
		
#form { width:495px; float:left;  min-height: 200px; margin-left:10px; margin-bottom:30px;  }
#form h1 { color: #333; font-size:14px; padding:30px 50px 0 20px; font-weight:lighter; line-height:22px;  }
#form p { color: #333; font-size:14px; padding:30px 50px 0 20px; font-weight:lighter; line-height:22px; }


.enviar {  font-family: 'Montserrat', sans-serif; display: block;width: 110px; height:31px;  margin:20px 0 50px 80px;  border: none;background: #9ACB4D; line-height:32px; font-size: 15px;cursor: pointer;color:black; text-align:center; }
	
.enviar:hover { background:green;border: none; color: white;}

#fdos, #ftres, #fcuatro, #fcinco, #fseis{ width: 350px; height: 31px; margin-left:80px;  border:#bfde8d solid 1px; background: #f0ffd9; margin-bottom:7px; }

#fseis{ height: 91px;  }

.overlay-container a {color:#686868; text-decoration:none; }
.overlay-container p  {color:#686868; text-decoration:none;}
.overlay-container a:hover {color:#1ED340; text-decoration:none}
				

.form-input { font-family: 'Montserrat', sans-serif; display: block;	width: 330px;	height: 31px; 	color:gray; font-weight:lighter;	border: none; background:#f0ffd9; 	font-size:15px;	padding-left:10px;	font-weight:lighter;}