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

html {
	background-color:Gainsboro;
	}
body {
	margin:0 auto;
	}
	/*
		****	Para Boton Scroll Fijo.
    */
.BotonFijo {
	display:scroll;
	position:fixed;
	bottom:30px;
	right:10px;
	z-index:99;
	}
/*
		****	Estilos de Cabecera 
 */
.Main_Cabecera{
	position:relative;
	background-color:#FFECA9;
	overflow:none;
	}
.Cabe_FechayHora {
	position:relative;
	margin:0 auto;
	width:320px;
	padding-top:10px;
	font:14px 'Play', sans-serif, bold;
	color:#534203;
	box-sizing:border-box;
	}
.FechaS {
	text-align:left;
	padding-left:10px;
	float:left;
	}
.HoraS {
	text-align:right;
	padding-right:10px;
	float:right;
	}
.Main_Cabecera_Contenido {
	position:relative;
	margin:0 auto;
	width:320px;
	height:auto;
	padding-bottom:10px;
	box-sizing:border-box;
	}
.Cabecera_Left {
	float:left;
	margin-top:10px;
	margin-left:20px;
	width:77px;
	height:140px;
	background-image:url(../images/notariado.gif);
	background-repeat:no-repeat;
	}
.Cabecera_Right {
	float:right;
	margin-top:25px;
	margin-right:20px;
	width:82px;
	height:120px;
	background-image:url(../images/logo_can.png);
	background-repeat:no-repeat;
	}
.Cabecera_Centro {
	clear:both;
	position:relative;
	display:block;
	margin:0 auto;
	width:320px;
	height:auto;
	text-align:center;
	}
.Cabecera_CentroA {
	font:40px tahoma,bold;
	line-height:100%;
	color:#7D6409;
	padding-top:10px;
	}
.Cabecera_CentroB {
	font:30px tahoma,bold;
	line-height:100%;
	color:#D6BD62;
	}
/* 
	****	Menu Cabecera
*/	
.Main_Menu_Contenedor {
	position:relative;
	display:block;
	margin:0 auto;
	width:320px;
	height:auto;
	background-color:#534203;
	box-shadow:5px 5px 6px #666;
	-moz-box-shadow: 5px 5px 6px #666;
    -webkit-box-shadow: 5px 5px 6px #666;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#666666')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#666666');
	box-sizing:border-box;
	overflow:hidden; /* Limpiar los float */
	}
.Main_Menu {
	margin:0 auto;
	padding:0;
	width:320px;
	height:auto;
	font:20px Pathway Gothic One, bold;
	margin-top:0px; 
	box-sizing:border-box;
	}
.Main_Menu ul {
	margin:0 auto;
	padding:0;
	}
.Main_Menu li {
	float:none;/* Alineamos los botones del menú */
	width:320px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	list-style-type:none;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	}
.Main_Menu a {
	text-decoration:none;
	color:#BEC1C6;
	}
.Main_Menu span {
	margin-right:10px; /* Espacio del Icono al texto */
	}
.Main_Menu li:hover,
.Main_Menu a:hover {
	background-color:#8B6F0B;
	color:white;
	}
/* 
	****	Centro de Página
*/
.Main_Cuerpo {
	position:relative;
	margin:0 auto;
	padding:0;
	width:320px; /* Para Pantallas de 768 pixel */
	height:auto;
	margin-top:30px;
	padding-bottom:20px;
	background-color:GhostWhite;
	border: 2px solid #534203;
	box-shadow: 10px 10px 30px 0px #666;
	-moz-box-shadow: 10px 10px 30px 0px #666;
    -webkit-box-shadow: 10px 10px 30px 0px #666;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, Color='#666666')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, Color='#666666');
	box-sizing:border-box;
	overflow:hidden; /* Limpiar los float */
	}
.Main_Imagen {
	position:relative;
	margin:0 auto;
	text-align:center;
	margin-top:20px;
	width:200px;
	height:122px;
	background-image:url(../images/imagen-central-movil.jpg);
	background-repeat:no-repeat;
	}
.NombreNotarios {
	margin-top:10px;
	text-decoration:none;
	text-align:center;
	font-family:helvetica, bold;
	}
.NombreNotariosA {
	color:#978645;
	font-size:21px;
	line-height:120%;
	}
.NombreNotariosB {
	color:#DDBC45;
	font-size:25px;
	line-height:100%;
	}
/* 
	****	Menu Enlaces con otras páginas "EnlacesMenu"
*/
.Main_Enlaces {
	margin:0 auto;
	padding:0;
	width:320px;
	height:auto;
	margin-top:20px; /* Distancia enlaces a foto */
	overflow:hidden; /* Limpiar los float */
	}
.Main_Enlaces ul {
	display:block;
	list-style:none; /* Eliminamos el puntito negro */
	padding:0;
	margin:0;
	padding-left:80px; /*Centrar Menu */
	}
.Main_Enlaces li a {
	float:none; /* Floto el menu Horizontalmente */
	margin:0 auto;
	padding:0;
	text-align:center;
	}
.Main_Enlaces li:hover {
	opacity:0.3;
	}
.Enlace_01 {
	width:160px;
	height:160px;
	background-image:url(../images/boton01.png);
	background-repeat:no-repeat;
	}
.Enlace_02 {
	width:160px;
	height:160px;
	background-image:url(../images/boton02.png);
	background-repeat:no-repeat;
	}
.Enlace_03 {
	width:160px;
	height:160px;
	background-image:url(../images/boton03.png);
	background-repeat:no-repeat;
	}
/* 
	****	footer
*/
.Main_Pie {
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	}
.Pie_Grande {
	color:#4F4520;
	font:20px helvetica, bold;
	text-decoration:none;
	}
.Marca {
	color:#4F4520;
	font:20px helvetica, bold;
	}
.Pie_Peque {
	color:#4F4520;
	font:14px helvetica, bold;
	text-decoration:none;
	}
.Main_Pie a:hover {
	color:#BA981C;
	}
/*
	**********************
	****
	**** Para quienes ****
	****
	********************** 
*/
.Main_Quienes {
	margin:10px;
	overflow:hidden; /* Limpiar los float */
	}
.Tit_Quienes {
	background-color:#E6B70C;
	font:20px tahoma, bold;
	text-align:left;
	color:#FFF;
	padding-left:10px;
	}
.Tit_Quienes span {
	margin-right:10px; /* Para distanciar el gráfico del texto 10px */
	}
.Text_Quienes {
	font:14px helvetica;
	text-align:justify;
	padding-left:5px;
	padding-right:5px;
	color:#7A6824;
	}
.Text_Quienes a {
	font:16px helvetica, bold;
	text-decoration:none;
	color:#534203;
	}
.Text_Quienes a:hover{
	text-decoration:none;
	color:#987907;
	}
.Text_Quienes span {
	font:16px helvetica, bold;
	color:#534203;
	}
/*
	**********************************
	****
	**** Para donde (Situacion)   ****
	****
	********************************** 
*/
.Main_Mapa {
	margin:0 auto;	
	padding:0;
	width:320px;
	height:auto;
	text-align:center;
	overflow:hidden; /* Limpiar los float */
	}
#map_canvas {
	margin:0 auto;
	width:300px;
	height:300px;
	background-color:white;
	border: GoldenRod 2px solid;
	-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);
	box-shadow:10px 10px 21px -2px rgba(0,0,0,0.75);
	}
.MapaSup {
	color:#987907;
	font:25px helvetica, bold;
	text-align:center;
	}
.MapaInf {
	margin-top:20px;
	color:#E6B70C;
	font:20px tahoma, bold;
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
	}
/*
	*************************
	****
	**** Para contactos  ****
	****
	*************************
*/
.Main_Contactos {
	margin-top:10px;
	text-decoration:none;
	text-align:center;
	font-family:helvetica, bold;
	line-height:100%;
	overflow:hidden; /* Limpiar los float */
	}
.Titu01 {
	color:#534203;
	font-size:30px;
	line-height:120%;
	}	
.Titu02 {
	color:#978645;
	font-size:20px;
	}
.Titu03 {
	color:#2E2505;
	font-size:22px;
	}	
.TextEnlace a {
	color:#DDBC45;
	font-size:20px;
	text-decoration:none;
	}
.TextEnlace a:hover {
	color:#89742A;
	font-size:20px;
	}	
.TextTel {
	color:#978645;
	font-size:25px;
	}	
.TextTitu {
	color:#534203;
	font-size:30px;
	}
.TextNormal {
	color:#987907;
	font-size:18px;
	line-height:120%;
	}	
.TextBold {
	color:#E6B70C;
	font-weight:bold;
	}
.TextPie {
	color:#978645;
	font-size:25px;
	}
/*
	****************************
	****
	**** Para "avisolegal"	****
	****
	**************************** 
*/
.AvisoLegal {
	margin:0 auto;
	width:300px;
	height:auto;
	padding:0;	
	margin-top:20px;
	overflow:hidden; /* Limpiar los float */
	}
.AvisoLegalTitu {
	margin:0 auto;
	padding:0;
	height:40px;
	background-color:#534203;
	text-align:center;
	font:30px Pathway Gothic One, bold;
	color:white;
	}
.AvisoLegalText {
	font-family:helvetica;
	font-size:14px;
	text-align:justify;
	color:#7A6824;
	}
.AvisoLegalText h3 {
	Color:#534203;}
.AvisoLegalText ul li{
	list-style-type:square;
	}
/*
	**** Variables para datos: Rellenar con los datos de la empresa para Aviso Legal.
*/
.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 */
/*
	********************
	****
	**** Fin CSS	****
	****
	******************** 
*/