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

body {
	margin:0px;
	padding:0px;
	background:url(../images/fondo.jpg) #FFFFFF top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

p, h1, h2, h3 { margin:0px; padding:0px; font-weight:normal; }

.body2 {
	margin:0px;
	padding:0px;
	background:url(../images/fondo2.jpg) #FFFFFF top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

img { border:0px; }

.contenedor {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:0px;
	width:1020px;
	height:550px;
}
.contenedor2 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:0px;
	width:1020px;
	/*height:550px;*/
}

.logo {
	position:absolute;
	left:33px;
	top:29px;
	width:129px;
	height:42px;
	z-index:50;
}

.contacto {
	position:absolute;
	left:875px;
	top:35px;
	width:107px;
	height:33px;
	z-index:50;
}

.cantacta {
	position:absolute;
	left:673px;
	top:43px;
	width:188px;
	height:31px;
	z-index:50;
}

.eslogan {
	position:absolute;
	left:165px;
	top:49px;
	width:309px;
	height:21px;
	z-index:50;
}

.navegacion {
	position:absolute;
	left:33px;
	top:98px;
	width:787px;
	height:32px;
	z-index:50;
}

.acceso {
	position:absolute;
	left:957px;
	top:102px;
	width:13px;
	height:15px;
	z-index:50;
}

.chica {
	position:absolute;
	left:71px;
	top:130px;
	width:362px;
	height:250px;
}

.rentable {
	position:absolute;
	left:433px;
	top:153px;
	width:515px;
	height:157px;
}

.atras {
	position:absolute;
	left:33px;
	top:219px;
	width:38px;
	height:53px;
}

.adelante {
	position:absolute;
	left:957px;
	top:219px;
	width:38px;
	height:53px;
}

.soluciones {
	position:absolute;
	left:461px;
	top:312px;
	width:252px;
	height:52px;
}

.twitter {
	position:absolute;
	left:801px;
	top:350px;
	width:23px;
	height:25px;
}

.skype {
	position:absolute;
	left:824px;
	top:350px;
	width:25px;
	height:25px;
}

.linkedin {
	position:absolute;
	left:849px;
	top:350px;
	width:26px;
	height:25px;
}

.rss {
	position:absolute;
	left:875px;
	top:350px;
	width:23px;
	height:25px;
}

.facebook {
	position:absolute;
	left:898px;
	top:350px;
	width:23px;
	height:25px;
}




.twitter2 {
	position:absolute;
	left:848px;
	top:149px;
	width:23px;
	height:25px;
	z-index:50;
}

.skype2 {
	position:absolute;
	left:871px;
	top:149px;
	width:25px;
	height:25px;
	z-index:50;
}

.linkedin2 {
	position:absolute;
	left:896px;
	top:149px;
	width:26px;
	height:25px;
	z-index:50;
}

.rss2 {
	position:absolute;
	left:922px;
	top:149px;
	width:23px;
	height:25px;
	z-index:50;
}

.facebook2 {
	position:absolute;
	left:945px;
	top:149px;
	width:23px;
	height:25px;
	z-index:50;
}






.ondulado {
	position:absolute;
	left:0px;
	top:380px;
	width:1020px;
	height:8px;
}

.iconos {
	position:absolute;
	left:57px;
	top:418px;
	width:963px;
	height:118px;
}

.legal {
	position:relative;
	float:left;
	padding:20px 0px 20px 0px;
	text-align:center;
	border-top:#ccc solid 1px;
	width:100%;
	height:62px;
}
.texto {
	position:absolute;
	left:460px;
	top:244px;
	width:465px;
	height:67px;
	z-index:1;
}

.verde { color:#8EBD00; }
.gris { color:#666; }
.verdeclaro { color:#B4DF26; }
.negro { color: #000; }
.derecha { text-align:right; }
.eslogantxt { font-size:14px; color:#666; }
.tt { font-family:"Trebuchet MS", Verdana, Arial, Helvetica; }




a { text-decoration: underline; color: #8EBD00; }
a:hover { text-decoration: underline; color: #000; }

a.flechaizquierda { 
	text-decoration: none;
	float: left;
	display: block;
	width:38px;
	height:53px;
	background:url(../images/atras.jpg) left top no-repeat; 
	}
a.flechaizquierda:hover { background:url(../images/atras2.jpg) left top no-repeat; }

a.flechaderecha { 
	text-decoration: none;
	float: left;
	display: block;
	width:38px;
	height:53px;
	background:url(../images/adelante.jpg) left top no-repeat; 
	}
a.flechaderecha:hover { background:url(../images/adelante2.jpg) left top no-repeat; }


/* contacta con nosotros */
.contactoizq { 
	background:url(../images/btn05.png) left top no-repeat;
	position:relative;
	float:left;
	width:11px;
	height:33px;
	}
a.contactocentral {
	text-decoration: none;
	float: left;
	display: block;
    height: 25px;
	/*width:90px;*/
    padding: 8px 5px 0px 5px;
	font-weight:bold;
	font-size: 16px;
	color: #fff;
    text-align: center;
	background: url(../images/basecontacto.png) repeat-x top left;
	}
a.contactocentral:hover {
	text-decoration: none;
	background: url(../images/basecontacto.png) repeat-x top left;
	color: #000;
	}
.contactoder { 
	background:url(../images/btn06.png) left top no-repeat;
	position:relative;
	float:left;
	width:11px;
	height:33px;
	}
/* fin contacta con nosotros */




/* soluciones con nosotros */
.solucionesizq { 
	background:url(../images/btn03.png) left top no-repeat;
	position:relative;
	float:left;
	width:20px;
	height:35px;
	}
a.solucionescentral {
	text-decoration: none;
	float: left;
	display: block;
    height: 27px;
	/*width:90px;*/
    padding: 8px 5px 0px 5px;
	font-weight:bold;
	font-size: 16px;
	color: #8EBD00;
    text-align: center;
	background:#fff;
	}
a.solucionescentral:hover {
	text-decoration: none;
	background:#fff;
	color: #000;
	}
.solucionesder { 
	background:url(../images/btn04.png) left top no-repeat;
	position:relative;
	float:left;
	width:20px;
	height:35px;
	}
/* fin soluciones con nosotros */




/* navegación */
.navegacionizq { 
	background:url(../images/btn01.png) left top no-repeat;
	position:relative;
	float:left;
	width:5px;
	height:22px;
	}
a.navegacioncentral {
	text-decoration: none;
	float: left;
	display: block;
    height: 19px;
	/*width:90px;*/
    padding: 3px 5px 0px 5px;
	font-weight:normal;
	font-size: 16px;
	color: #8EBD00;
    text-align: center;
	background:#fff;
	}
a.navegacioncentral:hover {
	text-decoration: none;
	color: #000;
	}
.navegacionder { 
	background:url(../images/btn02.png) right top no-repeat;
	position:relative;
	float:left;
	width:5px;
	height:22px;
	}

.space {
	position:relative;
	float:left;
	width:5px;
	height:22px;
	}

a.nav {
	text-decoration: none;
	float: left;
	display: block;
    height: 19px;
	/*width:90px;*/
    padding: 3px 5px 0px 5px;
	font-weight:normal;
	font-size: 16px;
	color: #fff;
    text-align: center;
	}
a.nav:hover {
	text-decoration: none;
	color: #000;
	}
/* navegación */



/* Navegacion index */
a.navegacionportatil {
	text-decoration: none;
	float: left;
	display: block;
	width: 180px;
	height: 40px;
	padding:70px 0px 0px 0px;
	text-align: center;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #96BA26;
	font-family: "Times New Roman", Times, serif;
	background:url(../images/portatil.jpg) top center no-repeat;
  }
a.navegacionportatil:hover {
  text-decoration: none;
  color: #D28F03;
  background: url(../images/portatilon.jpg) top center no-repeat;
  }

a.navegacionestudio {
	text-decoration: none;
	float: left;
	display: block;
	width: 180px;
	height: 40px;
	padding:70px 0px 0px 0px;
	text-align: center;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #96BA26;
	font-family: "Times New Roman", Times, serif;
	background:url(../images/estudio.jpg) top center no-repeat;
  }
a.navegacionestudio:hover {
  text-decoration: none;
  color: #D28F03;
  background: url(../images/estudioon.jpg) top center no-repeat;
  }
  
 a.navegacionportafolio {
	text-decoration: none;
	float: left;
	display: block;
	width: 180px;
	height: 40px;
	padding:70px 0px 0px 0px;
	text-align: center;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #96BA26;
	font-family: "Times New Roman", Times, serif;
	background:url(../images/portafolio.jpg) top center no-repeat;
  }
a.navegacionportafolio:hover {
  text-decoration: none;
  color: #D28F03;
  background: url(../images/portafolioon.jpg) top center no-repeat;
  }
  
 a.navegacionsur {
	text-decoration: none;
	float: left;
	display: block;
	width: 180px;
	height: 40px;
	padding:70px 0px 0px 0px;
	text-align: center;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #96BA26;
	font-family: "Times New Roman", Times, serif;
	background:url(../images/sur.jpg) top center no-repeat;
  }
a.navegacionsur:hover {
  text-decoration: none;
  color: #D28F03;
  background: url(../images/suron.jpg) top center no-repeat;
  }
 
  a.navegacionblog {
	text-decoration: none;
	float: left;
	display: block;
	width: 180px;
	height: 40px;
	padding:70px 0px 0px 0px;
	text-align: center;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #96BA26;
	font-family: "Times New Roman", Times, serif;
	background:url(../images/blog.jpg) top center no-repeat;
  }
a.navegacionblog:hover {
  text-decoration: none;
  color: #D28F03;
  background: url(../images/blogon.jpg) top center no-repeat;
  }
/* Fin Navegacion index */


/*interior ////////////////////  */
.cabecera {
	position:relative;
	float:left;
	width:1020px;
	height:180px;
	}
.columnaizq {
	position:relative;
	float:left;
	margin-left:35px;
	width:680px;
	}
.columnader {
	position:relative;
	float:left;
	margin-left:60px;
	width:210px;
	}
.bor1 { border-bottom:#ccc solid 1px; }
.bor2 { border:#B4DF26 solid 5px; }
.bor3 { border:#E0F2A6 solid 5px; }
.bor4 { border:#ccc solid 1px; }


/* formularios */
input.fi1 {
	display: block;
	width: 150px;
	height:18px;
	padding: 5px;
	font: italic 11px Arial, sans-serif;
	color:#666;
	border: #BBB solid 1px;
	background: #E3FBC6;
}




input.fi2 {
	display: block; 
	width: 560px;
	height:20px;
	padding: 4px;
	font: normal 14px Verdana, sans-serif;
	border: #BBB solid 1px;
	background: #E3FBC6;
}
input.fi3 {
	display: block; 
	width: 200px;
	height:20px;
	padding: 4px;
	font: normal 14px Verdana, sans-serif;
	border: #BBB solid 1px;
	background: #E3FBC6;
}

textarea.ft1 {
	display: block; 
	width: 500px;
	height:100px;
	padding: 4px;
	font: normal 14px Verdana, sans-serif;
	border: #BBB solid 1px;
	background: #E3FBC6;
	}