@charset "UTF-8";
/* 
Proyecto: Pampaworks
fcinco estudio || Cecilia Martire y Raul Reimer
design: Chinchu & Rauto & Chinchu
construction: Rauto
csskiller: Rauto
fecha: 01/01/08
mod1: -
mod2: -
*/

* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
}
html {
	height: 100%;
	background: url(art/bck_html.jpg) no-repeat top center;
}
body {
	margin: 0px;
	background: url(art/bck_home.jpg) no-repeat top center;
}
#container {
	width: 100%;
	margin: 0 auto;
	background-color: transparent;
}
div#footer {
	width: 100%;
	min-height: 120px;
	margin: 0 auto;
	clear: both;
	text-align: center;
	border-top: 2px solid #8BC541;
	background: url(art/bck_footer.png) repeat left top;
}
div#footer h2 {
	color: #006600;
	line-height: 28px;
	text-align: center;
}
div#footer p {
	text-align: center;
}
div#footer strong {
	color: #060;
	}
div#footer a.foot, a.foot:visited{
	font-size: 10px;
	line-height: 18px;
	margin: 5px 0px;
	color: #009;
}
div#footer2 {
	width: 100%;
	min-height: 30px;
	margin: 0 auto;
	clear: both;
	text-align: center;
	border-top: 2px solid #8BC541;
	background: url(art/bck_footer.png) repeat left top;
	text-decoration:none;
}
div#footer2 h2 {
	color: #006600;
	line-height: 28px;
	text-align: center;
}
div#footer2 p {
	text-align: center;
}
div#footer2 strong {
	color: #060;
	text-decoration:none;
	}
div#footer2 st2 {
	margin-left: 12px;
	font-size: 12px;
	color: #060;
	}
div#footer2 a.foot, a.foot:visited{
	font-size: 10px;
	line-height: 18px;
	margin: 5px 0px;
	color: #009;
	text-decoration:none;
}
div#footer25 {
	width: 100%;
	min-height: 30px;
	margin: 0 auto;
	clear: both;
	text-align: center;
	border-top: 2px solid #8BC541;
	background: url(art/bck_footer.png) repeat left top;
	text-decoration:none;
}
div#footer25 h2 {
	color: #006600;
	line-height: 28px;
	text-align: center;
}
div#footer25 p {
	text-align: center;
}
div#footer25 strong {
	color: #060;
	text-decoration:none;
	}
div#footer25 st2 {
	margin-left: 12px;
	font-size: 12px;
	color: #060;
	}
div#footer25 a.foot, a.foot:visited{
	font-size: 10px;
	line-height: 18px;
	margin: 5px 0px;
	color: #009;
	text-decoration:none;
}
div#footer35 {
	width: 100%;
	min-height: 30px;
	margin: 0 auto;
	clear: both;
	text-align: center;
	border-top: 2px solid #8BC541;
	text-decoration:none;
}
div#footer35 h2 {
	color: #006600;
	line-height: 28px;
	text-align: center;
}
div#footer35 p {
	text-align: center;
}
div#footer35 strong {
	color: #060;
	text-decoration:none;
	}
div#footer35 st2 {
	margin-left: 12px;
	font-size: 12px;
	color: #060;
	background:none;
	}
div#footer35 a.foot, a.foot:visited{
	font-size: 10px;
	line-height: 18px;
	margin: 5px 0px;
	color: #009;
	text-decoration:none;
}
div#footer3 {
	width: 100%;
	margin-left: 200px;
	min-height: 30px;
	margin: 0 auto;
	clear: both;
	text-align: left;
	border-top: 2px solid #8BC541;
	text-decoration:none;
}
div#footer3 h6 {
	margin-left: 40px;
	color: #006600;
	line-height: 18px;
	text-align: left;
}
div#footer3 p {
	text-align: center;
}
div#footer3 strong {
	color: #060;
	text-decoration:none;
	}
div#footer3 st2 {
	margin-left: 50px;
	font-size: 12px;
	color: #060;
	}
div#footer3 st3 {
	margin-left: 100px;
	font-size: 12px;
	color: #060;
	}
div#footer3 a.foot, a.foot:visited{
	font-size: 10px;
	line-height: 18px;
	margin: 5px 0px;
	color: #009;
	text-decoration:none;
}
div#footer4 {
	width: 100%;
	margin-left: 200px;
	min-height: 30px;
	margin: 0 auto;
	clear: both;
	text-align: left;
	border-top: 2px solid #8BC541;
	text-decoration:none;
}
div#footer3 h6 {
	margin-left: 40px;
	color: #006600;
	line-height: 18px;
	text-align: left;
}
div#footer3 p {
	text-align: center;
}
div#footer3 strong {
	color: #060;
	text-decoration:none;
	}
div#footer3 st2 {
	margin-left: 50px;
	font-size: 12px;
	color: #060;
	}
div#footer3 st3 {
	margin-left: 100px;
	font-size: 12px;
	color: #060;
	}
div#footer3 a.foot, a.foot:visited{
	font-size: 10px;
	line-height: 18px;
	margin: 5px 0px;
	color: #009;
	text-decoration:none;
}
h1.logo {
	background: url(art/logo_pampaw.png) no-repeat top left;
	width: 315px;
	height: 60px;
	text-indent: -1000em;
	float: left;
	margin-bottom: 10px;
}
h1.logo a {
	width: 315px;
	height: 60px;
	display: block;
	text-decoration: none;
}
ul.nav {
	float: left;
	list-style: none;
}
ul.nav li {
	font: bold 11px/60px Tahoma, "Lucida Grande", Arial, Verdana, sans-serif;
	text-transform: uppercase;
	display: inline;
	padding: 3px 7px;
	list-style: none;
	color: #333;
}
ul.nav li a {
	text-decoration: none;
	color: #333;
	font: bold 11px/100px Tahoma, "Lucida Grande", Arial, Verdana, sans-serif;	
	}
ul.nav li a:hover {
	color: #FF8600;
}
ul.nav2 {
	float: left;
	list-style: none;
}
ul.nav2 li {
	font: bold 13px/85px Tahoma, "Lucida Grande", Arial, Verdana, sans-serif;
	color: #FF8600;
	text-transform: uppercase;
	display: inline;
	padding: 3px 20px;
	list-style: none;
}
ul.nav2 li a {
	text-decoration: none;
	color: #333;
	font: bold 11px/60px Tahoma, "Lucida Grande", Arial, Verdana, sans-serif;	
	}
ul.nav2 li a:hover {
	color: #FF8600;
}
h2 {
	font: normal 110% Tahoma, "Lucida Grande", Arial, Verdana, sans-serif;	
	text-align: left;
}
h3 {
	font: normal 100% Tahoma, "Lucida Grande", Arial, Verdana, sans-serif;
	text-align: left;	
}
h4 {
	font: normal 90% Tahoma, "Lucida Grande", Arial, Verdana, sans-serif;
	text-align: left;	
}
h5 {
	font: normal 100% Tahoma, "Lucida Grande", Arial, Verdana, sans-serif;	
	text-align: left;
}
p {
	color: #333;
	margin-bottom: 8px;
	text-align: left;
	font: normal 12px/16px "Lucida Grande", Arial, Verdana, sans-serif;	
}
div#header, div#body {
	width: 840px;
	margin: 0 auto;
	text-align: center;
}
div#content {
	width: 474px;
	float: left;
	display: block;
	background: transparent url(art/bck_contenido_h.png) no-repeat left top;
	}
div#content .formu {
	background: #fff none no-repeat left top;
	width: 474px;
}
div#content p, div#content h2 {
	padding: 0 10px 10px 20px;
	color: #333;
}	
span.comment {
	background: url(art/ico_comment.gif) no-repeat left center;
	padding: 0 10px 0 18px;
	font-size: 11px;
	line-height: 16px;
}
div#sidebar {
	float: left;
	display: block;
	margin-left: 12px;
	width: 353px;
	/*height: 100%;*/
	background: transparent url(art/bck_mecano.png) no-repeat right bottom;
}
div#sidebar img.fotos {
	background: #eaeaea;
	padding: 4px;
	border: 1px solid #DDD;
}
div.box {
	width: 353px;
	margin-bottom: 10px;
	min-height: 34px;
	background:#D9EAC0 url(art/bck_boxes.gif) no-repeat top left;
	}
* html div.box {
	/*margin-bottom: 0px;*/
	}
div.box h3 {
	padding-top: 8px;
	top: 8px;
}
* html div.box h3 {
	margin-top: 0px;
}
div.box h3 a:link, div.box h3 a:visited {
	margin: -6px 0 10px 0;
	padding: 0;
	color: #FF8600;
	text-decoration: none;
}
div.box p {
	padding: 6px 10px;
	font-size: 11px;
	line-height: 13px;
	}
.naranja {
	color: #FF8600;
	}
div#buscar {
	width: 232px;
	/*min-height: 150px;*/
	float: left;
	margin-bottom: 10px;
	background: transparent url(art/bck_busquedas.png) no-repeat left top;
}	
div#buscar div.close {
	width: 232px;
	height: 6px;
	text-indent: -1000em;
	background: transparent url(art/bck_buscar_close.png) no-repeat left bottom;
}	
div#servicio div.close {
	width: 232px;
	height: 6px;
	text-indent: -1000em;
	background: transparent url(art/bck_serv_close.png) no-repeat left bottom;
}	
div#buscar h3, div#servicio h3 {
	margin: 8px 8px;
	color: #505050;
}
div#buscar h4 {
	color: #F60;
	margin: 2px 12px;
}
div#buscar strong, div#servicio strong {
	color: #F60;
}
div#servicio {
	width: 232px;
	/*min-height: 150px;*/
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	background: transparent url(art/bck_servicios_h.png) no-repeat left top;
}		
div#tablita {
	width: 400px;
	min-height: 300px;
	font: bold 14px/18px "Lucida Grande", Arial, Verdana, sans-serif;	
	float: center;
	margin-left: 150px;
	margin-top: 80px;
	margin-bottom: 20px;
	font-weight:bold;
	background: transparent url(art/mipanel.jpg) no-repeat center top;
}	
div#tablita2 {
	width: 401px;
	height: 282px;
	font: bold 14px/18px "Lucida Grande", Arial, Verdana, sans-serif;	
	float: center;
	margin-left: 150px;
	margin-top: 80px;
	margin-bottom: 20px;
	text-align:center;
	font-weight:bold;
	background: transparent url(art/mipanel.jpg) no-repeat center top;
}	
div#tablita3 {
	width: 751px;
	height: 556px;
	font: bold 14px/18px "Lucida Grande", Arial, Verdana, sans-serif;	
	float: center;
	margin-left: 0px;
	margin-top: 80px;
	margin-bottom: 20px;
	text-align:center;
	font-weight:bold;
	background: transparent url(art/mipanel2.jpg) no-repeat center top;
}	
div#pagos {
	width: 464px;
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
	background:#FFF;
	border: 5px solid #DDD;
}	
div#pagos h5 {
	margin: 10px 0 0 10px;
	font-size: 14px;
	}
div#pagos img {
	
	}
/* colores */
.gris999 {
	color: #999;
	}
.gris666 {
	color: #666;
	}
.gris333 {
	color: #333;
	}
/* botones */
.more a:hover {
	background-position:0px -18px;
}
.more a, .more a:visited {
	background:url(art/more.png) no-repeat;
	display:block;
	/*float:right;
	clear: right;*/
	height:18px;
	color:#FFF;
	text-decoration: none;
	text-transform: uppercase;
	font: normal 9px/18px Geneva, "Lucida Grande", Arial, Helvetica, sans-serif;	
	text-align: center;
	margin:4px 0px 10px 240px;
	width:100px;
}
* html .more a {
	margin-bottom: 0;
}
*:first-child+html  .more a {
	margin-bottom: 0;
}
.btn a:hover {
	background-position:0px -18px;
}
.btn a, .btn a:visited {
	background:url(art/btn_.png) no-repeat;
	display:block;
	/*float:right;
	clear: right;*/
	height:18px;
	color:#FFF;
	text-transform: uppercase;
	text-decoration: none;
	font: normal 9px/18px Geneva, "Lucida Grande", Arial, Helvetica, sans-serif;	
	text-align: center;
	margin: 4px 0px 10px 120px;
	width:100px;
}
.login a:hover {
	background-position:0px -19px;
}
.login a, .login a:visited {
	background:url(art/login.png) no-repeat;
	display:block;
	float:right;
	clear: right;
	height:19px;
	color:#FFF;
	text-decoration: none;
	font:  10px/18px Geneva, "Lucida Grande", Arial, Verdana, sans-serif;	
	text-align: center;
	text-transform: uppercase;
	margin:0px;
	width:100px;
}
a {
outline-color:invert;
outline-style:none;
outline-width:medium;
}	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;  
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* llame ya */
div.llameya {
	margin: 5px 0;
	padding: 4px;
	background: #f9f9f9;
	color: #c0c0c0;
	border: 1px solid #eee;
	text-align: center;
}
div.llameya a {
	margin: 5px 0;
	line-height: 1.6em;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:.8em;
	text-align: center;
}
/* email */
a.mail {
	padding: 5px 0 5px 20px;
	color:#555;
	text-decoration: none;
    background: transparent url(art/icon_mailto.gif) no-repeat center left;
}
a.mail:hover, a.mail:active {
	padding: 5px 0 5px 20px;
	color:#F60;
	text-decoration: none;
    background: transparent url(art/icon_mailto.gif) no-repeat center left;
}
a.cel {
	padding: 5px 0 5px 20px;
	color:#555;
	text-decoration: none;
    background: transparent url(art/icon_call.gif) no-repeat left center;
}
a.cel:hover, a.cel:active {
	padding: 5px 0 5px 20px;
	color:#F60;
	text-decoration: none;
    background: transparent url(art/icon_call.gif) no-repeat left center;
}
a.msn {
	padding: 5px 0 5px 20px;
	color:#555;
	text-decoration: none;
    background: transparent url(art/icon_msn.gif) no-repeat left center;
}
a.msn:hover, a.msn:active {
	padding: 5px 0 5px 20px;
	color:#F60;
	text-decoration: none;
    background: transparent url(art/icon_msn.gif) no-repeat center left;
}
a.skype {
	padding: 5px 0 5px 20px;
	color:#555;
	text-decoration: none;
    background: transparent url(art/icon_skype.gif) no-repeat left center;
}
a.skype:hover, a.skype:active {
	padding: 5px 0 5px 20px;
	color:#F60;
	text-decoration: none;
    background: transparent url(art/icon_skype.gif) no-repeat left center;
}
/* form contacto */
div#content fieldset.contact {
	background-color: #e8e8e8;
	border:0pt solid #FFF;
	border-top: 1px solid #DDD ;
	width:460px;
	height: auto;
	margin: 0px 0 0 0;
	padding: 4px 0 0 0;
	margin-left: 0;
}
legend {
	display: none;
}
div#content div#form-contact {
	padding:0pt 0px;
	float: left;
}
div#content div#form-contact h3 {
	float: left;
	padding:0pt 0px 12px 20px;
	}
div#content div#form-contact label {
	font-weight:bold;
}
div#content div#form-contact p {
	color:#333333;
	float: left;
	padding:0pt 0px 0px 20px;
}
div#content div#form-contact p.largo {
	color:#333333;
	float: left;
	width: 380px;
	padding:0pt 0px 0px 20px;
}
div#content div#form-contact input.campo {
	background:#FFF none repeat scroll 0%;
	border:1px solid #CCCCCC;
	color:#999999;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:4px;
	width:190px;
}
div#content div#form-contact textarea.campo {
	background:#FFF none repeat scroll 0%;
	border:1px solid #CCCCCC;
	color:#999999;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:4px;
	width:400px;
}
div#content div#form-contact input.camposubmit {
	background:#515151 none repeat scroll 0%;
	border:1px solid #333;
	color:#EEE;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	padding:2px 8px;
	width:auto;
}
hr {
	clear:both;
	display:block;
	margin:-5px 0pt 0pt;
	padding:0pt;
	visibility:hidden;
}
/*---- Form login -----*/
div#login {
	width: 847px;
	height: 36px;
	margin: 0px auto;
	text-align: center;
	padding: 0;
	display: block;
	background: url(art/bck_login.png) no-repeat top center;
}
div#login fieldset.login {
	background-color:transparent;
	border:0pt solid #FFF;
	width:478px;
	height: 28px;
	margin: 0px 0 0 0;
	padding: 4px 0 0 0;
	margin-left: 358px;
}
* html div#login fieldset.login {
	padding: 0;
	width: 482px;
} 
fieldset.login label {
	float:left;
	margin:0.3em 0pt 0pt;
	padding:5px 0.2em;
	text-align:center;
	text-transform:uppercase;
	width:94px;
	color:#666;
	font: bold 9px Geneva, "Lucida Grande", Arial, Verdana, sans-serif;
}
fieldset.login input.textfield {
	background: transparent url(art/bck_textfield.png) no-repeat left top;
	border:0pt solid #FFF;
	color:#555;
	height:19px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:.8em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:1px 3px 4px 0px;
	padding:2px 8px 0 8px;
	voice-family:inherit;
	width:111px;
}
fieldset.login  input.loginsubmit {
	background:transparent url(art/bck_btn_login.png) no-repeat scroll 0%;
	border:0pt solid #FFF;
	color:#FFF;
	font: bold 10px/17px Geneva, "Lucida Grande", Arial, Verdana, sans-serif;	
	height:19px;
	margin:3px 2px;
	text-transform:uppercase;
	width:100px;
}
fieldset.login  a.loginsubmit {
	background:transparent url(art/bck_btn_login.png) no-repeat scroll 0%;
	border:0pt solid #FFF;
	color:#FFF;
	font: bold 10px/17px Geneva, "Lucida Grande", Arial, Verdana, sans-serif;	
	height:19px;
	margin:3px 2px;
	text-transform:uppercase;
	width:100px;
}