/* CSS Document */

/* ESTILOS PARA CONTACTO CSS DESPLIEGUE */

section#contenedor_contacto {
	position:fixed !important; 
	right: 0px; 
	top: 9em; 
}

section#contenedor_contacto:hover > #contacto {
	right: 0em; 
	overflow: visible;
	opacity:1;
	-webkit-transition:right 0.8s linear; 
	-o-transition:right 0.8s linear; 
	-ms-transition:right 0.8s linear; 
	-moz-transition:right 0.8s linear; 		
	transition: right 0.8s linear;
}


div#boton_contacto {	
	background:#FFF url("/img/mas_orange.png") no-repeat center right;
    border-radius: 8px;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.5);
    display: inline-block;
	float: right;
    /*margin-top: 1.25em;
	margin: 0 5em 2.5em;*/
	margin: 0 30px 30px 30px;	
	padding:.3em 2em .3em .3em;
	text-align:	left;
    color: rgba(141,141,141,1);
	font-size: .8em;
	}

div#boton_contacto span  {
   /* color: rgba(141,141,141,1);*/
   color: #8D8D8D;
	padding:.3em 2em .3em .3em;
}

div#boton_contacto span:hover {
	color: rgb(251,81,6);
}

/****************** CONTACTO *********************************/
#contacto { 
	border: 1px ridge #DDD;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #CCCCCC; 
	padding: .5em;
	
	margin-top: 1em; 
	margin-bottom: 1em; 
	margin-right: 30px; /* igual que div#boton_contacto */	
	
	position: fixed;
	right: -18em;
	top: 13em;
	font-size: .8em;
		
/*	background-color: rgba(240,240,240,1);	*/
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #d8d8d8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f7f7f7 0%,#d8d8d8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#d8d8d8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f7f7f7 0%,#d8d8d8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */

	overflow:hidden;
	opacity:0;
}

#contacto p { padding: 0; margin: 0; }
#contacto p.titulo { 
	color: #C00;
	padding-top:5px;
	font-weight: bold
}
#contacto p.salto {border-top: 1px solid #CCC; margin: 3px; }
/*
#contacto a:link, #contacto a:visited {  text-decoration: none; color: #3079D5}
#contacto a:hover { text-decoration: none; color: #990000 }
#contacto a:active { text-decoration: none; color: #990000 }
*/
#contacto hr	{margin:3px;}

/*************************************************************************************************************/