* {margin: 0; padding: 0;}

h1 { size:2em;}
h2 { size:1.6em;}
h3 { size:1.4em;}
p { size:1em;}

body {
background: #000000;
font-size: 68.75%;
line-height: 1.3em;
color:#FFF;
text-align: left;
font-family: arial, helvetica, sans-serif;
height:100%;
}

#contenedor {
width: 800px;
margin: 10px auto 0px;
text-align:left;
overflow: hidden;
}

#top {
color:#fff;
padding: 0px 0px 5px 0px;
position: relative;
text-align: center;
}

.fecha {
display:none;
text-align: center;
}

#nav {
padding: 0px;
position: relative;
text-align: center;
background: #fff url(../img/header.jpg)  no-repeat top center;
height: 128px;
}

.copy {
	position: absolute;
	left: 1em;
	text-align:left;
	visibility: visible;
}

.idioma {
	position:absolute;
	right: 1em;
	visibility: visible;
	display:none;
}

.idioma a {
color: #fff;
text-decoration: none;
padding: 2px 5px;
}

.idioma a:hover {
color: #00C;
background-color: white;
}
#bot {
	float: right;
	display: block;
	list-style: none;
	height: 101px;
	width: 510px;
	padding: 26px 25px 0px 0px;
	line-height: 128px;
	margin: 0px;
	overflow: hidden;
}

#bot li {
	float: left;
	height: 128px;
	padding-left: 7px;
	padding-right: 7px;
}

#bot li a:link, #bot li a:visited {
	width:87px;
	height:102px;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	display: block;
	padding:0px;
}


a.nosotros {
	background: transparent url(../img/bot_nosotros1.jpg) no-repeat top center;
}
a.portfolio {
	background: transparent url(../img/bot_portfolio1.jpg) no-repeat top center;
}
a.servicios {
	background: transparent url(../img/bot_servicios1.jpg) no-repeat top center;
}
a.aclientes {
	background: transparent url(../img/bot_aclientes1.jpg) no-repeat top center;
}
a.contacto {
	background: transparent url(../img/bot_contacto1.jpg) no-repeat top center;
}

#bot a span {
	display:none
}

#bot a:hover, #bot a:active {
	border:0px;
	border-collapse:collapse;
}
a:hover.nosotros, a:active.nosotros {
	background: transparent url(../img/bot_nosotros1.jpg) no-repeat bottom center;
}
a:hover.portfolio, a:active.portfolio {
	background: transparent url(../img/bot_portfolio1.jpg) no-repeat bottom center;
}
a:hover.servicios, a:active.servicios {
	background: transparent url(../img/bot_servicios1.jpg) no-repeat bottom center;
}
a:hover.aclientes, a:active.aclientes {
	background: transparent url(../img/bot_aclientes1.jpg) no-repeat bottom center;
}
a:hover.contacto, a:active.contacto {
	background: transparent url(../img/bot_contacto1.jpg) no-repeat bottom center;
}
#logo {
background: transparent url(../img/logo.jpg)  no-repeat bottom right;
height: 59px;
width: 145px;
float:left;
position: relative;
visibility:visible;
left:60px;
top:45px;
text-align:left;
overflow:hidden;
}
#logo a {
display: block;
height: 59px;
width: 145px;
text-indent: -999999px;
}
.clearfix {
	clear: both;
}
#barradiv {
background: url(../img/barradiv.jpg) no-repeat top center;
height: 52px;
line-height: 52px;
margin: 0px auto 0px auto;
}

#cuerpo {
background: #fff  url(../img/webcuerpo.jpg) repeat-y top center; 
min-height: 406px;
width: 800px;
overflow:hidden;
}
#cuerpo p {
padding: 30px 50px 10px 50px;
color:#000;
text-align: justify;
}
#cuerpo .txtcontservicios {
padding: 10px 450px 10px 50px;
color:#000;
text-align: justify;
}
#cuerpo .txtcontservicios2 {
padding: 10px 50px 10px 450px;
color:#000;
text-align: justify;
}
#cuerpo .txth3servicios {
font-size: 22px;
padding: 10px 50px 10px 50px;
color:#CCC;
text-align: justify;
}
#cuerpo .txth3servicios2 {
font-size: 22px;
padding: 10px 50px 10px 450px;
color:#CCC;
text-align: justify;
}
.prot_h2 { 
font-size: 22px;
padding: 10px 50px 10px 50px;
color:#808080;
text-align: justify;
}
#barradiv h2 {
	padding: 0px 50px 0px 50px;
	text-align:right;
	margin: 0px;
	color:#FFF;
	font-style:normal;
	line-height: 52px;
	display:block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	letter-spacing: 1em;
}

#pie {
background: transparent url(../img/webpie.jpg) no-repeat scroll top center; 
height: 68px;
width:800px;
line-height: 60px;
text-align:center;
margin: 0px auto 0px auto;
padding:0px 0px 20px 0px;
display: block;
overflow:hidden;
}

#pie p {
	margin: 0px auto 0px auto;
	padding: 0px 30px 0px 30px;
	width: 700px;
	color: #FFF;
	position: relative;
	font: bold 11px/29px Verdana, Geneva, sans-serif;
}

.clearfix {
clear:both;
}

/*#publicidad_banner {
	margin:0px auto 0px auto;
	height: 92px;
	width: 730px;
}*/

#cuerpo .col2 {
width: 400px;
margin: 20px 0px 0px 50px; 
display:block;
}
#cuerpo p.txtcontacto, a {
	color:#CCC;
}
form {
	padding: 10px;
	margin: 20px auto 0px auto;
	min-height: 320px;
	width: 580px;
	border: 3px solid #CCC;	
}
#cuerpo .thx {
	color:#00C;
	font-weight:bold;
	text-align: center;
	font-size:1.7em;
	line-height:1.7em;
	padding: 100px 10px 0px 10px;
	margin: 20px auto 0px auto;
	min-height: 170px;
	width: 580px;
	border: 3px solid #CCC;
	display:block;
}
form input {
	margin-left: 200px;
	display: inline-block;
}
textarea {
	margin-left: 200px;
	display: inline-block;
}
.checkbox {
	margin: 10px 0px 0px 0px;
	display: block;
	color:#000;
}
.secciondeform {
	width:478px;
	border-bottom:dotted 1px #CCC;
	margin: 0px 0px 20px 0px;

}
.cajacontacto {
	width: 200px;
}
.cajacontacto1 {
	overflow: auto;
	width: 300px;
	height: 100px;
	display:block;
}
.botenviar {
	position:relative;
	visibility:visible;
	left: 230px; 
}
.botborrar {
	margin-left: 20px;
	position:relative;
	visibility:visible;
	left: 0px; 
}
.txtcontacto {
	background:#333;
	margin:30px auto 0px auto;
	line-height:10px;
	text-align:center;
	border: 1px solid #000;
	display:block;
	height:30px;
	width: 500px;
	font-size:16px;
}
#cuerpo .txtaclientesleyenda {
padding: 0px 50px 10px 50px;
color:#CCC;
text-align:center;
}
#cuerpo .txtaclientes {
	margin:0px 0px 0px 50px;
	text-align:left;
	float:left;
	width: 250px;
	font-size:1.2em;
	text-decoration:none;
	line-height:2em;
}
#cuerpo .txtaclientes li {
	min-height:2em;
	color:#ccc;
	text-decoration:none;
}
#cuerpo .txtaclientes li a {
	color:#000;
	text-decoration:none;
}
#cuerpo .txtaclientes li a:hover {
	list-style:none;
	text-decoration:none;
	color:#E47923;
}
.txtportfolio {
	color:#000;
	line-height: 1em;
	text-align:left;
	font-size:16px;
	padding: 0px 50px 0px 0px;
}
.fltl {
	float:left;
}

#clientes {
	display:block;
	overflow:hidden;
	list-style: none;
}
#clientes li {
	display:block;
	overflow:hidden;
	list-style: none;
	width: 200px;
	float:left;
}
.txtportfolio_reservalajuana {
	background: transparent url(../logosclientes/logo_reservalajuana.jpg) no-repeat left top;
	width: 100px;
	height: 75px;
	text-indent:-99999px;
	color:#000;
	line-height: 1em;
	text-align:center;
	font-size:16px;
	margin: 10px 0px 0px 50px;
	border: 1px solid #CCC;
}
.txtportfolio_moldearte {
	background: transparent url(../logosclientes/logo_moldearte.jpg) no-repeat left top;
	width: 100px;
	height: 75px;
	text-indent:-99999px;
	color:#000;
	line-height: 1em;
	text-align:center;
	font-size:16px;
	margin: 10px 0px 0px 50px;
	border: 1px solid #CCC;
}
.txtportfolio_silballabio {
	background: transparent url(../logosclientes/logo_silballabio.jpg) no-repeat left top;
	width: 100px;
	height: 75px;
	text-indent:-99999px;
	color:#000;
	line-height: 1em;
	text-align:center;
	font-size:16px;
	margin: 10px 0px 0px 50px;
	border: 1px solid #CCC;
}
.txtportfolio_escobarrecrea {
	background: transparent url(../logosclientes/logo_escobarrecrea.jpg) no-repeat left top;
	width: 100px;
	height: 75px;
	text-indent:-99999px;
	color:#000;
	line-height: 1em;
	text-align:center;
	font-size:16px;
	margin: 10px 0px 0px 50px;
	border: 1px solid #CCC;
}
.txtportfolio_bordadosnewborders {
	background: transparent url(../logosclientes/logo_bordadosnewborders.jpg) no-repeat left top;
	width: 100px;
	height: 75px;
	text-indent:-99999px;
	color:#000;
	line-height: 1em;
	text-align:center;
	font-size:16px;
	margin: 10px 0px 0px 50px;
	border: 1px solid #CCC;
}
.txtportfolio_ldexcelencia {
	background: transparent url(../logosclientes/logo_ldexcelencia.jpg) no-repeat left top;
	width: 100px;
	height: 75px;
	text-indent:-99999px;
	color:#000;
	line-height: 1em;
	text-align:center;
	font-size:16px;
	margin: 10px 0px 0px 50px;
	border: 1px solid #CCC;
}
.txtportfolio_pezzoninet {
	background: transparent url(../logosclientes/logo_pezzoninet.jpg) no-repeat left top;
	width: 100px;
	height: 75px;
	text-indent:-99999px;
	color:#000;
	line-height: 1em;
	text-align:center;
	font-size:16px;
	margin: 10px 0px 0px 50px;
	border: 1px solid #CCC;
}

.txtportfolio_jimenezyasociados {
	background: transparent url(../logosclientes/logo_jimenezyasociados.jpg) no-repeat left top;
	width: 100px;
	height: 75px;
	text-indent:-99999px;
	color:#000;
	line-height: 1em;
	text-align:center;
	font-size:16px;
	margin: 10px 0px 0px 50px;
	border: 1px solid #CCC;
}
.txtportfolio_lauraconstanza {
	background: transparent url(../logosclientes/logo_lauraconstanza.jpg) no-repeat left top;
	width: 100px;
	height: 75px;
	text-indent:-99999px;
	color:#000;
	line-height: 1em;
	text-align:center;
	font-size:16px;
	margin: 10px 0px 0px 50px;
	border: 1px solid #CCC;
}
.txtportfolio_cesarproietto {
	background: transparent url(../logosclientes/logo_cesarproietto.jpg) no-repeat left top;
	width: 100px;
	height: 75px;
	text-indent:-99999px;
	color:#000;
	line-height: 1em;
	text-align:center;
	font-size:16px;
	margin: 10px 0px 0px 50px;
	border: 1px solid #CCC;
}
.txtportfolio_climarq {
	background: transparent url(../logosclientes/logo_climarq.jpg) no-repeat left top;
	width: 100px;
	height: 75px;
	text-indent:-99999px;
	color:#000;
	line-height: 1em;
	text-align:center;
	font-size:16px;
	margin: 10px 0px 0px 50px;
	border: 1px solid #CCC;
}
.txtportfolio_sirarg {
	background: transparent url(../logosclientes/logo_sirarg.jpg) no-repeat left top;
	width: 100px;
	height: 75px;
	text-indent:-99999px;
	color:#000;
	line-height: 1em;
	text-align:center;
	font-size:16px;
	margin: 10px 0px 0px 50px;
	border: 1px solid #CCC;
}
.txtportfolio_maneiroclima {
	background: transparent url(../logosclientes/logo_maneiroclima.jpg) no-repeat left top;
	width: 100px;
	height: 75px;
	text-indent:-99999px;
	color:#000;
	line-height: 1em;
	text-align:center;
	font-size:16px;
	margin: 10px 0px 0px 50px;
	border: 1px solid #CCC;
}
.txtportfolio_seguroscorizzo {
	background: transparent url(../logosclientes/logo_seguroscorizzo.jpg) no-repeat left top;
	width: 100px;
	height: 75px;
	text-indent:-99999px;
	color:#000;
	line-height: 1em;
	text-align:center;
	font-size:16px;
	margin: 10px 0px 0px 50px;
	border: 1px solid #CCC;
}
.txtportfolio_pezzoniracing {
	background: transparent url(../logosclientes/logo_pezzoniracing2.jpg) no-repeat left top;
	width: 100px;
	height: 75px;
	text-indent:-99999px;
	color:#000;
	line-height: 1em;
	text-align:center;
	font-size:16px;
	margin: 10px 0px 0px 50px;
	border: 1px solid #CCC;
}


.cursor {
	cursor:pointer;
}
.txtportfolio_hausepark {
	background: transparent url(../logosclientes/logo_hauspark.jpg) no-repeat left top;
	width: 100px;
	height: 75px;
	text-indent:-99999px;
	color:#000;
	line-height: 1em;
	text-align:center;
	font-size:16px;
	margin: 10px 0px 0px 50px;
	border: 1px solid #CCC;
}
.txtlinkportfolio span {
	text-align:center;
	display: block;
	overflow:hidden;
	width:75px;
	margin: 0 auto;
}
.txtlinkportfolio {
	text-align:center;
	font-size:10px;
	color:#CCC;
	text-decoration:none;
	padding: 0 0 0 75px;
}
a:hover.txtlinkportfolio{
	color:#009;
}