/*----------------------------------------------------------------------*/
/*		Estilos generales de la plantilla								*/
/*		Modificar solo lo que este comentado							*/
/*		No nos hacemos cargo del mal uso de los estilos					*/
/*		que no esten comentados											*/
/*		Aurea Creaciones												*/
/*----------------------------------------------------------------------*/

body 					{
   						margin						: 0;
						color						: #0d0d0d;
						/*font-family					: "Noto Sans", Helvetica, sans-serif;*/
						font-family					:MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
   						color						: #525252;
						}

button, 
input, 
select, 
textarea 				{
	 					border-top					: 1px solid #fff;
  						border-right				: 1px solid #fff;
  						border-bottom				: 1px solid #fff;
  						border-left					: 1px solid #fff;
    					font-family					: "Noto Sans", Helvetica, sans-serif;
 						background					: #fff;			/*color de fondo de las cajas de formularios*/
   						font-size					: 14px;
    					color						: #072d4f;		/*Color del texto de las cajas de formularios*/
						}




/*menú responsive*/


/*Controla el color de la barra pequeña superior del menú*/
.topnav {
    background-color: #6a6c71;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add an active class to highlight the current page */
.active {
    background-color: #fbba00;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}





/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}





						
/*Texto situado a la derecha del logo*/
.cabecera_linea_1 		{
   						color						: #FF9900;		/*Color de la Fuente*/
   						font-style					: italic;		/*Tipo de letra Italica*/
						}
/*Numero de telefono situado junto a cabecera_linea_1*/
.cabecera_linea_2 		{
   						font-size					: 16px;			/*Tamaño de la fuente*/
   						font-weight					: bold;  		/*Tipo de letra Negrita*/
						}
/*recordar contraseña*/
.recordar 		{
   						font-size					: 12px;			/*Tamaño de la fuente*/
						}
/*Fondo donde aparece el telefono*/
.entrada 			{
						width						: 100%;
			 			text-align					: left;
						margin-left					: auto;
  						margin-right				: auto;
	 					border-top					: 7px solid #953494;	/*Borde debajo del logo*/
  						border-right				: 0px ;
  						border-bottom				: 0px;
  						border-left					: 0px ;
   						background					: fixed url(../img/bg-body.png) #EDE8CB; /*Imagen de fondo y color*/
						}
/*Texto que aparece como titular en la entrada*/
.entrada_titulo 		{
   						padding						: 30px 0 0 0;
   						font-size					: 32px;		/*Tamaño de la letra*/
   						font-weight					: bold;		/*Tipo de letra Negrita*/
						color						: #838B8B;	/*Color de la fuente blanco*/
						/*text-transform				: uppercase; */
						}
.entrada_titulo_movil 	{
   						margin						: 0px 0px 0px 0;
   						font-size					: 22px;		/*Tamaño de la letra*/
   						font-weight					: bold;		/*Tipo de letra Negrita*/
						color						: #838B8B;	/*Color de la fuente blanco*/
						/*text-transform				: uppercase; */
						width						: 95%;
						margin						: auto;
						text-align					: center;
						}
.borde_movil_fondo {
						border-top					: 3px solid #953494; /*Color del borde inferior*/
  						border-right				: 0px solid #fff;
  						border-bottom				: 0px solid #fff;
  						border-left					: 0px solid #fff;
						}
.cabecera_color_movil	{
						text-align					: center; 
						background					: #fff; /*Color del fondo del logo*/
						}
/*Descripcion que aparece debajo de entrada_titulo*/						
.entrada_descripcion 	{
						padding						: 0 0 0 0;
   						font-size					: 18px;
   						color						: #838B8B;
   						line-height					: 30px;
						}
.entrada_descripcion2	{
						padding						: 0 0 0 0;
   						font-size					: 16px;
   						color						: #838B8B;
   						line-height					: 20px;
						}						
/*Menu donde aparece servicios, chat online...*/
.menu_principal 		{
	 					border-top					: 0px ;
  						border-right				: 0px ;
  						border-bottom				: 2px solid #cccccc; 	/*Borde inferior*/ 
  						border-left					: 0px ;
  						background					: #efefef;		/*Color de fondo*/
}

.borde_menu_cabecera 	{
	 					border-bottom				: 7px solid #953494;	/*Borde debajo del logo*/
  						border-right				: 0px ;
  						border-top					: 0px;
  						border-left					: 0px ;
  						background					: #fff;			/*Color de fondo de la seccion*/
						}
/*Estilos de los links del menu principal servicios,chat online, le llamamos*/
.link_menu 				{
						text-decoration				: none;
   						font-size					: 15px;		
   						font-weight					: bold;
						color						: #373636;		/*Color del link en reposo*/
						text-transform				: uppercase; 
						}
a.link_menu:link 		{ 
						color						: #373636;
						} 
a.link_menu:visited 	{
						color						: #373636;
						}
a.link_menu:hover 		{
						color						: #5da6c2;		/*Color del Link al ponerse encima*/
						}
a.link_menu:active 		{ 
						color						: #ff9901;		/*Color del Link activado tiene que ser el miso que el anterior*/
						} 
/*Estilos de los links del menu principal auto ayuda, email...*/
.link_menu_icon 		{
						text-decoration				: none;
   						font-size					: 10px;
   						font-weight					: bold;
						color						: #373636;		/*Color del link en reposo*/
						text-transform				: uppercase; 
						}
a.link_menu_icon:link 	{ 
						color						: #373636;
						} 
a.link_menu_icon:visited {
						color						: #373636;
						}
a.link_menu_icon:hover 	{
						color						: #0f8cb8;		/*Color del Link al ponerse encima*/
						}
a.link_menu_icon:active { 
						color						: #f99d0c;		/*Color del Link activado tiene que ser el miso que el anterior*/
						} 

.link_menu_blanco 		{
						text-decoration				: none;
					   	font-size					: 15px;
					   	font-weight					: bold;
						color						: #fff;		/*Color del link en reposo*/
						text-transfor				: uppercase; 
						}
a.link_menu_blanco:link { 
						color						: #fff;
						} 
a.link_menu_blanco:visited {
						color						: #fff;
						}
a.link_menu_blanco:hover {
						color						: #5da6c2;		/*Color del Link al ponerse encima*/
						}
a.link_menu_blanco:active { 
						color						: #953494;		/*Color del Link activado tiene que ser el miso que el anterior*/
						} 

#margen_seccion 		{
      					margin-left					: 0px;
   						margin-right				: 0px;
    					margin-top					: 200px;
   						margin-bottom				: 0px;
}
/*Estilos de los links de los servicios*/
.link_servicios 		{
  						font-size					: 14px;
   						font-weight					: bold;
   						color						: #3a3a3a;		/*Color del link en reposo*/
						text-decoration				: none;
}
a.link_servicios:link 	{ 
						color						: #373636;
						} 
a.link_servicios:visited {
						color						: #373636;
						}
a.link_servicios:hover 	{
						color						: #f99d0c;		/*Color del Link al ponerse encima*/
						}
a.link_menu:active 		{ 
						color						: #f99d0c;		/*Color del Link activado tiene que ser el miso que el anterior*/
						} 

/*Borde que aparece en los servicios*/
.bordes_servicios		{
						border-top					: 0px solid #efefef;
					  	border-right				: 1px solid #efefef;  	/*Color*/
					  	border-bottom				: 4px solid #efefef;	/*Color*/
					  	border-left					: 1px solid #efefef;	/*Color*/
					  	background					: #ffffff;
						}
						
.espaciado_seccion 		{
      					padding-left				: 10px;
   						padding-right				: 10px;
    					padding-top					: 10px;
   						padding-bottom				: 10px;
						}
/*Titulares de los servicios*/
#cabecera_seccion 		{
					   	font-size					: 24px;
					   	font-weight					: bold;
					   	color						: #f99d0c; 	/*Color*/
						margin-left					: 100px;
					   	margin-right				: 0px;
						margin-top					: 0px;
					   	margin-bottom				: 0px;
						}
/*Color en textos de los servicios*/
#texto_seccion_color 	{
						font-weight					: bold;
   						font-size					: 16px;
   						color						: #f99d0c;  /*Color*/
						}
#texto_seccion_amarillo	{
						/*font-weight					: bold;*/
   						font-size					: 12px;
   						color						: #ff9901;  /*Color*/
						font-style					: italic;
						}
/*textos de los servicios*/						
#texto_seccion 			{
					  	margin-left					: 100px;
				   		margin-right				: 0px;
						margin-top					: 20px;
				   		margin-bottom				: 20px;
				   		font-size					: 16px;
				   		color						: #3a3a3a;		/*Color*/
}
.caja_texto 			{
						border-top					: 1px solid #ccc;	/*Color*/
					  	border-right				: 1px solid #ccc;  	/*Color*/
					  	border-bottom				: 1px solid #ccc;	/*Color*/
					  	border-left					: 1px solid #ccc;	/*Color*/
}	
.boton		 			{
						border-top					: 1px solid #ccc;	/*Color*/
					  	border-right				: 1px solid #ccc;  	/*Color*/
					  	border-bottom				: 1px solid #ccc;	/*Color*/
					  	border-left					: 1px solid #ccc;	/*Color*/
}
  
a:link   
{   
 text-decoration:none;   
}   
.entrada_titulo_negro 		{
   						padding						: 30px 0 0 0;
   						font-size					: 20px;		/*Tamaño de la letra*/
   						font-weight					: bold;		/*Tipo de letra Negrita*/
						color						: #000000;	/*Color de la fuente blanco*/
						/*text-transform				: uppercase; */
						}
.entrada_titulo_rosa 		{
   						padding						: 30px 0 0 0;
   						font-size					: 20px;		/*Tamaño de la letra*/
   						font-weight					: bold;		/*Tipo de letra Negrita*/
						color						: #953494;	/*Color de la fuente blanco*/
						/*text-transform				: uppercase; */
						}
#fondo_pie {
						border-top					: 0px solid #953494; /*Color del borde inferior*/
  						border-right				: 0px solid #fff;
  						border-bottom				: 3px solid #953494; /*Color del borde inferior*/
  						border-left					: 0px solid #fff;
						}

.botonopcion {
	background-color: #000000; /* Green */
    border: 0;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;

    width: 100%;
    margin-top:0px;margin-right:10px;
    opacity: 1;padding: 5px 10px;
}

.botonopcion1 {
    background-color: #6a6c71; 
    color: black; 
    border: none;
}

.botonopcion1:hover {
    background-color: #fbba00;
    color: white;
}