@charset "utf-8";
/*  */
/* Autor: Roberto Villa Tumoine */
/* Implementacion sitio Dagal */
/*  */
/* Enero 2013 */
/*  */

#contacto-de-lado {
	display:block; 
	height:35px;
	width:35px;
	background-color:#292929;
	position:fixed;
	top:180px;
	right:0px;
	overflow:hidden;
	background-image:url(../imagenes/flecha_izq_16_v4.fw.png);
	background-repeat:no-repeat;
	background-position-x:8px;
	background-position-y:10px;
	z-index:100;
	-webkit-border-top-left-radius:20px;
	-webkit-border-bottom-left-radius:20px;	
	-webkit-transition-property: width, height;
	-webkit-transition-duration: 0.5s;
}

#contacto-de-lado h3 {
	margin-left:35px;
	margin-top:8px;
	margin-bottom:0px;
	white-space:nowrap;
	color:#a0a0a0;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
}

#contacto-de-lado:hover {
    width:280px;
	height:310px;
}

.forma-contacto {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:240px;
	padding:5px;
	background-color:#4B4B4B;
	-webkit-border-top-left-radius:20px;
	-webkit-border-bottom-left-radius:20px;
}

.forma-contacto input, textarea {
	outline:none;
	padding:3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid #e9e9e9;
	color:#bb2e04;
	font-family:Tahoma, Geneva, sans-serif;
	margin-left:auto;
	margin-right:auto;
	width:100%;	
}

.forma-contacto input:focus, textarea:focus {
  -moz-box-shadow:    0 0 5px rgba(187, 46, 4, 1);
  -webkit-box-shadow: 0 0 5px rgba(187, 46, 4, 1);
  box-shadow:         0 0 5px rgba(187, 46, 4, 1);
  border: 1px solid rgba(187, 46, 4, 1);
}

.forma-contacto fieldset { 
     border:none;
	 width:75%;
	 margin-left:auto;
	 margin-right:auto;
}

.forma-contacto .BotonGrisRnd {
	-moz-box-shadow:inset 0px 1px 0px 0px #a8a8a8;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a8a8a8;
	box-shadow:inset 0px 1px 0px 0px #a8a8a8;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ebebeb), color-stop(1, #5c5c5c) );
	background:-moz-linear-gradient( center top, #ebebeb 5%, #5c5c5c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#5c5c5c');
	background-color:#ebebeb;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #807d80;
	outline:0;
	display:inline-block;
	color:#292929;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:4px 22px;
	text-decoration:none;
	text-shadow:1px 1px 0px #a3a3a3;
       -moz-box-shadow:2px 3px 3px #878787;
    -webkit-box-shadow:2px 3px 3px #878787;
            box-shadow:2px 3px 3px #878787;
}
.forma-contacto .BotonGrisRnd:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5c5c5c), color-stop(1, #ebebeb) );
	background:-moz-linear-gradient( center top, #5c5c5c 5%, #ebebeb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c5c5c', endColorstr='#ebebeb');
	background-color:#5c5c5c;
}
.forma-contacto .BotonGrisRnd:active {
	position:relative;
	top:1px;
}