@charset "iso-8859-1";
/* CSS Document */

A 	{
	FONT-SIZE: 11pt;
	FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
	FONT-WEIGHT: bold;
	COLOR:#06C;
	}
A:HOVER {
	FONT-SIZE: 11pt;
	FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
	}
A:LINK {
	FONT-SIZE: 11pt;
	FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
	COLOR: #06C;
	TEXT-DECORATION: none
	}
.titulo {
	background-Color= #FFF;
	FONT-SIZE: 14pt;
	FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
	COLOR: #006600;
	FONT-WEIGHT: bold;
	height: 32pt;
	text-shadow: 0.5em 0.5em 0.5em grey;
	border-top: solid white 0px;
	}
.TdHead1 {
	FONT-SIZE: 12pt;
	FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
	TEXT-DECORATION: none;
	}
P .texto, body {
	FONT-SIZE: 12pt;
	FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
	COLOR: #000000;
	TEXT-DECORATION: none;
	margin-left: 15px;
	margin-right: 0px;
	}
body {
	FONT-SIZE: 12pt;
	FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:#FFF;
	}
.dataform {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#006600;
	font-weight:600;
	BORDER-RIGHT: #006600 1px solid;
	BORDER-TOP: #006600 1px solid;
	VERTICAL-ALIGN: middle;
	BORDER-LEFT: #006600 1px solid;
	WIDTH: 353px;
	BORDER-BOTTOM: #006600 1px solid;
	}
.estilo1 {
	color: #006600;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight:600;
	}
.estilo2 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	}
.fluid_container {
	margin: 0 auto;
	max-width: 600px;
	width: 90%;
	}
pre {
	width: 500px;                          /* specify width  */
	white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
	white-space: -pre-wrap;                /* Opera 4 thru 6 */
	white-space: -o-pre-wrap;              /* Opera 7 and up */
	word-wrap: break-word;                 /* IE 5.5+ and up */
	/* overflow-x: auto; */                /* Firefox 2 only */
	/* width: 99%; */		       /* only if needed */
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	FONT-SIZE: 11pt;
	 }

#sombra {
float:left;
/*Esta es la profundidad de nuestra sombra, sí haces más grandes estos valores, el efecto de sombra es mayor también */
padding:0 10px 10px 0;
/*Aquí es donde ponemos la imagen como fondo colocando su ubicación*/
background: url(../img/css-efecto-sombra.gif) no-repeat bottom right;
} 

#sombra img {
display:block;
position:relative;
top: -3px; /* Desfasamos la imagen hacia arriba */
left:-3px; /*Desfasamos la imagen hacia la izquierda */
padding:5px;
background:#FFFFFF; /*Definimos un color de fondo */
border:1px solid;
border-color: #CCCCCC #666666 #666666 #CCCCCC /*Creamos un marco para acentuar el efecto */
}

/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: 150px;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #0C6;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #060;
}
/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #0C0 url(../img/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #060;
}