* {
  margin: 0;
  padding: 0;
  }

html, body {
	height: 100%;
  }

body {
	height: 100%;
	max-height: 100%;
	background-color: #2B2B2B;
}

/* Estructura del Sitio */

#contenedor{
	overflow: hidden;
	position: relative;
	padding: 0;
	height: auto;
	width:auto 100%;
	margin: 0 auto;
	background-image: url(images/pie.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	}

#cabecera {
	position: relative;
	width:980px; 
	height: 135px;
	margin:auto;
	background-image: url(images/cabecera.png);
	background-position: center top;
	background-repeat: no-repeat;

}

#contenido1 {
	width: 980px;
	height: 30px;
	margin: auto;
	margin-top:0px;
	padding-top:0px;
	background-color: #F2F2F2;
	} 

	
#contenido{
	overflow:hidden;
	width: 980px;
	height: auto 100%;
	margin: 0px auto;
	padding:0;
	padding-bottom:20px;
	bottom: 0px;
	background-color: #F6F6F6;
	background-image: url(images/bg_pie.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#contenido2{
	overflow:hidden;
	width: 980px;
	height: auto 100%;
	margin: 0px auto;
	padding-bottom:80px;
	bottom: 0px;
	background-color: #F6F6F6;
	background-image: url(images/bg_pie2.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#flashcontent {
   margin:10px 0px 30px 20px;
	width:936px;
   height:250px;	
}

#indextopban {
 	margin:auto;
	padding-bottom:30px;
	width:950px;
   height:220px;	
	background-image: url(images/indextop.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#marktopban {
 	margin:auto;
	padding-bottom:30px;
	width:950px;
   height:220px;	
	background-image: url(images/marketingtop.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#seotopban {
 	margin:auto;
	padding-bottom:30px;
	width:950px;
   height:220px;	
	background-image: url(images/seotop.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#galeriatopban {
 	margin:auto;
	padding-bottom:30px;
	width:950px;
   height:220px;	
	background-image: url(images/galeriatop.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#contactopban {
 	margin:auto;
	padding-bottom:30px;
	width:950px;
   height:220px;	
	background-image: url(images/contactetop.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#contenidosub{
	overflow:auto;
	width: 880px;
	height: auto 100%;
	margin: 0px auto;
	padding:30px 20px 30px 30px;
	bottom: 0px;
	border: 2px solid #B4D400;
	background-color: #282828;
	background-image: url(images/onoky_lateral_big.png);
	background-position: top right;
	background-repeat: no-repeat;
}	
	
#contenidoizq {
	float:left;
	width: 610px;
	height: auto 100%;
	min-height: 100%;
	bottom: 0px;
	padding:0px 10px 0px 40px;
	margin-bottom:20px;
	} 

#lateral {
	float:right;
	width: 300px; 
	height: auto 100%;
	border-left:dotted 1px #D2D2D2;
	padding:0px 0px 32px 10px;
	margin-bottom:30px;
}

#lateral2 {
	float:right;
	width: 270px; 
	height: auto 100%;
	border-left:dotted 1px #D2D2D2;
	padding:0px 0px 32px 10px;
	margin-bottom:30px;
}

.cita{
	width: 600px;
	height: auto;
	padding: 5px 5px 8px 8px;
	margin: 12px 0px 20px 0px;
	background-color: gray;
	color:#FFFFFF;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}

.cita2{
	width: 600px;
	height: auto;
	padding: 7px 5px 8px 8px;
	margin: 12px 0px 25px 0px;
	background-color:#E4E4E4;
	color:#464646;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	border-width: 1px;
	border-bottom-color: #ACACAC;
	border-bottom-style:solid;
}

#columder, #columcentro {
	float:right;
	width: 310px; 
	height: auto 100%;
	border-left:dotted 1px #D2D2D2;
	padding:5px 0px 450px 15px;
	}

#columizq {
	float:right;
	width: 310px; 
	height: auto 100%;
	padding:5px 0px 12px 10px;
}

#lateralads {
	float:right;
	width: 170px; 
	height: auto 750px;
	margin-left:40px;
	margin-top:20px;
	padding-top:10px;
}

.cajaslat{
	width:270px;
	height:auto;
	padding:10px 0px 8px 20px;
}

.cajagoogle{
	width:270px;
	height:auto;
	padding:35px 0px 8px 35px;
}

.pcajaslat{
	color:#666666;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	line-height: 140%;
	font-size: 12px; 
	text-align: left;
	padding:10px 15px 10px 0px;
}

.h2lateral {
	margin:30px 0 5px 0px;
	color: #99CC00;
	text-decoration: none;
	letter-spacing: 0px;
}

.cajatrabajos{
	width:270px;
	height:auto;
	padding:0px 0px 0px 20px;
}

.pcajatrabajos{
	width:254px;
	color:#666666;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	line-height: 140%;
	font-size: 12px; 
	text-align: justify;
	padding:10px 0px 14px 0px;
	}

p{
	color: #666666;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	line-height: 140%;
	font-size: 13px; 
	text-align: justify;
	padding-left:0px;
	padding-right:10px;
}

p.boxes{
	color: #133F00;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	line-height: 140%;
	font-size: 11px; 
	text-align: justify;
	padding-left:12px;
	padding-right:12px;
	margin-top:115px;
}

h2{
	color: #99CC00;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	background-image: url(images/H2_550.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 16px; 
	margin:30px 0 10px 0;
	letter-spacing: 2px;
}

h3{
	color: #99CC00;
	text-decoration: none;
	background-image: url(images/h3_620px.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	font: 20px Trebuchet MS, Verdana, Helvetica, sans-serif;
	margin-bottom:15px;
	padding:0px 0px 2px 30px;
	letter-spacing: 2px;
}

#h3lateral {
	color: #99CC00;
	text-decoration: none;
	background-image: url(images/h3_320px.gif);
	background-position: bottom left ;
	background-repeat: no-repeat;
	padding:0px 0px 2px 30px;
	margin:0px 0px 0px 10px;
	letter-spacing: 2px;
}
#h3latgoogle {
	color: #99CC00;
	text-decoration: none;
	background-image: url(images/h3_220px.gif);
	background-position: bottom left ;
	background-repeat: no-repeat;
	padding:0px 0px 2px 30px;
	margin:0px 0px 0px 10px;
	letter-spacing: 2px;
}
h3.trabajos {
	margin:0px 16px 15px 0px;
	color: #99CC00;
	text-decoration: none;
	background-image: url(images/h3_320px_2.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding:0px 0px 10px 0px;
	text-align: center;
	font: 22px Trebuchet MS, Verdana, Helvetica, sans-serif;
}

h4 {
	margin:0px 0 15px 25px;
	color: #99CC00;
	font: 22px Trebuchet MS, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	padding-bottom:10px;
	letter-spacing: 3px;
}

hr{
	height: 1px ;
	color: #515151; 
}

.alink, .alink:visited{
	color: #666666;
	text-decoration: underline;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	line-height: 140%;
	font-size: 13px; 
}

.alink:hover{
	color: #93BC00;
	text-decoration: none;
} 

.alink2, .alink2:visited{
	color: #6D9100;
	background-color: #C0D77A;
	text-decoration: none;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	line-height: 140%;
	font-size: 13px;
	padding:5px 20px 5px 8px;
	background-image: url(images/bg_alink2.gif);
	background-position: center right;
	background-repeat: no-repeat; 
}

.alink2:hover{
	color: #465E00;
	text-decoration: underline;
}

.alink3, .alink3:visited{
	color: #6D9100;
	background-color: #C0D77A;
	text-decoration: none;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	line-height: 140%;
	font-size: 13px;
	padding:5px 8px 5px 20px;
	margin-right: 10px;
	background-image: url(images/bg_alink3.gif);
	background-position: center left;
	background-repeat: no-repeat; 
}

.alink3:hover{
	color: #465E00;
	text-decoration: underline;
}

.alinklat, .alinklat:visited{
	color: #666666;
	text-decoration: underline;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	line-height: 140%;
	font-size: 11px;
	background-image: url(images/icon_amplie.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 12px; 
}

.alinklat:hover{
	color: #93BC00;
	text-decoration: none;
} 

.alinktrabj, .alinktrabj:visited{
	color: #666666;
	text-decoration: underline;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	line-height: 140%;
	font-size: 11px; 
}

.alinktrabj:hover{
	color: #93BC00;
	text-decoration: none;
} 

.alinkpagsig, .alinkpagsig:visited {
	color: #C9DA00;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	line-height: 140%;
	font-size: 13px;
	padding-right:16px;
	background-image: url(images/sig.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.alinkpagsig:hover{
	color: #FFDD00;
} 

.alinkpagant, .alinkpagant:visited {
	color: #C9DA00;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	line-height: 140%;
	font-size: 13px;
	padding-left:16px;
	background-image: url(images/ant.gif);
	background-position: left;
	background-repeat: no-repeat;
}

.alinkpagant:hover{
	color: #FFDD00;
} 

.litext{
	text-decoration: none;
	list-style: none;
	color: #666666;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	line-height: 180%;
	font-size: 13px;
	margin:0;
	padding-left:22px; 	
	background-image: url("images/iconli.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
}

.litextbad{
	text-decoration: none;
	list-style: none;
	color: #666666;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	line-height: 180%;
	font-size: 13px;
	margin:0;
	padding-left:22px; 	
	background-image: url("images/iconlibad.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
}

/* ---- IMAGENES ---- */
img{border-style: none;}
.trabajos{
	padding:10px 0px 0px 10px;
}
.imgbody{
	margin:10px 0px 20px 0px; border:solid; border-color: #99CC00; border-width:1px;
}
/* ---- BOXES ---- */

/* ESQUINAS REDONDEADAS AZUL CLARO */	

.cajared_conten {
	float:right;
	width: 250px;
	height:auto;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left:16px;
	background-color:#013C78;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	line-height: 160%;
	font-size: 13px; 
}

.cajared_central {
	float:left;
	width: 700px;
	height:auto;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left:16px;
	background-color:#013C78;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	line-height: 160%;
	font-size: 13px; 
}


.cajared_conten p {
	margin: 0 5px;
	padding: 15px;
	color:#FFF;	

}

.cajared_conten li {
	margin: 0 5px;
	padding: 10px;
	color: #FFF;	
}

.roundtopn { 
	background: url(images/tr.gif) no-repeat top right;
	margin-bottom:0px; 
}

.roundbottomn {
	background: url(images/br.gif) no-repeat top right; 
}

img {
	border: none;
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block;
}

#formbackg{
	height: 382px;
	width: 700px;
	background-image: url(images/formbackg.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin-top:30px;
	margin-left:40px;
	margin-bottom:30px;
	padding-top:15px;
	padding-left:20px;
	}

#derecha{
	float:left;
	height:310px;
	width:300px;
	border-right: 1px solid #518CC8; 
	padding:5px;
	margin-top:20px; 
	margin-left:20px;
}

#izquierda{
	float:left;
	height:310px;
	width:300px;
	padding:5px;
	margin-top:20px;
	margin-left:20px;
}

textarea{
	color:#518CC8; 
	font-family:Trebuchet MS, Verdana, sans-serif; 
	font-size: 11px;
	margin-top:5px;	
	}

p.formu{
	color: #013C78;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	line-height: 160%;
	font-size: 13px; 
	text-align: justify;
	padding-left:12px;
	padding-right:12px;
	margin-top:0px;
	}