* { padding: 0; margin: 0; outline: 0; }
body {
	/*background: #e8eae1;
	*/background:#FFFFFF;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Sans-Serif;
	font-size: 11px;
	line-height: 20px;
	color: #535753;
	padding-bottom: 10px;
}
input, textarea, select { font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Sans-Serif; font-size:10px; }
.field { padding: 7px 5px; border: solid 1px #cdd1bd; color: #969696; height: 14px; }
.field2 { padding: 7px 5px; border: solid 1px #cdd1bd; color: #969696; height: 50px; width:460px; }
.Asterisco { color:#FF0000;}
.salto {height:50px; vertical-align:top; }
.salto2 {height:80px; vertical-align:top; }
#form { width:800px;}



.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: 0; /* Establecemos la barra en la izquierda */
	top: 140px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
	font-size:22px;
}
 
	.social ul {
		list-style:none;
		
	}
 
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 10px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-twitter {background: #00abf0;}
	.social ul li .icon-google-plus {background: #d95232;}
	.social ul li .icon-youtube {background: #C41A1E; }
	.social ul li .icon-pinterest {background: #ae181f;}
	.social ul li .icon-file-picture {background:#339933; }
	.social ul li .icon-envelop {background: #666666;}
 
	.social ul li a:hover {
		/*background: #000;*/ /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}



h3{ padding-bottom:5px; padding-top:5px; text-transform:uppercase; color:#98BB49;}


.field-focused { color: #333; }
input.button { padding: 4px 5px; cursor: pointer; }

a { color: #5c7025; text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: none; }
a img { border: 0; }


p { padding-bottom:10px; text-align:justify; }
strong { color:#98BB49;}

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.cl { font-size: 0; line-height: 0; clear: both; display: block; height: 0; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; background-repeat: no-repeat; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

.no{ border:none;}

.shell { width: 960px; margin: 0 auto; }

h2.txt-quienes_somos { background-image: url(images/Quienes_somos.gif); }
h2.txt-servicios { background-image: url(images/Servicios.gif); }
h2.txt-exitos { background-image: url(images/Exitos.gif); }
h2.txt-clientes { background-image: url(images/Clientes.gif); }
h2.txt-contacto { background-image: url(images/Contacto.gif); }
h2.txt-support { background-image: url(images/Soporte.gif); }
h2.txt-obras { background-image: url(images/Obras.gif); }
h2.txt-integracion { background-image: url(images/Integracion.gif); }
h2.txt-software { background-image: url(images/Software.gif); }
h2.txt-tecnologia { background-image: url(images/Tecnologicas.gif); }


ol.simple-list {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 0;
    margin-left: 20px;
    padding: 0;
     
    counter-reset: li-counter;
}
ol.simple-list > li{
    position: relative;
    margin-bottom: 20px;
    padding-left: 0.5em;
    min-height: 3em;
    border-left: 2px solid #CCCCCC;
	z-index:-99999;
}
ol.simple-list > li:before {
    position: absolute;
    top: 0;
    left: -1em;
    width: 0.8em;
     
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #464646;
 
    content: counter(li-counter);
    counter-increment: li-counter;
	z-index:-99999;
}


.more { background: url(images/arr.gif) no-repeat 0 center; padding-left: 8px; }

.separator { background: url(images/separator.gif) repeat-x 0 bottom; }


.separator1 { background: url(images/separator.gif) repeat-x 0 bottom; }

#description1 { padding-bottom: 10px; margin-bottom: 10px; }
#description1 h2 { height: 90px; background: url(images/description2.gif) no-repeat 0 0; }

                           /*Borde lado izquierdo*/
#top { padding: 8px 0 10px 0px; position: relative; height: 100%; }

#logo { width: 266px; font-size: 0; line-height: 0; position: absolute; top: 8px; left: 0; }
#logo a { display: block; height: 130px; text-indent: -4000px; background: url(images/logo2.gif); }


#description { padding-bottom: 10px; margin-bottom: 10px; }
#description h2 { height: 18px; background: url(images/description2.gif) no-repeat 0 0; }

#navigation { height: 35px; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; line-height: 21px; text-transform: uppercase; z-index:9999; position:absolute; margin-left:335px; }
#navigation ul { float: right; list-style-type: none; }
#navigation li, 
#navigation li a, 
#navigation li a span { float: left; display: inline; padding-left: 10px; background-image: }
#navigation li a { color: #757675; text-decoration: none; background-position: 0 0; }
#navigation li a span { float: left; display: inline; padding-right: 10px; padding-left: 0; background-position: right 0; }
#navigation li a:hover,
#navigation li a.active,
#navigation li a:hover span,
#navigation li a.active span { background-image: url(images/nav-active2.gif); color: #fff; }



#navigation li{float:left;list-style:none;background:transparent;text-align:center;position:relative;cursor:default;}
#navigation li ul li { width:250px; margin:2px;}

#navigation li ul li a { background-image: url(images/nav-active2.png); color:#FFCC00; }
#navigation li ul li a:hover span { color:#FFFFFF; background-image: url(images/nav-active2.png); }
#navigation li ul li a:hover { color:#FFFFFF; }

#navigation a{text-decoration:none;}
#navigation li a:hover{text-decoration:underline;}
#navigation li li a:hover{text-decoration:none;}
#navigation li li a{ display:block;line-height:20px;}
#navigation li li a:hover{color:#000000;}

#navigation li ul{padding:10px 0 10px 0;display:none;position:absolute;top:100%;left:0;}
/*li>ul{top:auto;left:auto;}*/
#navigation li li{float:left;border:0;display:block;background:transparent;}
#navigation li:hover ul,li.over ul{display:block;}


#mensaje{  height: 12px; line-height: 21px; background-image: url(images/Iluminamos.gif); width:288px; }






.CuerpoMenu1{ width:190px; float:left; }
.CuerpoMenu2{ width:760px; float:right; }

/*-----------------------------------------SUB MENU----------------------*/

.menuItem,
.subMenu {
  list-style: none !important;
}
.menuItem > a,
.subMenu > li > a {
  text-decoration: none !important;
  color: #7D7E7D !important;
  text-transform: uppercase;
}











#navBox {
  width: 180px;
  border-right: 1px solid #A5CD4C; /*COLOR LINEA VERDE*/
}
.menuItem {
  position: relative;
  display: block;
  /*left: -55px;
  */width: 175px;
  height: 30px;
  text-align: right;
  letter-spacing: 1px;
  padding-top: 12px;
  padding-right: 10px;
}
.menuItem:hover,
.menuItem:hover a {
  background: #7D7E7D !important;
  color: #efefef !important;
  cursor: default !important;
}
.menuItem > a:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 160px;
  height: 50px;
}
.menuItem:first-child > A:hover,
.menuItem:first-child > A:hover:before {
  cursor: pointer !important;
}
.subMenu {
  visibility: hidden !important;
  opacity: 0 !important;
  position: relative;
  top: -45px;
  left: 185px;
  padding: 4px 4px 4px 10px;
  background: #7D7E7D;  /*COLOR FONDO PLOMO*/
  height: auto;
  width: 175px;
  border-left: 1px solid #efefef;
  text-align: left;
  border-radius: 12px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.subMenu > li:hover a {
  display: block;
  width: 175px;
  background-color: #efefef !important;
  color: #82AC24 !important;
  padding-left: 9px;
  margin-left: -9px;
  border-radius: 12px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  cursor: pointer !important;
}


#navBox ul .menuItem:hover .subMenu {
  visibility: visible !important;
  opacity: 1 !important;
  -moz-transition: ease-in all .25s !important;
  -webkit-transition: ease-in all .25s !important;
  -o-transition: ease-in all .25s !important;
}


#header{
height:360px;
}

.left{
text-align:left;
}

.content ul { margin-left:15px; list-style:disc;}
.content ul li ul { margin-left:20px; list-style:circle; }

.cols { padding: 15px 0 15px; }
.cols .col { float: left; display: inline; }
.cols .col-last { margin-right: 0 !important; }
.cols .col h2 { padding-bottom: 10px; margin-left: 5px; text-transform: uppercase; font-weight: normal; }
.cols .col h2.notext { height: 26px; }
.cols .col .content { padding: 5px 0 0 5px; text-align:justify; }

.one-cols .col { width: 960px;  }

.three-cols .col { width: 300px; margin-right: 30px; }

.two-cols .col { width: 470px; margin-right: 20px; }
.two-cols .col .content { padding-top: 0; }
.two-cols .col-big { width: 630px; }
.two-cols .col-big h2 { margin-left: 0; }
.two-cols .col-big .content { padding-left: 0; }


.Cuerpo{ width:950px; height:auto; padding:5px;}


.form_contacto .field { float: left; display: inline; width: 224px; }
.form_contacto .button { float: right; display: inline; width: 64px; height: 30px; border: 0; background: url(images/Enviar.gif) no-repeat 0 0; }

#footer { font-size: 10px; text-transform: uppercase; padding-top: 5px; color: #9d8e8e; }
#footer a { color: #959a87; text-decoration: underline; }
#footer a:hover { color: #6d852c; text-decoration: none; }
#footer span { margin: 0 8px; color: #ced1c7; }