/*atk style by: s. madrid*/


/*generic*/
body{
	background: transparent url(../pic/bgBody.png) repeat-x 0 0;
	margin: 0;
	padding: 0;
	}
	
h1{
	background: transparent url(../pic/h1.png) no-repeat 0 0;
	text-indent: -2000px;
	width: 363px;
	height: 63px;
	margin: 0;
	padding: 0;
	}
	
h3{
	color: #537607;
	font: bold 1.3em/16px Arial,Geneva,sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
h4{
	margin: 0;
	padding: 0;
	}
	
ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
p{
	margin: 0;
	padding: 0 0 12px 0;
	}
	
	
	
	
/*layout*/
#contenedorPrincipal{
	margin: 0 auto;
	width: 950px;
	padding: 0 10px 10px 10px;
	position: relative;
}

#homeCentral{
	float: left;
	position: relative;
	padding: 33px 0 0 0;
	width: 950px;
	}
	
#contenido{
	float:left;
	font:0.67em/16px Verdana,Geneva,sans-serif;
	padding:20px 0 10px;
	width:940px;
	}
	
#pie{
	 clear: both;
	 background: #e0e1e0 url(../pic/bgPie.png) repeat-x 0 0;
	 font:  normal 0.6em/1.3em Arial,Geneva,sans-serif;
	 color: #313131;
	 height: 100%;
	 }	
	 
#descripcionComp{
	font: normal 0.67em/16px Verdana,Geneva,sans-serif;
	color: #434343;
	width: 560px;
	position: relative;
	padding: 17px 10px 10px 10px;
	float: left;
	}
	
#destacadoHome{
	float: left;
	padding: 20px 10px 10px 25px;
	}	 
	
	
	
	
/*section headers*/
h2.nosotros, h2.lineas, h2.clientes, h2.contacto{
		text-indent: -2000px;
		clear: both;
		height: 43px;
		margin: 32px 0 0 0;
		}

h2.nosotros{
		background: transparent url(../pic/h2_nosotros.png) no-repeat 0 0;
		}
		
h2.lineas{
		background: transparent url(../pic/h2_lineas.png) no-repeat 0 0;
}

h2.clientes{
		background: transparent url(../pic/h2_clientes.png) no-repeat 0 0;
}

h2.contacto{
		background: transparent url(../pic/h2_contacto.png) no-repeat 0 0;
}	
	
	
/*classes*/	
#contenido img.ilustra{
	float: right;
	}
	
.clearboth{
	clear: both;
	}
	
.clearform{
	clear: both;
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 0;
	}
	
.strong{
	font-weight: bold;
	}
	
span.contacto{
	font-size: 2em;
	}	
	
	
	
/*links*/	
#contenido a{
	text-decoration: none;
	color: #74aa1e;
	}
	
#contenido a:hover{
	color: #507b0b;
	text-decoration: underline;
	}
	
#destacadoHome a.imasd{
	background: transparent url(../pic/imasd.png) no-repeat 0 0;
	margin: 0;
	padding: 0;
	width: 334px;
	height: 57px;
	display: block;
	}
	
#destacadoHome a.entornoweb{
	background: transparent url(../pic/entornoweb.png) no-repeat 0 0;
	margin: 0;
	padding: 0;
	width: 334px;
	height: 57px;
	display: block;
	}	
	
#destacadoHome a.areadesarrollo{
	background: transparent url(../pic/areadesarrollo.png) no-repeat 0 0;
	margin: 0;
	padding: 0;
	width: 334px;
	height: 57px;
	display: block;
	}		

#destacadoHome a{
	margin: 0 0 10px 0 !important;
	}
	
#destacadoHome a span{
	display: none;
	}
	
#pie a{
	color: #6c9b07;
	text-decoration: none;
	}
	
#pie a:hover{
	text-decoration: underline;
	}	


	
/*navigation*/	
#nav{
	height:34px;
	margin:0;
	overflow:hidden;
	position:absolute;
	right:0;
	top:62px;
	width:500px;
	z-index:1;
}
	
#nav li, #subNav li{
	float:left;
	margin:0;
	padding:0;
	}
	
#nav a, #subNav a{
	float:left;
	height:34px;
	margin:0;
	padding:0;
	position:relative;
	}
	
#nav a .overlay{
	background-image:  url(../pic/menu.png);
	}
	
#subNav{
	margin: 7px 0;
	display: block;
	}
	
#subNav a{
	font: normal 0.67em/16px Verdana,Geneva,sans-serif;
	color: #313131;
	text-decoration: none;
	}

#subNav .current{
	color: #537607;
	}
	
#subNav .ball{
	background: transparent url(../pic/ball.png) no-repeat 0 7px; 
	width: 7px;
	margin: 0 5px;
	}

#inicio .overlay{
		background-position: 0 0;
		}
#inicio.current .overlay{
	background-position: 0 -41px;
	}
	
#nosotros .overlay{
	background-position: -57px 0;
	}
#nosotros.current .overlay{
	background-position: -57px -41px;
	}
	
#actividad .overlay{
	background-position: -166px 0;
	}
#actividad.current .overlay{
	background-position: -166px -41px;
	}
	
#clientes .overlay{
	background-position: -301px 0;
	}
#clientes.current .overlay{
	background-position: -301px -41px;
	}
	
#contacto .overlay{
	background-position: -424px 0;
	}
	
#contacto.current .overlay{
	background-position: -424px -41px;
	}
	
#inicio, #inicio a{
	width: 57px;
	}
#nosotros, #nosotros a{
	width: 109px;
	}
	
#actividad, #actividad a{
	width: 135px;
	}
	
#clientes, #clientes a{
    width: 123px;
	}
	
#contacto, #contacto a{
    width: 74px;
	}	
	
.overlay{
    display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}





/*other*/
body#home{
	background: transparent url(../pic/bgBodyHome.png) repeat-x 0 0;
	margin: 0;
	padding: 0;
	}
	
#compo{
	background: transparent url(../pic/compo.png) no-repeat 0 0;
	width: 403px;
	height: 242px;
	top: 20px;
	left: 0;
	}
	
#slogan{
	background: transparent url(../pic/slogan.png) no-repeat 0 0;
	width: 441px;
	height: 62px;
	position: absolute;
	top: 95px;
	right: 123px;
	}
	
#slogan span{
	display: none;
	}
	
#xhtml{
	background: transparent url(../pic/iconXhtml.gif) no-repeat 0 0;
	width: 47px;
	height: 13px;
	position: absolute;
	top: 20px;
	right: 20px;
	}
		
#pie .center{
	width: 950px;
	margin: 0 auto;
	padding: 22px;
	position: relative;
	}
	
#pie p{
	margin: 0 !important;
	padding: 0 !important;
	}
	

	

	

	
/*lists*/	
#contenido ul li{
	background: transparent url(../pic/liBullet.png) no-repeat 0 6px;
	padding-left: 15px;
	margin-bottom: 7px;
	}
	
#contenido ul li span{
	color: #6c9b07;
	display: block;
	}
	

	
	
/*forms*/
form{
	margin: 0;
	padding: 0;
	}

fieldset{
	margin: 0;
	padding: 0;
	border: none;
	width: 486px;
	}

form div{
	float: left;
	padding: 7px;
	}
		
form div label{
	clear: both;
	display: block;
	color: #313131;
	font: bold 1em Arial,Geneva,sans-serif;
	}
		
form div label em{
	color: #689409;
	}
		
form div.boton{
	float: right;
	width: 60px;
	display: block;
	}
	
form input, form textarea{
	border: 1px solid #90cb11;
	line-height: 1em;
	padding: 5px;
	background: #6b970d url(../pic/background-input.gif) no-repeat 0 0;
	}
	
form input.medium{
  width: 164px;
}

form input.large{
 width: 270px;
}	
	
form textarea{
	width: 460px;
	}
		
form input.button{
	background: #6b970d url(../pic/background-submit.gif) repeat-x 0 0;
    padding: 3px 5px;
    width: 60px;
    cursor: pointer;
    text-align: center;
    float:left;
    display:inline;
    border: none;
    color: #fff;
	}
	
form div:hover {
	background:#e5e5e5;
	}
	
form div.cleaform:hover{
	background: none !important;
	}
	
form div.boton:hover, form div.boton:focus{
	background:none;
	}

form input:focus, form input:hover, form textarea:focus, form textarea:hover{
	border: 1px solid #313131;
	}
	
form div.boton input:hover, form div.boton input:focus{
	border: none;
	}
	

	
	
/*clearfix hack*/
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
 }

.clearfix {
        display: inline-block;
 }

/* start commented backslash hack \*/

* html .clearfix {
        height: 1%;
 }

.clearfix {
        display: block;
}
/* close commented backslash hack */