/*  
	********************************************
	****	CSS Documento para Tablets		****
	****									****
	**** 	Autores:						****
	****	Javier Molina y Curro Lancha	****
	****									****
	****	Aplicación Maserma				****
	********************************************
*/	
@charset "utf-8";

html {
	background-color:Gainsboro;
	}
body {
	position:relative;
	margin:0 auto;
	width:768px; /* Para Pantallas de 768 pixel */
	height:100%;
	background-color:#E2DFB1;	
	border:2px solid #57863d;
		
	/*Bordes redondeados*/	
	-moz-border-radius: 10px 10px 10px 10px; /* Para Firefox */
	-webkit-border-radius: 10px 10px 10px 10px; /* Para Safari y Chrome */
	-o-border-radius: 10px 10px 10px 10px; /* Para Opera */
	behavior:url("js/border.htc"); /* Para IE */
	border-radius: 10px 10px 10px 10px; /* Estandar por defecto */	
	/* Sombra */
	-moz-box-shadow:5px 5px 20px 0px #666; /* Para Firefox */
    -webkit-box-shadow: 5px 5px 20px 0px #666; /* Para Safari y Chrome */
	-o-box-shadow: 5px 5px 20px 0px #666; /* Para Opera */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#666666')"; /* IE 8 */   
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#666666'); /* IE 5.5 - 7 */
	box-shadow: 5px 5px 20px 0px #666; /* Estandar por defecto */	
		
	box-sizing:border-box;
	}
.BordesRedondosNormal {
	-moz-border-radius: 10px 10px 10px 10px; /* Para Firefox */
	-webkit-border-radius: 10px 10px 10px 10px; /* Para Safari y Chrome */
	-o-border-radius: 10px 10px 10px 10px; /* Para Opera */
	behavior:url("js/border.htc"); /* Para IE */
	border-radius: 10px 10px 10px 10px; /* Estandar por defecto */	
	}
.SombraGeneral {
	-moz-box-shadow:5px 5px 20px 0px #666; /* Para Firefox */
    -webkit-box-shadow: 5px 5px 20px 0px #666; /* Para Safari y Chrome */
	-o-box-shadow: 5px 5px 20px 0px #666; /* Para Opera */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#666666')"; /* IE 8 */   
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#666666'); /* IE 5.5 - 7 */
	box-shadow: 5px 5px 20px 0px #666; /* Estandar por defecto */	
	}
/*
	****	Para Boton Scroll Fijo.
*/
.BotonFijo {
	display:scroll;
	position:fixed;
	bottom:30px;
	right:10px;
	z-index:10000;
	}
.BotonFijo img:hover {
	-moz-transform:-moz-translateY(-40px);
	-webkit-transform:-webkit-translateY(-40px);
	-o-transform:-o-translateY(-40px);
	transform: translateY(-40px);
	}
/*
	****
	****	Cabecera
	****
*/
.Cabecera {
	overflow:none;
	position:relative;
	margin:0 auto;
	width:764px; /* Para Pantallas de 768 pixel  768-4=764*/
	height:120px;
	padding:0;
	box-sizing:border-box;
	}
.CabeFechayHora {
	position:relative;
	margin:0 auto;
	padding-top:10px;
	font:14px 'Play', sans-serif, bold;
	color:#29254e; /* Azul */
	}
.FechaS {
	text-align:left;
	padding-left:10px;
	float:left;
	}
.HoraS {
	text-align:right;
	padding-right:10px;
	float:right;
	}
.CabeDatos {
	overflow:none;
	position:relative;
	margin: 0 auto;
	margin-top:40px;
	}
.Logo {
	float:left;
	margin:0 auto;
	margin-left:10px;
	margin-bottom:10px;
	-moz-transition:-moz-transform 1s ease-out;
	-webkit-transition:-webkit-transform 1s ease-out;
	-o-transition:-o-transform 1s ease-out;
	transition: transform 1s ease-out;
	}
.Logo:hover {
	/*	
	-moz-transform:perspective(250px) rotateY(-180deg);
	-webkit-transform:perspective(200px) rotateY(-180deg);
	-o-transform:perspective(250px) rotateY(-180deg);
	transform:perspective(250px) rotateY(-180deg);
	*/
	-moz-transform:rotateY(-180deg);
	-webkit-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
	}
/*
	****	Menu General
*/
.MenuGeneral {
	float:right;
	margin:0 auto;
	margin-right:10px;
	margin-top:10px;
	padding:0px;
	text-align:center;
	}
.MenuGeneral ul {
	margin:0 auto;
	}
.MenuGeneral li {
	list-style:none;
	display:inline-block;
	}
.MenuGeneral a {
	font:20px Pathway Gothic One, bold;
	text-decoration:none;
	border:1px solid #57863d; /* Verde */
	background-color:#29254e; /* Azul */
	color:white;
	padding:8px;
	}
.MenuGeneral li a:hover {
	border:1px solid #29254e; /* Azul */
	background-color:#57863d; /* Verde */
	color:Gainsboro;
	}
.MenuGeneral span {
	margin-right:8px; /* Espacio del Icono al texto */
	}
/*
	****	Linea de Separación
*/
.Linea {
	position:relative;
	margin:0 auto;
	padding:0px;
	width:auto;
	height:6px;
	text-align:center;
	background-color:#57863d; /* Verde */
	box-sizing:border-box;
	}
/*
	****
	****	Menu Servicios
	****
*/
.CuerpoCentral {
	float:none;
	display:block;
	position:relative;
	margin:0 auto;
	width:764px; /* Para Pantallas de 768 pixel  768-4=764*/
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
	overflow:hidden; /* Limpiar los float */
	box-sizing:border-box;
	}
#MenuServicios {
	position:relative;
	margin:0 auto;
	height:820px;
	margin-top:30px;
	padding-top:40px;
	padding-bottom:40px;
	padding-left:120px;
	}
#MenuServicios figure {
	position:relative;
	float:left;
	margin: 0 10px 10px 0;
	padding: 10px 10px 25px 10px;
	background:#eee;
	border:2px solid #29254e; /* Azul */
	/* Sombra */
	-moz-box-shadow:5px 5px 20px 0px #666; /* Para Firefox */
    -webkit-box-shadow: 5px 5px 20px 0px #666; /* Para Safari y Chrome */
	-o-box-shadow: 5px 5px 20px 0px #666; /* Para Opera */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#666666')"; /* IE 8 */   
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color='#666666'); /* IE 5.5 - 7 */
	box-shadow: 5px 5px 20px 0px #666; /* Estandar por defecto */		
	}
#MenuServicios figcaption {
	text-align:center;
	}
#Pic a {
	font:18px Verdana, Geneva, sans-serif;
	color:#29254e; /* Azul */
	text-decoration:none;
	}
#MenuServicios figure.Pic-1 {
	z-index:9100;
	-webkit-transform:rotate(-15deg);
	-moz-transform:rotate(-15deg);
	-o-transform:rotate(-15deg);
	transform:rotate(-15deg);
	}
#MenuServicios figure.Pic-2 {
	z-index:9200;
	-webkit-transform:rotate(8deg);
	-moz-transform:rotate(8deg);
	-o-transform:rotate(8deg);
	transform:rotate(8deg);
	}
#MenuServicios figure.Pic-3 {
	z-index:9300;
	-webkit-transform:rotate(10deg);
	-moz-transform:rotate(10deg);
	-o-transform:rotate(10deg);
	transform:rotate(10deg);
	}
#MenuServicios figure.Pic-4 {
	z-index:9400;
	-webkit-transform:rotate(-10deg);
	-moz-transform:rotate(-10deg);
	-o-transform:rotate(-10deg);
	transform:rotate(-10deg);
	}
#MenuServicios figure.Pic-5 {
	z-index:9500;
	-webkit-transform:rotate(-15deg);
	-moz-transform:rotate(-15deg);
	-o-transform:rotate(-15deg);
	transform:rotate(-15deg);
	margin-left:150px;
	}
#MenuServicios figure a:hover {
	color:white;
	}
#MenuServicios figure:hover {
	z-index:9600;
	background-color:#29254e; /* Azul */
	border:2px solid #57863d; /* Verde */
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	}
/*
	****
	****	Footer
	****
*/
.PiePagina {
	float:none;
	display:block;
	position:relative;
	margin:0 auto;
	width:764px; /* Para Pantallas de 768 pixel  768-4=764*/
	height:auto;
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	overflow:hidden; /* Limpiar los float */
	box-sizing:border-box;
	}
/* 
	****	Menu Redes Sociales
*/
.MenuRedes {
	margin-top:10px;
	padding:0px;
	}
.MenuRedes li {
	list-style:none;
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	}
.MenuRedes a {
	background-color:#E2DFB1;
	}
.MenuRedes li a:hover img {
	-moz-transform:scale(1,1) rotate(20deg) translateX(2px);
	-webkit-transform:scale(1,1) rotate(20deg) translateX(2px);
	-o-transform:scale(1,1) rotate(20deg) translateX(2px);
	transform:scale(1,1) rotate(20deg) translateX(2px);
	}
/*
	**** Boton Entrada en Sesión
 */	
.EntradaSesion {
	display: inline-block;
	margin:0 auto;
	width:20px;
	height:20px;
	border:1px solid #57863d; /* Verde */
	background-color:#29254e; /* Azul */
	-moz-border-radius:40px; /* Para Firefox */
	-webkit-border-radius:40px; /* Para Safari y Chrome */
	-o-border-radius:40px; /* Para Opera */
	behavior:url("js/border.htc"); /* Para IE */
	border-radius:40px; /* Estandar por defecto */	
	font:18px Pathway Gothic One, bold;
	text-decoration:none;
	text-align:center;
	color:white;
	padding:5px;
	overflow: hidden;
	}
.EntradaSesion:hover {
	border:1px solid #29254e; /* Azul */
	background-color:#57863d; /* Verde */
	color:Gainsboro;
	}
/*
	**** Menu Enlaces
 */
.MenuEnlaces {
	margin:0 auto;
	margin-top:20px;
	text-align:center;
	}
.MenuEnlaces a {
	color:#29254e; /* Azul */
	text-decoration:none;
	font:18px helvetica, bold;
	}
.MenuEnlaces span {
	color:#29254e; /* Azul */
	font:20px helvetica, bold;
	}
.MenuEnlaces li {
	list-style:none;
	display:inline-block;
	}
.MenuEnlaces li a:hover {
	color:#57863d; /* Verde */
	}
/*
	************************
	****
	**** Para -Quienes-	****
	****
	************************ 
*/
.MainQuien {
	position:relative;
	margin:0 auto;
	height:auto;
	margin:20px;
	overflow:hidden; /* Limpiar los float */
	box-sizing:border-box;
	}
.TituQuien {
	margin:0 auto;
	height:50px;
	padding:0px;
	padding-left:10px;
	background-color:#29254e; /* Azul */
	font:18px tahoma, bold;
	line-height:45px;
	text-align:left;
	color:white;
	}
.TituQuien span {
	margin-right:10px; /* Para distanciar el gráfico del texto 10px */
	}
.TextoQuien {
	font:16px helvetica;
	text-align:justify;
	padding-left:30px;
	padding-right:30px;
	text-indent:22px;
	color:#29254e; /* Azul */
	}
.TextoQuien span {
	font:18px helvetica, bold;
	color:#57863d; /* Verde */
	}
/*
	**********************************
	****
	**** Para donde -Situacion-   ****
	****
	********************************** 
*/
.Main_Mapa {
	position:relative;
	margin:0 auto;	
	padding:0;
	height:auto;
	text-align:center;
	overflow:hidden; /* Limpiar los float */
	}
#map_canvas {
	margin:0 auto;
	width:700px;
	height:700px;
	background-color:white;
	border:2px solid #57863d;
	}
.MapaTitu p {
	color:#29254e; /* Azul */
	font:25px helvetica, bold;
	text-align:center;
	}
.MapaDireccion p {
	margin-top:20px;
	color:#29254e; /* Azul */
	font:20px tahoma, bold;
	text-align:center;
	}
.MapaDireccion a {
	text-decoration:none;
	}
.MapaDireccion a:hover {
	text-decoration:none;
	color:#57863d; /* Verde */
	}
/*
	***************************
	****
	**** Para -Contactos-  ****
	****
	*************************** 
*/
.MainCuerpoContactos {
	position:relative;
	margin:0 auto;
	padding:0;
	width:640px;
	height:100%;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:20px;
	box-sizing:border-box;
	overflow:hidden; /* Limpiar los float */
	}
.MainContactos {
	position:relative;
	margin:0 auto;
	padding:0;
	width:560px;
	height:100%;
	background-color:white;
	/* Color Borde */
	border:2px solid #57863d; /* Verde */
	box-sizing:border-box;
	overflow:hidden; /* Limpiar los float */
	}
.MainCabecera {
	position:relative;
	margin:0 auto;
	padding:0;
	width:556px;
	height:40px;
	background-color:#29254e; /* Azul */
	/* Borde */
	-moz-border-radius:8px 8px 0px 0px; /*para Firefox*/
	-webkit-border-radius:8px 8px 0px 0px; /*para Safari y Chrome*/
	-o-border-radius:8px 8px 0px 0px;/*Opera*/
    border-radius:8px 8px 0px 0px;/*Estandar por defecto*/
	behavior:url("js/border.htc"); /* para IE */
	font:25px Pathway Gothic One, bold;
	color:white;
	text-align:center;
	padding-top:6px;
	box-sizing:border-box;
	}
.DatosContactos {
	margin:0 auto;
	padding:0px;
	width:540px;
	height:100%;
	margin-bottom:20px;
	margin-left:40px;
	font:18px 'Play', sans-serif, bold;
	margin-top:0px;
	margin-left:40px;
	color:#29254e; /* Azul */
	}
.DatosContactos input {
	height:20px;
	font:14px Tahoma;
	color:black;
	text-decoration:none;
	}
.DatosContactos textarea {
	width:460px;
	font:14px Tahoma;
	color:black;
	}
/* 
	Botones: MenuContactos
*/
.MenuContactos ul {
	margin:0 auto;
	width:auto; /* Ancho del Contenedor de los Botones */
	height:auto; /* Alto del Contenedor de los Botones */
	padding:0px;
	padding-top:20px; /* Centrado Superior de Botones en Contenedor */
	margin-left:110px; /* Posicion Inicial de los Botones */
	list-style:none;
	}
.MenuContactos ul li {
	margin:0 auto;
	display:inline; /* Para que el Menu este en Linea */
	margin-left:10px; /* Distancia Entre Botones */
	padding:10px; /* Ancho de las Caja del Boton o Separación */
	text-align:center;
	}
.MenuContactos a { /* Formateamos el Boton */
	width:120px; /* Dimensiones del Boton*/
	text-decoration:none; 
	font:16px 'Play', sans-serif, bold;
	text-align:center;
	color:white;
	padding:10px;
	background-color:#29254e; /* Azul */
	/* Color Borde */
	border:2px solid #57863d; /* Verde */
	/*Bordes redondeados*/
    -webkit-border-radius:10px 10px 10px 10px;/*Chrome y Safari*/
    -moz-border-radius:10px 10px 10px 10px;/*Firefox*/
    -o-border-radius:10px 10px 10px 10px;/*Opera*/
    border-radius:10px 10px 10px 10px;/*Estandar por defecto*/
	/* Sombra */
	-webkit-box-shadow:5px 5px 10px -2px rgba(0,0,0,0.75);
	-moz-box-shadow:5px 5px 10px -2px rgba(0,0,0,0.75);
	-o-box-shadow:5px 5px 10px -2px rgba(0,0,0,0.75);
	box-shadow:5px 5px 10px -2px rgba(0,0,0,0.75);
	}
.MenuContactos span {
	margin-left:10px; /* Para distanciar el gráfico del texto 10px */
	font-size:14px;
	}
.MenuContactos span:hover {
	color:white;
	}
.MenuContactos a:hover {
	background:#57863d; /* Verde */
	border:2px solid #29254e; /* Azul */
	}
/*
	****************************
	****
	**** Para -Avisolegal-	****
	****
	**************************** 
*/
.AvisoLegal {
	margin:0 auto;
	width:710px;
	height:auto;
	padding:0;	
	margin-top:20px;
	overflow:hidden; /* Limpiar los float */
	}
.AvisoLegalTitu {
	margin:0 auto;
	padding:0;
	height:40px;
	background-color:#29254e; /* Azul */
	text-align:center;
	font:30px Pathway Gothic One, bold;
	color:white;
	}
.AvisoLegalText {
	font:14px helvetica;
	text-align:justify;
	color:#29254e; /* Azul */
	}
.AvisoLegalText h3 {
	Color:#29254e; /* Azul */
	}
.AvisoLegalText ul li{
	list-style-type:square;
	}
/*
	**** Variables para datos: Rellenar con los datos de la empresa para Aviso Legal.
	#57863d;  Verde */

.NomEmp:before {content:"Instalaciones Malagueñas y Servicios Siglo XXI, S.L."; color:#57863d;}
.CifEmp:before {content:"ESB93714954"; color:#57863d;}
.DirEmp:before {content:"Avd Palma de Mallorca 56/B 3/2, 29620 Torremolinos, Málaga"; color:#57863d;}
.EmailEmp:before {content:"info@mayserxxi.es"; color:#57863d;}
.TelEmp:before {content:"+34 603 657 425"; color:#57863d;}
.IRMEmp:before {content:"Inscrita en el Registro Mercantil de Málaga con fecha 5 junio de 2015 en el Tomo 5407, Folio 212, Inscripción 1ª, Hoja MA-128680."; color:#57863d;}
.Fecha:before {content:"01/02/2016"; color:#57863d;} /* Fecha de la página */
/*
	****************************
	****
	**** Para -Servicios-	****
	****
	**************************** 
*/
.Servicios {
	position:relative;
	margin:0 auto;
	margin-top:30px;
	margin-left:30px;
	margin-right:30px;
	}
.Imagen {
	position:relative;
	float:left;
	margin: 0 10px 10px 0;
	padding: 10px 10px 40px 10px;
	background:#eee;
	border:2px solid #29254e; /* Azul */
	box-shadow: 0px 6px 15px 0px #666;
	-moz-box-shadow: 0px 6px 15px 0px #666;
    -webkit-box-shadow: 0px 6px 15px 0px #666;
	-o-box-shadow: 0px 6px 15px 0px #666;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='#666666')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='#666666');
	}
.Contenido {
	float:right;
	margin:0 auto;
	width:400px;
	padding:0px;
	padding-bottom:10px;
	}
.Contenido hr { 
	background-color:#29254e; /* Azul */
	height:4px; 
	}
.Contenido h2 {
	text-align:center;
	font:30px Pathway Gothic One, bold;
	color:#57863d; /* Verde */
	}
.Contenido p {
	text-align:justify;
	font:16px helvetica;
	Color:#29254e; /* Azul */
	}
/*
	********************************
	****
	**** Para -Hacer Sesion-	****
	****
	******************************** 
*/
.MainSesion {
	position:relative;
	margin:0 auto;
	width:300px;
	height:100%; /* Alto de la caja */
	padding:0px;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:20px;	
	background-color:white;
	/* Color Borde */
	border:2px solid #57863d; /* Verde */	
	box-sizing:border-box;
	}
.MainSesion header {
	margin:0 auto;
	padding:0px;
	width:296px;
	height:45px;
	background-color:#29254e; /* Azul */
	/* Bordes redondeados */	
	-moz-border-radius: 8px 8px 0px 0px; /* Para Firefox */
	-webkit-border-radius: 8px 8px 0px 0px; /* Para Safari y Chrome */
	-o-border-radius: 8px 8px 0px 0px; /* Para Opera */
	behavior:url("js/border.htc"); /* Para IE */
	border-radius: 8px 8px 0px 0px; /* Estandar por defecto */	
	}
.MainSesion h1 {
	margin:0 auto;
	font:25px Pathway Gothic One, bold;
	color:white;
	text-align:center;
	padding-top:10px;
	}
.DatosSesion {
	margin:0 auto;
	padding:0px;
	text-align:center;
	font:18px 'Play', sans-serif, bold;
	color:#29254e; /* Azul */
	}
.DatosSesion input {
	margin:0 auto;
	height:30px;
	text-align:left;
	padding-left:10px;
	color:black;
	}
.DatosSesion span {
	margin:0 auto;
	width:30px;
	height:30px;
	font-size:30px;
	text-align:center;
	background:#29254e; /* Azul */
	color:white;
	margin-right:10px;
	}
/* Botones */
.MenuSesion button {
	padding:8px;/* Dimensiones del Boton*/
	text-decoration:none; 
	font:16px 'Play', sans-serif, bold;
	text-align:center;
	color:white;
	background-color:#29254e; /* Azul */
	/* Color Borde */
	border:2px solid #57863d; /* Verde */
	/* Bordes redondeados */	
	-moz-border-radius: 10px 10px 10px 10px; /* Para Firefox */
	-webkit-border-radius: 10px 10px 10px 10px; /* Para Safari y Chrome */
	-o-border-radius: 10px 10px 10px 10px; /* Para Opera */
	behavior:url("js/border.htc"); /* Para IE */
	border-radius: 10px 10px 10px 10px; /* Estandar por defecto */	
	/* Sombra */
	-webkit-box-shadow:5px 5px 10px -2px rgba(0,0,0,0.75);
	-moz-box-shadow:5px 5px 10px -2px rgba(0,0,0,0.75);
	-o-box-shadow:5px 5px 10px -2px rgba(0,0,0,0.75);
	box-shadow:5px 5px 10px -2px rgba(0,0,0,0.75);
	}
.MenuSesion button  span {
	margin-left:10px; /* Para distanciar el gráfico del texto 10px */
	}
.MenuSesion button:hover {
	background:#57863d; /* Verde */
	border:2px solid #29254e; /* Azul */
	}
.MenuSesion ul {
	margin:0 auto;
	padding:0px;
	margin-left:10px; /* Posicion Inicial de los Botones */
	list-style:none;
	}
.MenuSesion ul li {
	display:inline; /* Para que el Menu este en Linea */
	margin-left:10px; /* Distancia Entre Botones */
	padding:10px; /* Ancho de las Caja del Boton o Separación */
	text-align:center;
	}
/* Olvido su Contraseña */
.OlvidoPassword{
	margin:0 auto;
	padding:0;
	text-align:center;
	}
.OlvidoPassword a {
	text-decoration:none;/* Eliminamos la linea del texto */
	font:14px 'Play', sans-serif, bold;
	color:#30537A;
	}
.OlvidoPassword a:hover {
	color:red;
	}
/* ---------------------------------------*/	

#seccion_intranet {
	font:12px Pathway Gothic One, bold;
	color:#29254e; /* Azul */
	text-align:center;
	padding-top:2px;
	}
.Main_Intranet{width:620px;}
/*
	****************************
	****
	**** Para -Descargas-	****
	****
	**************************** 
*/
.CuerpoDescargas {
	position:relative;
	margin:0 auto;
	width:300px;
	height:100%; /* Alto de la caja */
	padding:0px;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:20px;
	background-color:white;
	border:2px solid #57863d; /* Verde */
	box-sizing:border-box;
	}
.TituloDescargas {
	margin:0 auto;
	padding:0px;
	width:296px;
	height:45px;
	background-color:#29254e; /* Azul */
	/* Bordes redondeados */	
	-moz-border-radius: 8px 8px 0px 0px; /* Para Firefox */
	-webkit-border-radius: 8px 8px 0px 0px; /* Para Safari y Chrome */
	-o-border-radius: 8px 8px 0px 0px; /* Para Opera */
	behavior:url("js/border.htc"); /* Para IE */
	border-radius: 8px 8px 0px 0px; /* Estandar por defecto */	
	}
.TituloDescargas h1 {
	margin:0 auto;
	font:25px Pathway Gothic One, bold;
	color:white;
	text-align:center;
	padding-top:10px;
	}
/*
	Boton Descarga
*/
.DatosDescargas {
	margin:0 auto;
	padding:0;
	text-align:center;
	}
.DatosDescargas a{
	display: inline-block;
	margin:0 auto;
	width:auto;
	height:auto;
	border:2px solid #57863d; /* Verde */
	background-color:#29254e; /* Azul */
	-moz-border-radius:20px; /* Para Firefox */
	-webkit-border-radius:20px; /* Para Safari y Chrome */
	-o-border-radius:20px; /* Para Opera */
	behavior:url("js/border.htc"); /* Para IE */
	border-radius:20px; /* Estandar por defecto */	
	font:18px Pathway Gothic One, bold;
	text-decoration:none;
	text-align:center;
	color:white;
	padding:10px;
	overflow: hidden;
	}
.DatosDescargas span {
	margin-right:10px;
	color:red;
	}
.DatosDescargas a:hover {
	border:2px solid #29254e; /* Azul */
	background-color:#57863d; /* Verde */
	color:Gainsboro;
	}
/*
	*********************************************
	****	Menu Principal en Intranet  ****
	*********************************************
*/
.ErrorIntranet {
	margin: 0 auto;
	text-align:center;
	font:16px Pathway Gothic One, bold;
	color:red;
	padding:10px;
	}
.Main_Menu_Principal {
	margin:0 auto;
	width:560px;
	height:auto;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px;
	background-color:white;
	border:2px solid #57863d; /* Verde */
    -webkit-border-radius:10px;/*Chrome y Safari*/
    -moz-border-radius:10px;/*Firefox*/
    -o-border-radius:10px;/*Opera*/
    border-radius:10px;/*Estandar por defecto*/
	-webkit-box-shadow:10px 10px 21px -2px rgba(0,0,0,0.75);
	-moz-box-shadow:10px 10px 21px -2px rgba(0,0,0,0.75);
	-o-box-shadow:10px 10px 21px -2px rgba(0,0,0,0.75);
	box-shadow:10px 10px 21px -2px rgba(0,0,0,0.75);
	}
.Caja_Menu_Principal {
	margin:0 auto;
	width:520px;
	height:380px;
	padding:0px;
	}
	/* Caja que contiene la opcion del Menu*/
.Menu_Principal li {
	margin:0 auto;
	width:110px;
	height:160px;
	margin:5px 10px 0px 23px;
	padding:0px;
	background-color:#29254e; /* Azul */
	font:14px 'Play', sans-serif, bold;
	color:#FFFFFF;
	text-align:center;
	list-style:none; /* Eliminamos el puntito negro */
	display:inline-block;
	}
	/* Primer Bloque del Menu */
.Menu_Principal li:first-child{
	margin:18px;
	padding:0px;
	}
.Menu_Principal li a {
	display:inline-block;
	text-decoration:none;
	list-style:none; /* Eliminamos el puntito negro */
	text-align:center;
	color:#F5FAFA;
	width:75px;
	height:75px;
	margin:5px 5px 5px 5px;
	background-color:#57863d; /* Verde */
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	-webkit-box-shadow:0px 0px 2px 2px rgba(51,51,102,100);
	-moz-box-shadow:0px 0px 2px 2px rgba(51,51,102,100);
	-o-box-shadow:0px 0px 2px 2px rgba(51,51,102,100);
	box-shadow:0px 0px 2px 2px rgba(51,51,102,100);
	}
.icono_menu {
	display:block;
	text-align:center;
	margin-top:10px;
	font-size:50px;
	}
.Menu_Principal li a:hover{
	-webkit-box-shadow: 0px 0px 2px 2px #BBBBEE;
	-moz-box-shadow: 0px 0px 2px 2px #BBBBEE;
	-o-box-shadow: 0px 0px 2px 2px #BBBBEE;
	-ms-box-shadow: 0px 0px 2px 2px #BBBBEE;
	box-shadow: 0px 0px 2px 2px #BBBBEE; /* Sombra y color sombra */
	color:#D7D7F5; 
	}
/*
	*************************************
	****	Menu Programa de Gestión ****
	**************************************
*/
.Main_Menu_Gestion { /* Caja Sobre la que se pinta el menu */
	margin:0 auto;
	background-color:white;
	width:560px;
	height:400px;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px;

	border:2px solid #57863d; /* Verde PowderBlue */

    -webkit-border-radius:10px;/*Chrome y Safari*/
    -moz-border-radius:10px;/*Firefox*/
    -o-border-radius:10px;/*Opera*/
	-ms-border-radius:10px;/*Explorer*/
    border-radius:10px;/*Estandar por defecto*/

	-webkit-box-shadow:10px 10px 21px -2px rgba(0,0,0,0.75);
	-moz-box-shadow:10px 10px 21px -2px rgba(0,0,0,0.75);
	-o-box-shadow:10px 10px 21px -2px rgba(0,0,0,0.75);
	-ms-box-shadow:10px 10px 21px -2px rgba(0,0,0,0.75);
	box-shadow:10px 10px 21px -2px rgba(0,0,0,0.75);	
	}
.Menu_Gestion { /* Caja del Menu */
	width:560px;
	height:70px;
	margin:0 auto;
	margin-top:10px; /* Posición Inicial del Menu */
	position:absolute;
			background:#fff;
	}
	/* OJO Eliminar si quieres: Centrar Menu */
.Menu_Gestion_General {
	width:520px;
	height:45px;
	margin-top:8px;
	margin-botom:0;
	margin-left:20px;
	margin-right:0;
	padding:0px;
	border-top: 1px solid #141d27;
	padding-top:5px;
  	border-right: 0px;
  	border-bottom: 1px solid #141d27;
  	border-left: 0px;
	}
	/* Asignar estilos al Menu */
.Menu_Gestion_General * {
	font:14px 'Play', sans-serif, bold;
	list-style:none;
	text-decoration:none;
	margin:0;
	padding:0;
	z-index:100;
	}
	/* Se especifica que solo los li que sean descendientes directos del primer
	   ul tenga float:left; esto es para que solo el menu principal sea horizontal
	   y los submenús se mantengan en vertical. */  
.Menu_Gestion_General > li {
	float:left;
	}
	/* Para el Menu Principal */
.Menu_Gestion_General li a {
	display:block;
	padding:10px 12px;
	text-align:center;
		color:#333366;
		background:#fff;
	}
.Menu_Gestion_General li a:hover {
	padding:11px 12px;
		color:#fff;
		background:#333366;
	}
	/* Para el Menu Principal con Niveles */
.Menu_Gestion_General li a:hover:not(:last-child) {			
	-moz-border-radius: 0px 20px 0px 0px;
	-webkit-border-radius: 0px 20px 0px 0px;
	-o-border-radius: 0px 20px 0px 0px;
	-ms-border-radius: 0px 20px 0px 0px;
	border-radius: 0px 20px 0px 0px;
	padding:10px 12px;
		color:#fff;
		background:#333366;	
	}
	/* Para los SubMenus */
.Menu_Gestion_General li ul li a {
	text-align:left;
	padding:10px 12px;
		color:#fff;
		background:#333366;
	}
.Menu_Gestion_General li ul li a:hover {
	padding:10px 12px;
	border: #141d27 2px solid;
		color:#333366;
		background:#C5C5ED;
	}
	/* Para los SubMenus con Niveles */
.Menu_Gestion_General li ul li a:hover:not(:last-child) {	
	-moz-border-radius: #141d27 0px 0px 0px 0px;
	-webkit-border-radius: #141d27 0px 0px 0px 0px;
	-o-border-radius: #141d27 0px 0px 0px 0px;
	-ms-border-radius: #141d27 0px 0px 0px 0px;
	border-radius: #141d27 0px 0px 0px 0px;
		color:#333366;
		background:#C5C5ED;
	}
	/* Por defecto todos los submenús no serán visibles, los ocultaremos usando (display:none;)
	   Todos los SubMenús tendrá un ancho minimo de 280px y llevaran (position:absolute;) para
	   que no afecte el ancho del menu principal. */
.Menu_Gestion_General li ul {
	display:none;
	position:absolute;
	min-width:280px;
	}
	/* Para mostrar el SubMenú oculto. Cuando el cursor pasa sobre cualquier li y
	   su descendiente ul se muestra (display:block;) */
.Menu_Gestion_General li:hover > ul {
	display:block;
	}
.Menu_Gestion_General li ul li {
	position:relative;
	}
.Menu_Gestion_General li ul li ul {
	right:-280px;
	top:0;
	}
	/* Ocultamos la Flecha en todos los elementos del Menu */
.Menu_Gestion_General li .Flecha {
	font-size:14px;
	padding-left:6px;
	display:none;
	}
	/* Pseudo-Clase CSS3 :not en combinación con :last-child para excluir a todos los
	   elemntos del menu que no contengan submenus (todos los <a> que no sean :last-child
	   y solo afecta a los span.Flecha que lo tengan. */
.Menu_Gestion_General li a:not(:last-child) .Flecha {
	display:inline;
	}
/*
	********************
	****
	**** Fin CSS	****
	****
	******************** 
*/